/* AU uses UngeKræfter's chapter, care and navigation materials.
   Brand specimens inside the identity showcase remain project content. */
.au-page {
  --case-surface: #ffffff59;
  --case-border: #ffffffa6;
  --au-context: radial-gradient(ellipse at 12% 35%,#e6def0,transparent 65%),#f1f2ed;
  --au-card-shadow: 0 8px 32px #30243e08;
  --au-point: linear-gradient(135deg,#ece5fa55,#ebf2d566);
  --au-point-border: #6e63812e;
  --au-active: #ffffffa6;
  --au-active-border: #ffffff;
  background: var(--au-context);
}
[data-theme="dark"] .au-page {
  --case-surface: linear-gradient(135deg,#eee7ff0e,#dce9cc06);
  --case-border: #eee7ff24;
  --au-context: radial-gradient(ellipse at 10% 28%,#65537535,transparent 64%),radial-gradient(ellipse at 95% 75%,#71836b16,transparent 62%),#202123;
  --au-card-shadow: inset 0 1px 0 #ffffff0b,0 12px 40px #08080b18;
  --au-point: linear-gradient(120deg,#f0e7ff12,#e7eed50b);
  --au-point-border: #f0e8ff29;
  --au-active: linear-gradient(130deg,#c4b0e537,#e4dfef1c);
  --au-active-border: #e5d8fc50;
  background: var(--au-context);
}
.au-page::before,.au-page::after { background:none; }
.au-page .case-intro,
.au-page .case-visual,
.au-page .case-story .case-block:not(.au-application-stack),
.au-page .au-comparison {
  background:var(--case-surface);
  color:var(--ink);
  border:1px solid var(--case-border);
  border-radius:24px;
  box-shadow:var(--au-card-shadow);
  backdrop-filter:blur(24px) saturate(115%);
  -webkit-backdrop-filter:blur(24px) saturate(115%);
}
.au-page .case-intro { background:var(--care-visual-background); }
.au-page .case-facts>div,
.au-page .case-tags span,
.au-page .au-flip-category,
.au-page .au-sage-summary-label {
  background:var(--au-point);
  border:1px solid var(--au-point-border);
  color:var(--ink);
  box-shadow:inset 0 1px 0 #ffffff08;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.au-page .case-facts span { color:var(--case-muted); }
.au-page .au-flip-face,
.au-page .au-design-principles .core-insight-buttons button:nth-child(n) {
  background:var(--care-visual-background);
  color:var(--ink);
  border:1px solid var(--case-border);
  box-shadow:inset 0 1px 0 #ffffff16,0 3px 12px #00000008;
}
/* Do not filter flip faces: their 3D backface visibility must be preserved. */
.au-page .au-flip-back { background:var(--au-context); }
.au-page :is(.case-back,.au-guide-label,.au-guide-control,.au-stack-controls button,.au-comparison-tabs,.au-position-tabs,.au-zoom-trigger,.au-preview-toggle) {
  background:var(--navigation-glass);
  color:var(--ink);
  border:1px solid var(--navigation-glass-border);
  box-shadow:var(--navigation-glass-shadow);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.au-page :is(.case-back,.au-guide-control,.au-stack-controls button,.au-zoom-trigger,.au-preview-toggle):hover,
.au-page .au-guide-cover:hover .au-guide-label {
  background:var(--navigation-glass-hover);
  color:var(--ink);
}
.au-page :is(.au-comparison-tabs,.au-position-tabs) button { color:var(--ink); opacity:.55; }
.au-page .au-comparison-tabs button[aria-selected="true"],
.au-page .au-position-tabs button[aria-pressed="true"],
.au-page .au-design-tab[aria-current] {
  background:var(--au-active);
  border-color:var(--au-active-border);
  color:var(--ink);
  opacity:1;
}
.au-page :is(.au-comparison-tabs,.au-position-tabs) button:hover { background:var(--navigation-glass-hover); color:var(--ink); opacity:1; }
.au-page .au-design-tab { color:var(--ink); }
/* The same frosted popup as UngeKræfter's insight popup. */
.au-page .practice-dialog {
  background:rgba(65,63,70,.48);
  color:#f4f4f4;
  border:1px solid #ffffff33;
  border-radius:28px;
  box-shadow:inset 0 1px 0 #ffffff1a,0 24px 70px #0005;
  backdrop-filter:blur(32px) saturate(160%);
  -webkit-backdrop-filter:blur(32px) saturate(160%);
}
.au-page .practice-dialog::backdrop { background:#17151d88; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.au-page .practice-dialog .au-design-tab { color:#f4f4f4; }
.au-page .practice-dialog .au-design-tab[aria-current] { background:#eee5fc18; border-color:#eee5fc35; }
.au-page .au-personality-icon { fill:#ece5fa; stroke:#6e6381; }
.au-page .au-personality-marker { background:#ece5fa; border-color:#6e6381; box-shadow:0 0 0 4px #ece5fa1a; }
.au-page .au-personality-line::before,.au-page .au-personality-line i { background:#ece5fa70; }
.au-page .au-tone-quadrant ul { color:#ece5fa; }
.au-page .au-position-node:not(.au-position-before) circle { fill:#ece5fa1f; stroke:#ffffff30; }
.au-page .au-position-redesign circle { fill:#ece5fa; stroke:#ffffff55; }
.au-page .au-position-movement { stroke:#ece5fa; }
@media(max-width:500px) {
  .au-page .case-intro,.au-page .case-visual,.au-page .case-story .case-block:not(.au-application-stack),.au-page .au-comparison { border-radius:22px; }
}