/* Only AU content adapters; layout and materials come from UngeKræfter. */
.au-template { position:relative; }
.au-template .uk-intro-stage { box-sizing:border-box; }
.au-template .au-opening-book { margin:0;max-width:420px;padding:0;border:0;background:transparent;box-shadow:none; }
.au-template .au-opening-book .au-guide-book-stage { max-height:42svh; }
.au-template .au-opening-book .au-guide-label { display:none; }
.au-template .uk-chapter-card>.case-block {
  display:block;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ink);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.au-template .uk-chapter-card>.case-block>h2 { margin:0 0 24px;max-width:none;white-space:normal;font-size:clamp(24px,2.4vw,32px);line-height:1.2;letter-spacing:-.025em; }
.au-template .uk-chapter-card>.case-block>h2 br { display:none; }
.au-template .uk-chapter-card>.case-block h3 { font-size:20px;line-height:1.35;margin:24px 0 12px; }
.au-template .uk-chapter-card>.case-block p,
.au-template .uk-chapter-card>.case-block li { font-size:18px;line-height:1.55; }
.au-template .uk-chapter-card>.case-block p { margin:0; }
.au-template .uk-chapter-card>.case-block p+p { margin-top:24px; }
.au-template .uk-chapter-card .au-concept-cards { display:grid;grid-template-columns:1fr;gap:32px; }
.au-template .uk-chapter-card .au-concept-card:nth-child(n) { display:block;padding:0;border:0;background:transparent;color:var(--ink);box-shadow:none; }
.au-template .uk-chapter-card .au-flip-grid { grid-template-columns:repeat(5,minmax(155px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0 16px; }
.au-template .uk-chapter-card .au-flip-card { scroll-snap-align:start; }
/* All five model launchers must be visible inside the narrower chapter card. */
.au-template .uk-chapter-card .au-sage-section .au-flip-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:visible;
  scroll-snap-type:none;
}
.au-template .au-sage-section .au-flip-card { aspect-ratio:4/5; }
@media(max-width:1100px) {
  .au-template .uk-chapter-card .au-sage-section .au-flip-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:500px) {
  .au-template .uk-chapter-card .au-sage-section .au-flip-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
  .au-template .au-sage-section .au-flip-face { padding:14px; }
  .au-template .au-sage-section .au-flip-title { font-size:17px; }
}
.au-template .uk-chapter-card .au-design-principles .core-insight-buttons { grid-template-columns:1fr;gap:16px; }
.au-template .uk-chapter-card .core-insight-buttons button { min-height:64px; }
.au-showcase-section,.au-application-section { position:relative;z-index:6;padding:96px 32px;background:var(--paper); }
/* Preserve the old case's available width, comparison padding and entire image grid. */
.au-showcase-inner { max-width:1116px;margin:0 auto; }
.au-application-section { background:var(--uk-context-background);padding-bottom:144px; }
.au-page .au-template .au-application-stack { margin:0; }
.au-page .case-footer { margin-top:0; }
@media(max-width:800px) {
  .au-showcase-section,.au-application-section { padding:64px 24px; }
  .au-template .uk-chapter-card>.case-block p,.au-template .uk-chapter-card>.case-block li { font-size:16px; }
  .au-template .au-opening-book { max-width:320px; }
}
@media(max-width:500px) {
  .au-showcase-section,.au-application-section { padding:48px 16px; }
  .au-template .au-opening-book { max-width:260px; }
}
@media print {
  .au-template .uk-quote-intro { display:block;height:auto; }
  .au-template .uk-intro-stage,.au-template .uk-intro-opening,.au-template .uk-opening-copy,.au-template .uk-intro-mockup { position:static;transform:none;height:auto; }
  .au-template .uk-chapter-stream { height:auto!important;overflow:visible;mask-image:none;-webkit-mask-image:none; }
  .au-template .uk-chapter-card { opacity:1!important; }
}

/* Override legacy case cards inside the shared chapter shell. */
.au-page .au-template .uk-chapter-card > .case-block {
 display:block; width:100%; min-width:0; min-height:0; margin:0; padding:32px;
 border:1px dashed #6e63812e; border-radius:16px;
 background:linear-gradient(135deg,#ece5fa55,#ebf2d566); color:var(--ink);
 box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
}
.au-page .au-template .uk-chapter-card > .case-block > h2 { display:block; margin:0 0 24px; background:none; }
.au-page .au-template .uk-chapter-card .au-design-principles .core-insight-buttons { display:flex; flex-direction:column; gap:12px; }
.au-page .au-template .uk-chapter-card .au-design-principles .core-insight-buttons button:nth-child(n) {
 display:block; width:100%; min-height:0; padding:8px 20px; border:1px solid #ffffffcc; border-radius:999px;
 background:#ffffff99; color:var(--ink); font:400 16px/1.5 Arial,sans-serif; text-align:left; box-shadow:none;
}
[data-theme="dark"] .au-page .au-template .uk-chapter-card > .case-block { background:linear-gradient(125deg,#c0a9e514,#ceddad0d); border-color:#e4d6fa29; }
[data-theme="dark"] .au-page .au-template .uk-chapter-card .au-design-principles .core-insight-buttons button:nth-child(n) { background:linear-gradient(120deg,#f0e7ff12,#e7eed50b); border-color:#f0e8ff29; }
@media(max-width:800px) { .au-page .au-template .uk-chapter-card > .case-block { padding:24px; } }
/* Dark glass section directly below the before/after comparison. */
.au-page .au-dark-details { position:relative; padding:96px 48px; background:#19191f; color:#f1f1f3; }
.au-dark-details-inner { max-width:1184px; margin:auto; }
.au-page .au-dark-details h2 { margin:0 0 48px; font-size:clamp(28px,3vw,44px); line-height:1.15; letter-spacing:-.04em; text-align:center; }
.au-dark-details-glass { min-height:440px; border:1px solid #ffffff20; border-radius:32px; background:linear-gradient(125deg,#ffffff12,#ffffff08 50%,#ffffff16); box-shadow:inset 0 1px 0 #ffffff12,0 16px 48px #00000020; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
@media(max-width:800px) { .au-page .au-dark-details { padding:64px 24px; } .au-dark-details-glass { min-height:320px; } }

/* Rounded outer surface around the before/after showcase. */
.au-page .au-showcase-section {
  border-radius:48px;
  overflow:hidden;
}
@media(max-width:800px) {
  .au-page .au-showcase-section { border-radius:32px; }
}

/* Full-width section surfaces, matching the UngeKræfter case. */
.au-page main.au-template {
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.au-page main.au-template > section {
  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin-left:0;
  margin-right:0;
}

/* The identity comparison now lives inside the dark glass section. */
.au-page .au-dark-details .au-dark-details-glass { padding:32px; }
.au-page .au-dark-details .au-comparison,
.au-page .au-dark-details .au-identity-showcase {
 background:transparent;
 border:0;
 box-shadow:none;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
 color:#f1f1f3;
}
.au-page .au-dark-details .au-comparison { padding:0; margin:0; }
.au-page .au-dark-details .au-comparison-tabs { background:#ffffff16; border-color:#ffffff30; }
.au-page .au-dark-details .au-comparison-tabs button { color:#dddde4; }
.au-page .au-dark-details .au-comparison-tabs button[aria-selected="true"] { background:#ffffff24; color:#fff; border-color:#ffffff55; }
@media(max-width:800px) { .au-page .au-dark-details .au-dark-details-glass { padding:16px; } }

.au-page .au-dark-details { border-radius:48px; overflow:hidden; }
@media(max-width:800px) { .au-page .au-dark-details { border-radius:32px; } }

/* Brand-theme section: reference blue and rounded outer surface. */
.au-page .au-service-copy { background:transparent; }
.au-page .au-service-copy #au-service-copy { background:#dde8ee; border-radius:48px; overflow:hidden; }
.au-page .au-service-copy .service-view-description:empty { display:none; }
.au-page .au-brand-copy-panel { margin-top:32px; }
.au-page .au-brand-copy-panel[hidden] { display:none; }
.au-page .au-brand-copy-panel > .au-flip-card { width:min(360px,100%); }
.au-page .au-brand-copy-panel .core-insight-buttons { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:800px) { .au-page .au-service-copy #au-service-copy { border-radius:32px; } }
@media(max-width:600px) { .au-page .au-brand-copy-panel .core-insight-buttons { grid-template-columns:1fr; } }

/* The archetype is presented directly beside its explanation. */
.au-page .au-archetype-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:48px; align-items:center; }
.au-page .au-archetype-figure { display:flex; flex-direction:column; margin:0; padding:28px; border:1px solid #ffffffa6; border-radius:28px; background:linear-gradient(135deg,#ffffff38,#ffffff16); min-width:0; }
.au-page .au-archetype-figure figcaption > span { display:block; font:12px/1.4 Arial,sans-serif; color:var(--case-muted); }
.au-page .au-archetype-figure h3 { margin:16px 0 24px; font-size:28px; line-height:1.2; }
.au-page .au-archetype-figure > img { display:block; width:100%; max-width:none; height:auto; aspect-ratio:1; object-fit:contain; }
.au-page .au-archetype-copy > h3 { margin:0 0 28px; font-size:clamp(24px,2.6vw,34px); line-height:1.2; }
.au-page .au-archetype-copy .au-sage-summary { display:flex; flex-direction:column; gap:24px; }
.au-page .au-archetype-copy .au-sage-summary-item { display:flex; flex-direction:column; gap:10px; font-size:16px; line-height:1.6; }
.au-page .au-archetype-copy .au-sage-summary-label { align-self:flex-start; padding:8px 14px; border:1px solid #ffffffa6; border-radius:14px; background:#ffffff38; font-size:14px; color:var(--ink); }
@media(max-width:800px) {
 .au-page .au-archetype-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 .au-page .au-archetype-figure > img { max-height:400px; }
}

/* Preserve the original 360px, 4:5 archetype card; fit the icon inside it. */
.au-page .au-archetype-layout { grid-template-columns:minmax(0,360px) minmax(0,1fr); }
.au-page .au-archetype-figure { width:100%; aspect-ratio:4 / 5; box-sizing:border-box; overflow:hidden; }
.au-page .au-archetype-figure figcaption { flex:0 0 auto; }
.au-page .au-archetype-figure > img { flex:1 1 0; width:100%; height:0; min-height:0; max-height:none; aspect-ratio:auto; object-fit:contain; }
@media(max-width:800px) {
 .au-page .au-archetype-layout { grid-template-columns:minmax(0,1fr); }
 .au-page .au-archetype-figure { max-width:360px; }
}

/* Grid colour sampled from the supplied AU reference. */
:root:not([data-theme="dark"]) .au-page,
:root:not([data-theme="dark"]) .au-page .uk-quote-intro {
  background-color:#dde8ee;
  background-image:linear-gradient(#a5b7c724 1px,transparent 1px),linear-gradient(90deg,#a5b7c724 1px,transparent 1px);
  background-size:80px 80px;
}

/* Match UngeKræfter: the next rounded surface overlaps a square-ended section. */
.au-page .au-template > .au-dark-details {
 position:relative;
 z-index:6;
 border-radius:48px 48px 0 0;
}
.au-page .au-template > .bilka-page.au-service-copy {
 position:relative;
 z-index:7;
 margin-top:-48px;
 background:none;
 isolation:auto;
}
.au-page .au-template > .au-service-copy::before { content:none; }
.au-page .au-template > .au-service-copy > #au-service-copy {
 position:relative;
 margin:0;
 border-radius:48px 48px 0 0;
 background:#dde8ee;
}
@media(max-width:800px) {
 .au-page .au-template > .au-dark-details { border-radius:32px 32px 0 0; }
 .au-page .au-template > .bilka-page.au-service-copy { margin-top:-32px; }
 .au-page .au-template > .au-service-copy > #au-service-copy { border-radius:32px 32px 0 0; }
}

/* Bare sage illustration beside its boxed explanation. */
.au-page .au-archetype-figure {
 padding:0;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
}
.au-page .au-archetype-copy {
 padding:32px;
 border:1px solid #ffffffa6;
 border-radius:28px;
 background:linear-gradient(135deg,#ffffff38,#ffffff16);
 box-shadow:0 8px 32px #30243e08;
}
@media(max-width:800px) { .au-page .au-archetype-copy { padding:24px; } }

.au-page .au-archetype-figure > img { transform:translateX(-32px); }
@media(max-width:800px) { .au-page .au-archetype-figure > img { transform:translateX(-16px); } }

/* Allow the shifted sage illustration to extend outside its own frame. */
.au-page .au-archetype-figure { overflow:visible; }

/* The personality card contains the full six-axis illustration. */

/* Models retain their original wide popup layout and natural height. */
.au-page .au-personality-card,
.au-page .au-tone-inline-card {
 width:100%; max-width:none; height:auto; aspect-ratio:auto; box-sizing:border-box;
 padding:32px; border:1px solid #ffffffa6; border-radius:28px;
 background:linear-gradient(135deg,#ffffff38,#ffffff16);
}
.au-page .au-personality-card .au-personality-model { margin:36px 0; }
.au-page .au-tone-inline-card .au-tone-model { width:100%; max-width:none; }
.au-page .au-tone-inline-card .au-tone-quadrant { background:none; border-radius:0; }
.au-page .au-tone-inline-card .au-tone-quadrant ul { color:var(--ink); }
.au-page .au-tone-inline-card .au-tone-quadrant li { padding:0; border:0; border-radius:0; background:none; }
.au-page .au-tone-inline-card .au-tone-quadrant h3 { color:var(--ink); border-color:#6e638140; }
.au-page .au-tone-inline-card .au-tone-model > h2 { color:var(--ink); }
@media(max-width:600px) {
 .au-page .au-personality-card,.au-page .au-tone-inline-card { padding:20px; overflow-x:auto; }
 .au-page .au-personality-card .au-personality-model,.au-page .au-tone-inline-card .au-tone-model { min-width:660px; }
}

.au-page .au-position-inline-card { width:100%; max-width:none; height:auto; box-sizing:border-box; padding:32px; border:1px solid #ffffffa6; border-radius:28px; background:linear-gradient(135deg,#ffffff38,#ffffff16); }
.au-page .au-position-inline-card .au-position-model { width:100%; max-width:none; }
@media(max-width:600px) { .au-page .au-position-inline-card { padding:20px; overflow-x:auto; } .au-page .au-position-inline-card .au-position-model { min-width:660px; } }

/* Expanding storytelling gallery, following the supplied motion reference. */
.au-page .au-story-gallery { padding:88px 48px 112px; background:#f0f3f5; color:var(--ink); }
.au-story-gallery-inner { max-width:1184px; margin:auto; }
.au-page .au-story-gallery-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; max-width:none; padding:0; margin:0 0 28px; border:0; }
.au-story-gallery-heading h2 { margin:0 0 16px; font-size:clamp(28px,3vw,44px); line-height:1.15; letter-spacing:-.04em; }
.au-story-gallery-heading p { margin:0; font-size:18px; line-height:1.6; color:var(--case-muted); }
.au-story-gallery-controls { display:flex; align-items:center; gap:12px; white-space:nowrap; }
.au-story-gallery-controls button { width:44px; height:44px; border:1px solid var(--navigation-glass-border); border-radius:50%; background:var(--navigation-glass); color:var(--ink); cursor:pointer; font:20px/1 Arial,sans-serif; }
.au-story-gallery-controls button:disabled { opacity:.3; cursor:default; }
.au-story-gallery-controls span { font:12px/1.4 Arial,sans-serif; color:var(--case-muted); font-variant-numeric:tabular-nums; }
.au-story-gallery-track { position:relative; display:flex; align-items:center; gap:12px; min-height:450px; }
.au-story-gallery-card { display:flex; flex-direction:column; flex:1 1 0; min-width:0; padding:0; border:0; background:transparent; text-align:left; color:var(--ink); cursor:pointer; transition:flex-grow .65s cubic-bezier(.22,1,.36,1); }
.au-story-gallery-card[aria-pressed="true"] { flex-grow:2.6; }
.au-story-gallery-card-caption { display:flex; flex-direction:column; gap:4px; min-height:50px; opacity:0; transform:translateY(8px); transition:opacity .25s,transform .45s cubic-bezier(.22,1,.36,1); }
.au-story-gallery-card-caption > span { font:10px/1.4 Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; color:var(--case-muted); }
.au-story-gallery-card-caption strong { font:600 14px/1.35 Arial,sans-serif; }
.au-story-gallery-card[aria-pressed="true"] .au-story-gallery-card-caption { opacity:1; transform:none; }
.au-story-gallery-art { display:grid; place-items:center; height:calc(400px - var(--story-distance,2) * 70px); padding:24px 16px; box-sizing:border-box; border:1px solid #ffffffa6; border-radius:24px; background:linear-gradient(135deg,#e0e9f1,#ffffff80); box-shadow:inset 0 1px 0 #ffffff80,0 8px 32px #30243e06; transition:height .65s cubic-bezier(.22,1,.36,1),background .4s; }
.au-story-gallery-card:nth-child(even) .au-story-gallery-art { background:linear-gradient(135deg,#dce8ed,#f1f5f8); }
.au-story-gallery-art img { display:block; width:100%; height:100%; max-height:310px; object-fit:contain; pointer-events:none; }
.au-story-gallery-copy { max-width:680px; min-height:100px; margin:24px auto 0; text-align:center; font:16px/1.65 Arial,sans-serif; }
.au-story-gallery-copy strong { font-weight:600; }
.au-story-gallery-card:focus-visible .au-story-gallery-art,.au-story-gallery-controls button:focus-visible { outline:3px solid var(--purple); outline-offset:4px; }
[data-theme="dark"] .au-page .au-story-gallery { background:#202123; }
[data-theme="dark"] .au-page .au-story-gallery-art,
[data-theme="dark"] .au-page .au-story-gallery-card:nth-child(even) .au-story-gallery-art { background:linear-gradient(135deg,#ffffff12,#ffffff06); border-color:#ffffff24; }
[data-theme="dark"] .au-page .au-story-gallery-art img { filter:brightness(0) invert(.9); }
@media(max-width:700px) {
 .au-page .au-story-gallery { padding:64px 24px 80px; }
 .au-page .au-story-gallery-heading { align-items:flex-start; flex-direction:column; }
 .au-story-gallery-track { overflow-x:auto; gap:12px; min-height:370px; padding:4px 4px 16px; scrollbar-width:thin; }
 .au-story-gallery-card { flex:0 0 110px; }
 .au-story-gallery-card[aria-pressed="true"] { flex:0 0 230px; }
 .au-story-gallery-art { height:calc(300px - var(--story-distance,2) * 40px); }
 .au-story-gallery-copy { min-height:130px; }
}
@media(prefers-reduced-motion:reduce) { .au-story-gallery-card,.au-story-gallery-card-caption,.au-story-gallery-art { transition:none; } }

/* Resting gallery: equal widths and heights, expansion only on interaction. */
.au-story-gallery:not(.has-active-story) .au-story-gallery-card { flex:1 1 0; }
.au-story-gallery:not(.has-active-story) .au-story-gallery-art { height:260px; }
.au-story-gallery:not(.has-active-story) .au-story-gallery-card-caption { opacity:0; transform:translateY(8px); }
.au-story-gallery-copy { transition:opacity .2s; }
.au-story-gallery:not(.has-active-story) .au-story-gallery-copy { opacity:0; }
@media(max-width:700px) {
 .au-story-gallery:not(.has-active-story) .au-story-gallery-card { flex:0 0 110px; }
 .au-story-gallery:not(.has-active-story) .au-story-gallery-art { height:220px; }
}

/* Keep the gallery close to its heading instead of vertically centering it. */
.au-page .au-story-gallery-heading { margin-bottom:12px; }
.au-story-gallery-track { align-items:flex-start; }
.au-story-gallery-card-caption { min-height:40px; }

/* A subtler expansion keeps the storytelling row balanced. */
.au-story-gallery-card[aria-pressed="true"] { flex-grow:1.5; }
.au-story-gallery-art { height:calc(310px - var(--story-distance,2) * 25px); }
@media(max-width:700px) {
 .au-story-gallery-card[aria-pressed="true"] { flex:0 0 160px; }
 .au-story-gallery-art { height:calc(260px - var(--story-distance,2) * 20px); }
}

/* Story text begins at the gallery's left edge, directly below the images. */
.au-story-gallery-copy {
  margin:20px 0 0;
  text-align:left;
}
.au-story-gallery-track { min-height:0; }

/* Category and title sit inside the illustration's top-left corner. */
.au-story-gallery-card { position:relative; }
.au-story-gallery-card-caption {
  position:absolute;
  top:20px;
  left:20px;
  right:16px;
  z-index:1;
  min-height:0;
  pointer-events:none;
}
.au-story-gallery-art { padding-top:70px; }

.au-story-gallery-copy { max-width:none; box-sizing:border-box; overflow-wrap:break-word; }

/* Sage explanations as a compact FAQ inside the existing glass panel. */
.au-page .au-sage-faq { padding:12px 32px; }
.au-sage-faq-item { border-bottom:1px solid #8096a540; }
.au-sage-faq-item:last-child { border-bottom:0; }
.au-sage-faq-item > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:64px; padding:18px 0; list-style:none; cursor:pointer; color:var(--ink); font:400 17px/1.45 Arial,sans-serif; }
.au-sage-faq-item > summary::-webkit-details-marker { display:none; }
.au-sage-faq-item > summary::marker { content:""; }
.au-sage-faq-item > summary svg { flex:0 0 20px; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease; }
.au-sage-faq-item[open] > summary svg { transform:rotate(180deg); }
.au-page .au-sage-faq-answer p { margin:0; padding:0 36px 24px 0; font:16px/1.65 Arial,sans-serif; color:var(--ink); }
.au-sage-faq-item > summary:focus-visible { outline:2px solid var(--purple); outline-offset:4px; border-radius:8px; }
@media(max-width:800px) { .au-page .au-sage-faq { padding:8px 24px; } }
@media(prefers-reduced-motion:reduce) { .au-sage-faq-item > summary svg { transition:none; } }

/* Clear personality axes and solid black markers. */
.au-page .au-personality-card .au-personality-line::before { height:1px; background:#33333380; }
.au-page .au-personality-card .au-personality-line i { background:#33333370; }
.au-page .au-personality-card .au-personality-marker { background:#171717; border-color:#171717; box-shadow:none; }

/* Compact, high-contrast positioning model sized to the viewport. */
.au-page .au-position-inline-card { padding:24px; }
.au-page .au-position-inline-card .au-position-model,
.au-page .au-position-inline-card .au-position-model.is-international {
 width:min(100%,760px,calc((100svh - 260px) * 1.5));
 min-width:0;
 max-width:100%;
 margin:20px auto 12px;
 padding:36px 64px 44px;
 box-sizing:border-box;
 color:#25252b;
}
.au-page .au-position-inline-card .au-position-axis { stroke:#25252b80; }
.au-page .au-position-inline-card .au-position-center-title { fill:#25252b; }
.au-page .au-position-inline-card .au-position-node circle { fill:#ffffff30; stroke:#25252b65; }
.au-page .au-position-inline-card .au-position-node text { fill:#25252b; }
.au-page .au-position-inline-card .au-position-before circle { fill:#25252b; stroke:#25252b; }
.au-page .au-position-inline-card .au-position-before text { fill:#fff; }
.au-page .au-position-inline-card .au-position-redesign circle { fill:#a7c3d6; stroke:#25252b; }
.au-page .au-position-inline-card .au-position-redesign text { fill:#171717; }
.au-page .au-position-inline-card .au-position-external-label text { fill:#25252b; }
.au-page .au-position-inline-card .au-position-movement { stroke:#25252b; }
.au-page .au-position-inline-card .au-position-model > span { color:#25252b; background:#ffffff38; border-color:#25252b40; }
@media(max-width:600px) {
 .au-page .au-position-inline-card { padding:16px; overflow:visible; }
 .au-page .au-position-inline-card .au-position-model,
 .au-page .au-position-inline-card .au-position-model.is-international { padding:32px 44px 36px; }
}

.au-page .au-personality-card .au-personality-marker { z-index:1; width:12px; height:12px; background:#171717; border:2px solid #171717; }

/* Unboxed FAQ with black separators. */
.au-page .au-archetype-copy.au-sage-faq {
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.au-page .au-sage-faq-item { border-bottom-color:#171717; }

/* Dedicated duplicate of the chapter layout, containing visual principles only. */
.au-page .au-inline-principles .uk-chapters-inner { grid-template-columns:minmax(220px,.65fr) minmax(0,1.5fr); gap:48px; }
.au-page .au-inline-principles .uk-chapter-card { padding:32px; }
.au-page .au-inline-principle > h2 { margin:0 0 28px; font-size:28px; }
.au-page .au-inline-principle .au-design-panel { gap:24px; }
.au-page .au-inline-principle .au-principle-copy h3 { margin:0 0 16px; font-size:22px; line-height:1.3; }
.au-page .au-inline-principle .au-principle-copy p { margin:0; font-size:16px; line-height:1.65; }
.au-page .au-inline-principle .au-example-area { margin-top:0; }
.au-page .au-inline-principle .au-example-type { padding:20px; gap:20px; }
.au-page .au-inline-principle .au-example-type > div > span { font-size:48px; }
.au-page .au-inline-principle .au-example-type strong { font-size:20px; }
@media(max-width:1000px) { .au-page .au-inline-principle .au-design-panel { grid-template-columns:1fr; } }
@media(max-width:800px) { .au-page .au-inline-principles .uk-chapters-inner { grid-template-columns:1fr; gap:32px; } .au-page .au-inline-principles .uk-chapter-card { padding:24px; } }

/* Let the identity grid sit directly on the dark section. */
.au-page .au-dark-details .au-dark-details-glass {
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* Compact principles section with navigation inside the content card. */
.au-page .au-inline-principles { padding:72px 48px 96px; background:var(--au-context); color:var(--ink); }
.au-principles-content { min-width:0; align-self:start; padding:28px 32px 32px; border:1px solid #ffffffa6; border-radius:28px; background:#ffffff59; box-shadow:0 8px 32px #30243e08; }
.au-principles-content-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:32px; }
.au-principles-content-header > h2 { flex:0 0 auto; margin:8px 0 0; font-size:24px; line-height:1.2; }
.au-principles-tabs { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; margin-left:auto; }
.au-principles-tabs button { padding:8px 12px; min-height:40px; border:0; border-radius:999px; background:transparent; color:var(--ink); font:13px/1.4 Arial,sans-serif; opacity:.6; cursor:pointer; }
.au-principles-tabs button[aria-selected="true"] { background:#ffffffa6; opacity:1; }
.au-principles-tabs button:focus-visible { outline:2px solid var(--purple); outline-offset:3px; }
.au-principles-tab-panel[hidden] { display:none; }
.au-page .au-inline-principles .uk-chapters-sidebar { padding-top:0; }
@media(max-width:800px) { .au-page .au-inline-principles { padding:56px 24px 72px; } .au-principles-content { padding:24px; } }
@media(max-width:600px) { .au-principles-content-header { flex-direction:column; } .au-principles-tabs { margin-left:0; justify-content:flex-start; } }

/* The sage icon follows the heading's type scale. */
.au-page #au-service-copy .au-brand-heading { display:flex; align-items:center; gap:12px; font-size:clamp(28px,3vw,44px); }
.au-page #au-service-copy .au-brand-heading .service-view-title { margin:0; }
.au-page #au-service-copy .au-heading-sage { display:block; flex:none; width:auto; height:1.15em; object-fit:contain; }
.au-page #au-service-copy:not(:has(#au-brand-copy-tab-0[aria-selected="true"])) .au-heading-sage { display:none; }
.au-page .au-archetype-layout { display:block; }

.au-page .au-sage-faq-item { border-bottom-width:1.5px; }

/* Models sit directly on the brand section without surrounding cards. */
.au-page #au-service-copy :is(.au-personality-card,.au-tone-inline-card,.au-position-inline-card) {
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.au-page .au-sage-faq-item > summary { font-weight:500; }

/* Tone of Voice: clear black axes and compact 2×2 word groups. */
.au-page .au-tone-inline-card .au-tone-model > h2::before,
.au-page .au-tone-inline-card .au-tone-model > h2::after { background:#171717; height:1.5px; }
.au-page .au-tone-inline-card .au-tone-quadrant:nth-of-type(2n) { border-left:1.5px solid #171717; }
.au-page .au-tone-inline-card .au-tone-quadrant:nth-of-type(n) { display:flex; align-items:center; gap:16px; }
.au-page .au-tone-inline-card .au-tone-quadrant h3 {
 background:#171717;
 color:#fff;
 border:1px solid #171717;
 border-radius:999px;
 min-height:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0;
 align-self:center;
}
.au-page .au-tone-inline-card .au-tone-quadrant ul {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-rows:repeat(2,auto);
 gap:12px 16px;
 flex:1 1 auto;
 min-width:0;
 width:auto;
 margin:0;
 align-items:center;
 align-content:center;
 text-align:center;
}
.au-page .au-tone-inline-card .au-tone-quadrant li { text-align:center; line-height:1.45; }
@media(max-width:600px) {
 .au-page .au-tone-inline-card .au-tone-quadrant ul { gap:10px; }
}

/* Align the model itself, rather than an invisible padded wrapper. */
.au-page #au-service-copy .au-personality-card { padding:0; }
.au-page #au-service-copy .au-personality-card .au-personality-model { width:100%; box-sizing:border-box; }

/* Visual principles are presented in neutral dark tones. */
.au-page .au-inline-principles {
  --ink:#f1f1f3;
  --case-muted:#c4c4cb;
  --purple:#c5c5d0;
  background:#19191f;
  color:#f1f1f3;
}
.au-page .au-inline-principles .uk-chapters-sidebar { background:transparent; }
.au-page .au-inline-principles .au-principles-content {
  background:linear-gradient(135deg,#ffffff12,#ffffff06);
  border-color:#ffffff24;
  box-shadow:inset 0 1px 0 #ffffff12,0 8px 32px #00000020;
}
.au-page .au-inline-principles .au-principles-tabs button { color:#f1f1f3; opacity:.65; }
.au-page .au-inline-principles .au-principles-tabs button[aria-selected="true"] { background:#ffffff20; color:#fff; opacity:1; }
.au-page .au-inline-principles .au-example-type { background:#ffffff0d; color:#f1f1f3; }
.au-page .au-inline-principles .au-principle-copy :is(h3,p) { color:#f1f1f3; }

/* Neutral white surfaces for the context section. */
.au-page #au-context { background:linear-gradient(135deg,#f2f3f4,#fafafa); }
.au-page #au-context .uk-chapter-card { background:#ffffff59; border-color:#ffffffa6; box-shadow:0 8px 32px #20202006; }
.au-page .au-template #au-context .uk-chapter-card > .case-block { background:linear-gradient(135deg,#ffffff55,#f4f5f566); border-color:#25252526; }
.au-page #au-context .uk-chapters-nav button { background:#ffffff38; border-color:#25252514; box-shadow:none; }
.au-page #au-context .uk-chapters-nav button[aria-current="step"] { background:#ffffffa6; border-color:#fff; box-shadow:0 4px 24px #20202006; }
.au-page #au-context .au-concept-label { background:#ffffff99; border-color:#25252514; }

/* Neutral glass retains depth without a lavender colour cast. */
.au-page #au-context {
  background:radial-gradient(ellipse at 12% 30%,#e4e7e9,transparent 65%),radial-gradient(ellipse at 90% 80%,#ffffffb3,transparent 60%),#f3f4f4;
}
.au-page #au-context .uk-chapter-card {
  background:linear-gradient(135deg,#ffffff66,#ffffff24);
  border-color:#ffffffb3;
  box-shadow:inset 0 1px 0 #ffffffcc,inset 1px 0 0 #ffffff66,0 12px 40px #25252508;
  backdrop-filter:blur(24px) saturate(105%);
  -webkit-backdrop-filter:blur(24px) saturate(105%);
}
.au-page .au-template #au-context .uk-chapter-card > .case-block {
  background:linear-gradient(125deg,#ffffff55,#e8ebed22);
  border-color:#727a8129;
}
.au-page #au-context .uk-chapters-nav button {
  background:linear-gradient(135deg,#ffffff40,#ffffff14);
  border-color:#ffffff66;
  box-shadow:inset 0 1px 0 #ffffff66;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.au-page #au-context .uk-chapters-nav button[aria-current="step"] {
  background:linear-gradient(135deg,#ffffffb3,#ffffff66);
  border-color:#fff;
  box-shadow:inset 0 1px 0 #ffffffcc,0 4px 24px #25252508;
}

/* Right-hand horizontal gallery with an overflow hint. */
.au-page .au-story-gallery-inner { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:32px 48px; align-items:start; }
.au-page .au-story-gallery-heading { grid-column:1; margin:0; }
.au-story-gallery-stage { grid-column:2; min-width:0; }
.au-page .au-story-gallery .au-story-gallery-track {
 display:flex; overflow-x:auto; overflow-y:hidden; gap:12px; padding:4px 4px 16px; min-height:0;
 scrollbar-width:none;
 mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 56px),transparent 100%);
 -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 56px),transparent 100%);
}
.au-story-gallery-track::-webkit-scrollbar { display:none; }
.au-page .au-story-gallery .au-story-gallery-track.is-scroll-end { mask-image:none; -webkit-mask-image:none; }
.au-page .au-story-gallery .au-story-gallery-card { flex:0 0 180px; transition:flex-basis .65s cubic-bezier(.22,1,.36,1); }
.au-page .au-story-gallery.has-active-story .au-story-gallery-card[aria-pressed="true"] { flex:0 0 240px; }
@media(max-width:700px) {
 .au-page .au-story-gallery-inner { grid-template-columns:minmax(0,1fr); gap:24px; }
 .au-story-gallery-stage { grid-column:1; }
 .au-page .au-story-gallery .au-story-gallery-card { flex-basis:150px; }
 .au-page .au-story-gallery.has-active-story .au-story-gallery-card[aria-pressed="true"] { flex-basis:190px; }
}
@media(prefers-reduced-motion:reduce) { .au-page .au-story-gallery .au-story-gallery-card { transition:none; } }

/* End space lets even the final card reach the same left-hand focus anchor. */
.au-page .au-story-gallery .au-story-gallery-track::after { content:""; flex:0 0 max(0px,calc(100% - 252px)); align-self:stretch; }
@media(max-width:700px) { .au-page .au-story-gallery .au-story-gallery-track::after { flex-basis:max(0px,calc(100% - 202px)); } }

/* Context text sits directly inside the outer glass card. */
.au-page .au-template #au-context .uk-chapter-card > .case-block {
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.au-page .au-story-gallery-heading .au-story-gallery-copy { margin:28px 0 0; max-width:520px; width:100%; text-align:left; }

/* Compact context cards align with the sidebar heading. */
.au-page #au-context .uk-chapter-card { min-height:0; }
@media(min-width:801px) { .au-page #au-context .uk-chapter-stream { margin-top:24px; } }

/* A shorter edge fade keeps context cards readable to their edges. */
.au-page #au-context .uk-chapter-stream {
 mask-image:linear-gradient(to bottom,transparent,#000 8px,#000 calc(100% - 8px),transparent);
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 8px,#000 calc(100% - 8px),transparent);
}
.au-page::before,.au-page::after { height:64px; opacity:.35; }
@media(prefers-reduced-motion:reduce) { .au-page #au-context .uk-chapter-stream { mask-image:none; -webkit-mask-image:none; } }


/* Restore the simple icon gallery, with the story beside the row. */
.au-page .au-story-gallery .au-story-gallery-card { display:flex; flex-direction:column; flex:0 0 180px; height:auto; min-height:0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.au-page .au-story-gallery.has-active-story .au-story-gallery-card[aria-pressed="true"] { flex:0 0 240px; }
.au-page .au-story-gallery .au-story-gallery-art { width:100%; height:260px; padding:70px 16px 24px; border:1px solid #ffffffa6; border-radius:24px; background:linear-gradient(135deg,#e0e9f1,#ffffff80); }
.au-page .au-story-gallery .au-story-gallery-card[aria-pressed="true"] .au-story-gallery-art { height:310px; }
.au-page .au-story-gallery .au-story-gallery-art img { width:100%; height:100%; max-height:none; object-fit:contain; }
@media(max-width:700px) { .au-page .au-story-gallery .au-story-gallery-card { flex-basis:150px; } .au-page .au-story-gallery.has-active-story .au-story-gallery-card[aria-pressed="true"] { flex-basis:190px; } }

/* White counterpart to Bilka's soft gallery section surface. */
.au-page .au-story-gallery {
 background:radial-gradient(ellipse at 85% 15%,#ffffffcc,transparent 65%),linear-gradient(135deg,#f1f2f3,#fff);
}

/* Visible guide action in the same light glass palette as navigation. */
.au-page .au-template .au-opening-book .au-guide-label {
 display:table;
 margin:24px auto 0;
 padding:10px 18px;
 border:1px solid var(--navigation-glass-border);
 border-radius:999px;
 background:var(--navigation-glass);
 color:var(--ink);
 font:14px/1.4 Arial,sans-serif;
}
.au-page .au-template .au-opening-book .au-guide-cover:hover .au-guide-label {
 background:var(--navigation-glass-hover);
 border-color:var(--navigation-glass-border);
}

/* A separate guide button remains visible above the book. */
.au-page .au-template .au-opening-book .au-guide-action {
 display:block;
 width:fit-content;
 margin:0 auto 20px;
 padding:10px 18px;
 border:1px solid var(--navigation-glass-border);
 border-radius:999px;
 background:var(--navigation-glass);
 color:var(--ink);
 font:14px/1.4 Arial,sans-serif;
 cursor:pointer;
}
.au-page .au-template .au-opening-book .au-guide-action:hover { background:var(--navigation-glass-hover); }