/* MCA Genesis TRUE S+16 — precision UI/UX layer
   Font authority is intentionally untouched. No font-family declaration exists in this file. */

:root{
  --t16-bg:#f4f7f8;
  --t16-bg-soft:#edf3f4;
  --t16-surface:#ffffff;
  --t16-surface-raised:#ffffff;
  --t16-surface-muted:#f6f9fa;
  --t16-text:#10242b;
  --t16-muted:#60747c;
  --t16-line:#d8e2e5;
  --t16-line-strong:#bfd0d5;
  --t16-brand:#0f756a;
  --t16-brand-strong:#095f57;
  --t16-brand-soft:#e6f4f1;
  --t16-gold:#d7ad27;
  --t16-danger:#b44f43;
  --t16-warning:#b88116;
  --t16-success:#12806d;
  --t16-r1:12px;
  --t16-r2:18px;
  --t16-r3:24px;
  --t16-r4:32px;
  --t16-shadow-1:0 1px 2px rgba(13,42,49,.04),0 8px 22px rgba(13,42,49,.055);
  --t16-shadow-2:0 2px 4px rgba(13,42,49,.04),0 18px 44px rgba(13,42,49,.085);
  --t16-shadow-3:0 8px 20px rgba(13,42,49,.07),0 34px 90px rgba(13,42,49,.13);
  --t16-focus:0 0 0 4px rgba(15,117,106,.16);
  --t16-container:1240px;
}
html.dark{
  --t16-bg:#071218;
  --t16-bg-soft:#0b1a21;
  --t16-surface:#0d1b22;
  --t16-surface-raised:#10232b;
  --t16-surface-muted:#0a171d;
  --t16-text:#edf7f6;
  --t16-muted:#9db0b6;
  --t16-line:#233840;
  --t16-line-strong:#36515a;
  --t16-brand:#46cfbc;
  --t16-brand-strong:#73e1d1;
  --t16-brand-soft:#102e2d;
  --t16-gold:#f0c84a;
  --t16-danger:#ff9185;
  --t16-warning:#f0bf5a;
  --t16-success:#50d5c0;
  --t16-shadow-1:0 1px 2px rgba(0,0,0,.22),0 10px 26px rgba(0,0,0,.18);
  --t16-shadow-2:0 2px 5px rgba(0,0,0,.23),0 22px 52px rgba(0,0,0,.27);
  --t16-shadow-3:0 12px 30px rgba(0,0,0,.3),0 44px 110px rgba(0,0,0,.38);
  --t16-focus:0 0 0 4px rgba(70,207,188,.2);
}

html{scroll-padding-top:96px;background:var(--t16-bg)}
body{background:var(--t16-bg);color:var(--t16-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--t16-brand) var(--t16-scroll,0%),transparent 0);pointer-events:none}
::selection{background:color-mix(in srgb,var(--t16-brand) 24%,transparent);color:var(--t16-text)}

/* Header authority */
#header{background:color-mix(in srgb,var(--t16-surface) 88%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--t16-line) 85%,transparent);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
#header.t16-scrolled{background:color-mix(in srgb,var(--t16-surface) 96%,transparent)!important;box-shadow:0 12px 36px rgba(12,38,45,.08)}
#header nav{max-width:var(--t16-container)}
#header nav>div:first-child{min-height:78px}
.logo-container{display:flex;align-items:center;min-width:126px}
.logo-container img{display:block;max-height:58px;object-fit:contain}
.nav-link{position:relative;color:var(--t16-muted)!important;font-weight:700!important;letter-spacing:-.01em;padding:28px 0 24px;transition:color .18s ease}
.nav-link::after{content:"";position:absolute;left:50%;right:50%;bottom:14px;height:2px;border-radius:2px;background:var(--t16-brand);transition:left .22s ease,right .22s ease}
.nav-link:hover,.nav-link.active,.nav-link[aria-current="page"]{color:var(--t16-text)!important}
.nav-link:hover::after,.nav-link.active::after,.nav-link[aria-current="page"]::after{left:0;right:0}
.nav-link.nav-product{color:var(--t16-brand)!important}
.s16-header-actions{gap:8px!important}
.s16-icon-button{width:42px!important;height:42px!important;border:1px solid var(--t16-line)!important;border-radius:12px!important;background:var(--t16-surface)!important;color:var(--t16-text)!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.s16-icon-button:hover{transform:translateY(-1px);border-color:var(--t16-line-strong)!important;background:var(--t16-surface-muted)!important}
.s16-login{min-height:42px!important;padding:0 16px!important;border-radius:12px!important;background:var(--t16-brand)!important;color:#fff!important;border:1px solid var(--t16-brand)!important;box-shadow:0 12px 26px color-mix(in srgb,var(--t16-brand) 20%,transparent)!important;font-weight:800!important}
.s16-login:hover{background:var(--t16-brand-strong)!important;transform:translateY(-1px)}
.mobile-menu{background:var(--t16-surface)!important;border:1px solid var(--t16-line)!important;border-radius:18px!important;padding:10px!important;box-shadow:var(--t16-shadow-2)!important}
.mobile-nav-link{border-radius:11px!important;color:var(--t16-muted)!important;font-weight:700!important}
.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--t16-surface-muted)!important;color:var(--t16-text)!important}
.mobile-product-link{color:var(--t16-brand)!important;background:var(--t16-brand-soft)!important}

/* Stable page canvas */
.genesis-main{background:var(--t16-bg)!important}
.genesis-container,.s16-container{width:min(var(--t16-container),calc(100% - 48px))!important;margin-inline:auto}
.genesis-scene{padding:clamp(88px,9vw,136px) 0!important}
.genesis-scene.alt{background:var(--t16-surface)!important}
.genesis-scene-head{max-width:900px;margin-bottom:50px}
.genesis-section-kicker,.genesis-eyebrow{color:var(--t16-brand)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.16em!important}
.genesis-h2{color:var(--t16-text)!important;font-size:clamp(38px,4.5vw,68px)!important;line-height:1.04!important;letter-spacing:-.045em!important;max-width:980px!important}
.genesis-section-lead,.genesis-copy{color:var(--t16-muted)!important;max-width:790px!important}

/* Hero rebuilt without touching typography */
.genesis-hero{min-height:auto!important;padding:156px 0 96px!important;background:
 radial-gradient(circle at 76% 18%,color-mix(in srgb,var(--t16-brand) 11%,transparent),transparent 31%),
 radial-gradient(circle at 18% 74%,color-mix(in srgb,var(--t16-gold) 7%,transparent),transparent 26%),
 var(--t16-bg)!important}
.genesis-hero::before{background-size:64px 64px!important;opacity:.2!important;mask-image:linear-gradient(to bottom,black 0,transparent 78%)!important}
.genesis-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr)!important;gap:clamp(44px,6vw,86px)!important}
.genesis-kicker{border-color:var(--t16-line)!important;background:color-mix(in srgb,var(--t16-surface) 92%,transparent)!important;color:var(--t16-brand)!important;box-shadow:0 8px 24px rgba(13,42,49,.035)}
.genesis-title{color:var(--t16-text)!important;margin:24px 0 24px!important;font-size:clamp(52px,6vw,92px)!important}
.genesis-title span{color:var(--t16-brand)!important}
.genesis-lead{color:var(--t16-muted)!important;font-size:clamp(17px,1.5vw,21px)!important;line-height:1.68!important}
.genesis-actions{margin-top:30px!important}
.genesis-btn{min-height:50px!important;border-radius:12px!important;padding:0 20px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.genesis-btn.primary{background:var(--t16-brand)!important;box-shadow:0 14px 30px color-mix(in srgb,var(--t16-brand) 23%,transparent)!important}
.genesis-btn.primary:hover{background:var(--t16-brand-strong)!important;box-shadow:0 18px 36px color-mix(in srgb,var(--t16-brand) 27%,transparent)!important}
.genesis-btn.secondary{background:var(--t16-surface)!important;border-color:var(--t16-line)!important;color:var(--t16-text)!important}
.genesis-btn.secondary:hover{border-color:var(--t16-line-strong)!important;box-shadow:var(--t16-shadow-1)!important}
.genesis-trust{color:var(--t16-muted)!important;margin-top:26px!important}

/* Hero product authority */
.genesis-authority-shell{border:1px solid var(--t16-line-strong)!important;border-radius:28px!important;background:linear-gradient(145deg,var(--t16-surface),var(--t16-surface-muted))!important;box-shadow:var(--t16-shadow-3)!important;padding:14px!important;transform:none!important}
.genesis-authority-shell::after{opacity:.08!important}
.genesis-shell-top{padding:7px 8px 14px!important;color:var(--t16-muted)!important}
.genesis-shell-brand{color:var(--t16-text)!important}
.genesis-shell-status{color:var(--t16-brand)!important}
.genesis-chain-card{border-color:var(--t16-line)!important;background:var(--t16-surface)!important;border-radius:20px!important;padding:20px!important}
.genesis-chain-head{border-color:var(--t16-line)!important}
.genesis-chain-head h3,.genesis-chain-step strong{color:var(--t16-text)!important}
.genesis-chain-head p,.genesis-chain-step small{color:var(--t16-muted)!important}
.genesis-chain-score{color:var(--t16-brand)!important;background:var(--t16-brand-soft)!important}
.genesis-chain-step{background:var(--t16-surface-muted)!important;border:1px solid transparent!important;border-radius:12px!important}
.genesis-chain-step.active{border-color:color-mix(in srgb,var(--t16-brand) 40%,var(--t16-line))!important;background:color-mix(in srgb,var(--t16-brand) 7%,var(--t16-surface))!important}
.genesis-step-no{background:var(--t16-surface)!important;border-color:var(--t16-line)!important;color:var(--t16-brand)!important}
.genesis-chain-foot{background:#0d252b!important;color:#f4fbfa!important;border:1px solid rgba(255,255,255,.08);border-radius:12px!important}
html.dark .genesis-chain-foot{background:#dff5f1!important;color:#0b2428!important}

/* Shared surface architecture */
.genesis-fragment,.genesis-break-panel,.genesis-evidence-node i,.genesis-story-card,.genesis-product-shell,
.g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,.g07-command,.g08-command,.g09-command,.g10-command,.g11-command,
.g02-evidence-card,.g02-decision-card{
  border-color:var(--t16-line)!important;
  background:var(--t16-surface)!important;
  color:var(--t16-text)!important;
  box-shadow:var(--t16-shadow-1)!important;
}
.genesis-fragment,.genesis-story-card{border-radius:18px!important}
.genesis-break-panel,.genesis-product-shell,.g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,.g07-command,.g08-command,.g09-command,.g10-command,.g11-command{border-radius:26px!important;box-shadow:var(--t16-shadow-2)!important}

/* Remove "every card floats" feeling */
.genesis-fragment:hover,.genesis-story-card:hover,[class*="-rail"] button:hover,[class*="-tabs"] button:hover,[class*="-library"] button:hover{
  transform:translateY(-2px)!important;
}
.genesis-fragment,.genesis-story-card,[class*="-rail"] button,[class*="-tabs"] button,[class*="-library"] button{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}

/* Fragmentation and evidence */
.genesis-fragment-grid{gap:44px!important;margin-top:48px!important}
.genesis-fragment{padding:16px 18px!important;box-shadow:none!important}
.genesis-fragment .icon{background:var(--t16-surface-muted)!important;color:var(--t16-brand)!important}
.genesis-fragment strong{color:var(--t16-text)!important}.genesis-fragment small{color:var(--t16-muted)!important}
.genesis-break-panel{padding:28px!important;background:linear-gradient(145deg,var(--t16-surface-muted),var(--t16-surface))!important}
.genesis-break-panel h3{color:var(--t16-text)!important}.genesis-break-panel p{color:var(--t16-muted)!important}
.genesis-break-metric div{background:var(--t16-surface)!important;border-color:var(--t16-line)!important}
.genesis-evidence-track{gap:12px!important;margin-top:52px!important}
.genesis-evidence-node i{width:58px!important;height:58px!important;border-radius:16px!important;color:var(--t16-brand)!important;box-shadow:none!important}
.genesis-evidence-node strong{color:var(--t16-text)!important}.genesis-evidence-node small{color:var(--t16-muted)!important}

/* Interactive rails and commands */
.g02-module-rail button,.g03-plant-rail button,.g04-article-rail button,.g05-authority-rail button,.g06-standard-rail button,.g07-library button,.g08-role-rail button,.g09-adoption-rail button,.g10-trust-rail button,
.g11-org-tabs button,.g11-problem-tabs button,.g11-workflow-tabs button{
  border-color:var(--t16-line)!important;
  background:var(--t16-surface)!important;
  color:var(--t16-text)!important;
  box-shadow:none!important;
  border-radius:14px!important;
}
.g02-module-rail button:hover,.g03-plant-rail button:hover,.g04-article-rail button:hover,.g05-authority-rail button:hover,.g06-standard-rail button:hover,.g07-library button:hover,.g08-role-rail button:hover,.g09-adoption-rail button:hover,.g10-trust-rail button:hover,
.g11-org-tabs button:hover,.g11-problem-tabs button:hover,.g11-workflow-tabs button:hover{
  border-color:var(--t16-line-strong)!important;background:var(--t16-surface-muted)!important;
}
.g02-module-rail button.active,.g03-plant-rail button.active,.g04-article-rail button.active,.g05-authority-rail button.active,.g06-standard-rail button.active,.g07-library button.active,.g08-role-rail button.active,.g09-adoption-rail button.active,.g10-trust-rail button.active,
.g11-org-tabs button.active,.g11-problem-tabs button.active,.g11-workflow-tabs button.active{
  border-color:var(--t16-brand)!important;
  background:var(--t16-brand-soft)!important;
  color:var(--t16-text)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--t16-brand) 18%,transparent)!important;
}
.g02-module-rail button.active>span,.g03-plant-rail button.active>span,.g04-article-rail button.active>span,.g05-authority-rail button.active>span,.g06-standard-rail button.active>span,.g07-library button.active>span,.g08-role-rail button.active>span,.g09-adoption-rail button.active>span,.g10-trust-rail button.active>span{background:var(--t16-brand)!important;color:#fff!important}

/* Command internals */
.g02-command::before,.g03-command::before,.g04-constitution-command::before,.g05-command::before,.g06-command::before,.g07-command::before,.g08-command::before,.g09-command::before,.g10-command::before,.g11-command::before{opacity:.09!important}
[class$="-head"]{border-color:var(--t16-line)!important}
[class$="-head"] h3,[class$="-head"] h4{color:var(--t16-text)!important}
[class$="-command"]>p,[class$="-grid"] p,[class$="-card"] p,[class$="-foot"] span{color:var(--t16-muted)!important}
.g02-state,.g03-state,.g04-state,.g05-state,.g06-state,.g07-status,.g08-state,.g09-state,.g10-state,.g11-state{color:var(--t16-brand)!important;border-color:color-mix(in srgb,var(--t16-brand) 35%,var(--t16-line))!important;background:var(--t16-brand-soft)!important}

/* Constitution: explicit true light/dark */
.g04-constitution-scene{background:var(--t16-bg)!important;color:var(--t16-text)!important}
.g04-constitution-scene .genesis-h2,.g04-constitution-scene h3,.g04-constitution-scene h4,.g04-constitution-scene strong{color:var(--t16-text)!important}
.g04-constitution-scene .genesis-section-lead,.g04-constitution-scene p,.g04-constitution-scene small{color:var(--t16-muted)!important}
html.dark .g04-constitution-scene{background:#071218!important}

/* Dark-scene authority: only dark when the user selected dark */
html:not(.dark) .genesis-scene.dark{background:var(--t16-surface)!important;color:var(--t16-text)!important}
html:not(.dark) .genesis-scene.dark .genesis-h2,html:not(.dark) .genesis-scene.dark h3,html:not(.dark) .genesis-scene.dark h4,html:not(.dark) .genesis-scene.dark strong{color:var(--t16-text)!important}
html:not(.dark) .genesis-scene.dark p,html:not(.dark) .genesis-scene.dark small,html:not(.dark) .genesis-scene.dark .genesis-section-lead{color:var(--t16-muted)!important}
html.dark .genesis-scene.dark{background:#061016!important}

/* CTA hierarchy */
.genesis-cta{padding:clamp(84px,9vw,132px) 0!important;background:var(--t16-bg)!important}
.genesis-cta-box{border:1px solid var(--t16-line)!important;border-radius:32px!important;background:
 radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--t16-brand) 18%,transparent),transparent 28%),
 linear-gradient(145deg,#0b242a,#0d3034)!important;box-shadow:var(--t16-shadow-3)!important;padding:clamp(34px,6vw,72px)!important}
.genesis-cta-box h2,.genesis-cta-box h3{color:#f4fbfa!important}.genesis-cta-box p{color:#b7cacd!important}

/* Footer */
.s16-footer{background:#07181e!important;border-top:1px solid rgba(255,255,255,.08)!important}
.s16-footer img{filter:none!important}
.s16-footer a{transition:color .18s ease}.s16-footer a:hover{color:#fff!important}

/* Legacy pages: same font, stronger composition */
body:not(.s16-site) main,body:not(.genesis-site) main{background:var(--t16-bg)}
body:not(.s16-site) section.bg-white,body:not(.s16-site) .bg-white,body:not(.s16-site) [class*="bg-gray-50"]{background:var(--t16-surface)!important;color:var(--t16-text)!important}
body:not(.s16-site) .shadow-lg,body:not(.s16-site) .shadow-xl,body:not(.s16-site) .shadow-md{box-shadow:var(--t16-shadow-1)!important}
body:not(.s16-site) .rounded-xl,body:not(.s16-site) .rounded-2xl{border-radius:20px!important}
body:not(.s16-site) .border,body:not(.s16-site) [class*="border-gray"]{border-color:var(--t16-line)!important}
body:not(.s16-site) input,body:not(.s16-site) textarea,body:not(.s16-site) select{background:var(--t16-surface)!important;color:var(--t16-text)!important;border-color:var(--t16-line)!important;border-radius:12px!important}

/* Focus and accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:none!important;box-shadow:var(--t16-focus)!important}
.genesis-skip:focus{background:var(--t16-surface)!important;color:var(--t16-text)!important;border:1px solid var(--t16-line)!important}

/* Responsive authority */
@media(max-width:1180px){
  .genesis-hero-grid{grid-template-columns:1fr 440px!important;gap:42px!important}
  .genesis-title{font-size:clamp(50px,6vw,76px)!important}
}
@media(max-width:1023px){
  #header nav>div:first-child{min-height:72px}
  .genesis-container,.s16-container{width:min(100% - 36px,var(--t16-container))!important}
  .genesis-hero{padding:132px 0 80px!important}
  .genesis-hero-grid{grid-template-columns:1fr!important}
  .genesis-hero-copy{max-width:820px}
  .genesis-authority-shell{max-width:760px;width:100%;margin-inline:auto}
  .genesis-fragment-grid,.genesis-story{grid-template-columns:1fr!important}
  .genesis-evidence-track{grid-template-columns:repeat(4,1fr)!important}
  .genesis-evidence-track::before{display:none!important}
}
@media(max-width:760px){
  .genesis-container,.s16-container{width:min(100% - 28px,var(--t16-container))!important}
  .genesis-scene{padding:78px 0!important}
  .genesis-hero{padding:116px 0 66px!important}
  .genesis-title{font-size:clamp(42px,13vw,62px)!important;letter-spacing:-.04em!important}
  [dir="rtl"] .genesis-title{line-height:1.13!important}
  .genesis-lead{font-size:17px!important}
  .genesis-actions{display:grid!important;grid-template-columns:1fr!important}
  .genesis-btn{width:100%!important}
  .genesis-trust{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .genesis-authority-shell{padding:10px!important;border-radius:22px!important}
  .genesis-chain-card{padding:15px!important}
  .genesis-chain-head{display:grid!important}
  .genesis-chain-step{grid-template-columns:36px 1fr!important}.genesis-chain-step em{display:none!important}
  .genesis-evidence-track{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}
  .genesis-h2{font-size:clamp(34px,10vw,48px)!important;line-height:1.12!important}
  .genesis-section-lead{font-size:16px!important;line-height:1.65!important}
  .genesis-cta-box{border-radius:24px!important}
}
@media(max-width:440px){
  .genesis-container,.s16-container{width:min(100% - 22px,var(--t16-container))!important}
  .logo-container img{max-height:50px!important}
  .s16-icon-button{width:39px!important;height:39px!important}
  .genesis-evidence-track{grid-template-columns:1fr!important}
  .genesis-evidence-node{display:grid!important;grid-template-columns:54px 1fr!important;text-align:start!important;gap:12px!important;align-items:center!important}
  .genesis-evidence-node i{margin:0!important;width:52px!important;height:52px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ============================================================
   TRUE S+16 ROAD R1 — VISUAL-SYSTEM STABILIZATION
   Font and logo authority remain untouched.
   ============================================================ */
:root{
  --t16-section-gap:clamp(84px,8vw,128px);
  --t16-copy:72ch;
  --t16-control:44px;
}

/* Stable theme transitions: surfaces change together, never piecemeal. */
html.t16-theme-ready body,
html.t16-theme-ready #header,
html.t16-theme-ready .genesis-scene,
html.t16-theme-ready [class*="-command"],
html.t16-theme-ready [class*="-card"],
html.t16-theme-ready [class*="-panel"]{
  transition:background-color .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease;
}

/* Page architecture and readable measure */
.t16-page main{isolation:isolate}
.t16-page main p{max-width:var(--t16-copy)}
.t16-page h1,.t16-page h2,.t16-page h3{text-wrap:balance}
.t16-page p{text-wrap:pretty}
.genesis-scene{position:relative;overflow:clip}
.genesis-scene + .genesis-scene::before{
  content:"";position:absolute;inset:0 auto auto 50%;width:min(var(--t16-container),calc(100% - 48px));height:1px;
  transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--t16-line),transparent);opacity:.72;
}
.genesis-scene.alt + .genesis-scene::before,.genesis-scene.dark + .genesis-scene::before{opacity:.42}
.genesis-scene-head{display:grid;gap:17px;margin-bottom:clamp(38px,5vw,58px)!important}
.genesis-scene-head>*{margin-block:0!important}

/* Homepage chapter navigator — generated by true-s16.js */
.t16-chapter-rail{
  position:fixed;z-index:45;inset-inline-end:18px;top:50%;transform:translateY(-50%);
  display:grid;gap:7px;padding:9px;border:1px solid color-mix(in srgb,var(--t16-line) 84%,transparent);
  border-radius:16px;background:color-mix(in srgb,var(--t16-surface) 90%,transparent);
  box-shadow:var(--t16-shadow-1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.t16-chapter-rail button{
  position:relative;width:10px;height:10px;padding:0;border:0;border-radius:999px;background:var(--t16-line-strong);
  cursor:pointer;transition:width .18s ease,background .18s ease,transform .18s ease
}
.t16-chapter-rail button:hover{transform:scale(1.12);background:var(--t16-brand)}
.t16-chapter-rail button.active{width:28px;background:var(--t16-brand)}
.t16-chapter-rail button span{
  position:absolute;inset-inline-end:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px);
  white-space:nowrap;opacity:0;pointer-events:none;padding:6px 9px;border-radius:9px;
  color:var(--t16-text);background:var(--t16-surface);border:1px solid var(--t16-line);box-shadow:var(--t16-shadow-1);
  font-size:11px;font-weight:800;transition:opacity .16s ease,transform .16s ease
}
[dir="rtl"] .t16-chapter-rail button span{transform:translateY(-50%) translateX(-6px)}
.t16-chapter-rail button:hover span,.t16-chapter-rail button:focus-visible span{opacity:1;transform:translateY(-50%) translateX(0)}

/* Interactive rail usability */
.g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail,
.g11-org-tabs,.g11-problem-tabs,.g11-workflow-tabs{
  scrollbar-width:thin;scrollbar-color:var(--t16-line-strong) transparent;overscroll-behavior-inline:contain
}
.g02-module-rail button,.g03-plant-rail button,.g04-article-rail button,.g05-authority-rail button,.g06-standard-rail button,.g07-library button,.g08-role-rail button,.g09-adoption-rail button,.g10-trust-rail button,
.g11-org-tabs button,.g11-problem-tabs button,.g11-workflow-tabs button{min-height:var(--t16-control)}

/* Command architecture: clearer priority and quieter secondary information. */
.g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,.g07-command,.g08-command,.g09-command,.g10-command,.g11-command{
  position:relative;overflow:hidden
}
.g02-command::after,.g03-command::after,.g04-constitution-command::after,.g05-command::after,.g06-command::after,.g07-command::after,.g08-command::after,.g09-command::after,.g10-command::after,.g11-command::after{
  content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--t16-brand),color-mix(in srgb,var(--t16-brand) 20%,transparent));pointer-events:none
}
[class$="-metric"],[class*="-metric "]{font-variant-numeric:tabular-nums}

/* Secondary-page convergence from the original G14 identity. */
.t16-legacy-page main{background:var(--t16-bg)!important}
.t16-legacy-page main>section{position:relative}
.t16-legacy-page main>section:first-child{padding-top:clamp(128px,12vw,172px)!important;padding-bottom:clamp(66px,7vw,100px)!important}
.t16-legacy-page main>section:first-child::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(var(--t16-container),calc(100% - 48px));height:1px;
  background:linear-gradient(90deg,transparent,var(--t16-line),transparent)
}
.t16-legacy-page .bg-white,.t16-legacy-page [class*="bg-gray-50"],.t16-legacy-page [class*="bg-slate-50"]{
  background:var(--t16-surface)!important;color:var(--t16-text)!important
}
.t16-legacy-page [class*="text-gray-"],.t16-legacy-page [class*="text-slate-"]{color:var(--t16-muted)!important}
.t16-legacy-page h1,.t16-legacy-page h2,.t16-legacy-page h3,.t16-legacy-page h4{color:var(--t16-text)!important}
.t16-legacy-page .shadow,.t16-legacy-page .shadow-md,.t16-legacy-page .shadow-lg,.t16-legacy-page .shadow-xl{box-shadow:var(--t16-shadow-1)!important}
.t16-legacy-page .rounded-xl,.t16-legacy-page .rounded-2xl,.t16-legacy-page .rounded-3xl{border-radius:var(--t16-r2)!important}
.t16-legacy-page article,.t16-legacy-page form,.t16-legacy-page .card{
  border-color:var(--t16-line)!important
}
html.dark .t16-legacy-page img:not(.logo-container img):not(.s16-footer img){filter:brightness(.9) contrast(1.03)}

/* Light mode is authoritative: no accidental dark islands except deliberate CTA/footer. */
html:not(.dark) .genesis-main [style*="background:#0"],
html:not(.dark) .genesis-main [style*="background: #0"]{color:var(--t16-text)}
html:not(.dark) .g04-constitution-scene,
html:not(.dark) .g05-evidence-universe,
html:not(.dark) .g06-standards-authority,
html:not(.dark) .g07-knowledge-authority,
html:not(.dark) .g08-enterprise-outcomes,
html:not(.dark) .g09-adoption-authority,
html:not(.dark) .g10-trust-authority,
html:not(.dark) .g11-guided-experience{background:var(--t16-bg)!important;color:var(--t16-text)!important}

/* Mobile composition authority */
@media(max-width:1279px){.t16-chapter-rail{display:none}}
@media(max-width:1023px){
  .genesis-scene + .genesis-scene::before{width:calc(100% - 36px)}
  .g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail,
  .g11-org-tabs,.g11-problem-tabs,.g11-workflow-tabs{display:flex!important;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
  .g02-module-rail button,.g03-plant-rail button,.g04-article-rail button,.g05-authority-rail button,.g06-standard-rail button,.g07-library button,.g08-role-rail button,.g09-adoption-rail button,.g10-trust-rail button,
  .g11-org-tabs button,.g11-problem-tabs button,.g11-workflow-tabs button{flex:0 0 min(270px,78vw);scroll-snap-align:start}
}
@media(max-width:760px){
  .genesis-scene + .genesis-scene::before{width:calc(100% - 28px)}
  .genesis-scene-head{gap:13px;margin-bottom:34px!important}
  .genesis-section-kicker,.genesis-eyebrow{letter-spacing:.12em!important}
  .g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,.g07-command,.g08-command,.g09-command,.g10-command,.g11-command{border-radius:20px!important}
  .t16-legacy-page main>section:first-child::after{width:calc(100% - 28px)}
}

/* ================================================================
   TRUE S+16 ROAD R2 — COMPONENT COMPOSITION AUTHORITY
   Font and logo authority remain untouched.
   Objective: rebuild scene composition, density and RTL behavior.
   ================================================================ */

body.t16-r2{--t16-scene-gap:clamp(32px,4vw,58px);--t16-panel-pad:clamp(20px,2.4vw,34px)}
body.t16-r2 .genesis-main>section{position:relative;isolation:isolate}
body.t16-r2 .genesis-main>section::after{content:"";position:absolute;inset:auto max(18px,calc((100vw - var(--t16-container))/2)) 0;height:1px;background:linear-gradient(90deg,transparent,var(--t16-line) 12%,var(--t16-line) 88%,transparent);opacity:.7;pointer-events:none}
body.t16-r2 .genesis-main>section:last-of-type::after{display:none}
body.t16-r2 .genesis-scene-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);column-gap:clamp(34px,6vw,94px);align-items:end;max-width:none!important;margin-bottom:var(--t16-scene-gap)!important}
body.t16-r2 .genesis-scene-head .genesis-kicker{grid-column:1/-1;margin-bottom:16px}
body.t16-r2 .genesis-scene-head .genesis-h2{grid-column:1;margin:0!important}
body.t16-r2 .genesis-scene-head>p,body.t16-r2 .genesis-scene-head>.genesis-section-lead{grid-column:2;margin:0!important;align-self:end;font-size:16px;line-height:1.75}
body.t16-r2 .genesis-h2 em{font-style:normal;color:var(--t16-brand)}
body.t16-r2 .genesis-mini-label{letter-spacing:.14em;font-weight:900;color:var(--t16-brand)!important}

/* G01 — scenario engine: stable left rail + decision canvas */
body.t16-r2 .g01-story-layout{display:grid!important;grid-template-columns:minmax(230px,.34fr) minmax(0,1fr)!important;gap:22px!important;align-items:stretch}
body.t16-r2 .g01-story-tabs{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-content:start;padding:10px!important;border:1px solid var(--t16-line);border-radius:22px;background:var(--t16-surface-muted)}
body.t16-r2 .g01-story-tab{min-height:84px!important;border:1px solid transparent!important;border-radius:14px!important;text-align:start!important;padding:14px 15px!important;background:transparent!important}
body.t16-r2 .g01-story-tab:hover{background:var(--t16-surface)!important;border-color:var(--t16-line)!important}
body.t16-r2 .g01-story-tab.active{background:var(--t16-surface)!important;border-color:color-mix(in srgb,var(--t16-brand) 38%,var(--t16-line))!important;box-shadow:var(--t16-shadow-1)!important}
body.t16-r2 .g01-story-context{border:1px solid var(--t16-line)!important;border-radius:22px!important;background:var(--t16-surface)!important;box-shadow:var(--t16-shadow-2)!important;padding:var(--t16-panel-pad)!important}
body.t16-r2 .g01-story-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body.t16-r2 .g01-story-stage{border-radius:16px!important;border:1px solid var(--t16-line)!important;background:var(--t16-surface-muted)!important;min-height:100%}
body.t16-r2 .g01-decision-strip{border-radius:14px!important;border:1px solid color-mix(in srgb,var(--t16-brand) 30%,var(--t16-line))!important;background:var(--t16-brand-soft)!important}

/* G02 — product theatre: journey behaves as a real workflow rail */
body.t16-r2 .g02-theatre{display:grid!important;grid-template-columns:minmax(220px,.28fr) minmax(0,1fr)!important;gap:20px!important;align-items:stretch}
body.t16-r2 .g02-journey{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px!important;border:1px solid var(--t16-line)!important;border-radius:22px!important;background:var(--t16-surface-muted)!important;overflow:visible!important}
body.t16-r2 .g02-journey-step{width:100%!important;min-width:0!important;min-height:76px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;padding:12px!important;text-align:start!important}
body.t16-r2 .g02-journey-step:hover{background:var(--t16-surface)!important;border-color:var(--t16-line)!important}
body.t16-r2 .g02-journey-step.active{background:var(--t16-surface)!important;border-color:color-mix(in srgb,var(--t16-brand) 40%,var(--t16-line))!important;box-shadow:var(--t16-shadow-1)!important}
body.t16-r2 .g02-workspace{min-width:0;border-radius:24px!important;border:1px solid var(--t16-line)!important;box-shadow:var(--t16-shadow-2)!important;overflow:hidden}
body.t16-r2 .g02-workspace-bar{min-height:54px!important;padding:0 18px!important;background:var(--t16-surface-muted)!important;border-color:var(--t16-line)!important}
body.t16-r2 .g02-workspace-body{padding:var(--t16-panel-pad)!important}
body.t16-r2 .g02-main-panel{min-width:0}
body.t16-r2 .g02-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.t16-r2 .g02-evidence-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr)!important;gap:14px!important}

/* G03 — living plant: keep the image dominant and the authority panel readable */
body.t16-r2 .g03-plant-layout{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;gap:22px!important;align-items:stretch}
body.t16-r2 .g03-plant-stage{min-height:640px!important;border-radius:26px!important;border:1px solid var(--t16-line)!important;background:linear-gradient(180deg,var(--t16-surface),var(--t16-surface-muted))!important;box-shadow:var(--t16-shadow-2)!important;overflow:hidden!important}
body.t16-r2 .g03-plant-picture{position:absolute!important;inset:46px 28px 24px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
body.t16-r2 .g03-plant-picture img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
body.t16-r2 .g03-dept-panel{min-width:0;height:100%;border-radius:26px!important;border:1px solid var(--t16-line)!important;background:var(--t16-surface)!important;box-shadow:var(--t16-shadow-2)!important;padding:var(--t16-panel-pad)!important}
body.t16-r2 .g03-node{box-shadow:0 8px 22px rgba(13,42,49,.12)!important;border:1px solid var(--t16-line)!important;background:color-mix(in srgb,var(--t16-surface) 94%,transparent)!important;backdrop-filter:blur(10px)}
body.t16-r2 .g03-node.active{border-color:var(--t16-brand)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--t16-brand) 14%,transparent),var(--t16-shadow-2)!important}
body.t16-r2 .g03-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}

/* G04–G10 shared two-column authority composition */
body.t16-r2 .g04-constitution-layout,body.t16-r2 .g05-layout,body.t16-r2 .g06-layout,body.t16-r2 .g07-layout,body.t16-r2 .g08-layout{display:grid!important;grid-template-columns:minmax(220px,.3fr) minmax(0,1fr)!important;gap:20px!important;align-items:stretch}
body.t16-r2 .g04-articles,body.t16-r2 .g05-index,body.t16-r2 .g06-standards,body.t16-r2 .g07-library,body.t16-r2 .g08-role-rail{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px!important;border:1px solid var(--t16-line)!important;border-radius:22px!important;background:var(--t16-surface-muted)!important;overflow:visible!important}
body.t16-r2 .g04-article,body.t16-r2 .g05-index button,body.t16-r2 .g06-standards button,body.t16-r2 .g07-library button,body.t16-r2 .g08-role-rail button{width:100%!important;min-width:0!important;border-radius:14px!important;border:1px solid transparent!important;text-align:start!important;background:transparent!important}
body.t16-r2 .g04-article:hover,body.t16-r2 .g05-index button:hover,body.t16-r2 .g06-standards button:hover,body.t16-r2 .g07-library button:hover,body.t16-r2 .g08-role-rail button:hover{background:var(--t16-surface)!important;border-color:var(--t16-line)!important}
body.t16-r2 .g04-article.active,body.t16-r2 .g05-index button.active,body.t16-r2 .g06-standards button.active,body.t16-r2 .g07-library button.active,body.t16-r2 .g08-role-rail button.active{background:var(--t16-surface)!important;border-color:color-mix(in srgb,var(--t16-brand) 38%,var(--t16-line))!important;box-shadow:var(--t16-shadow-1)!important}
body.t16-r2 .g04-authority-panel,body.t16-r2 .g05-stage,body.t16-r2 .g06-command,body.t16-r2 .g07-command,body.t16-r2 .g08-command{min-width:0;height:100%;border-radius:24px!important;border:1px solid var(--t16-line)!important;background:var(--t16-surface)!important;box-shadow:var(--t16-shadow-2)!important;padding:var(--t16-panel-pad)!important}
body.t16-r2 .g04-proof-chain,body.t16-r2 .g05-chain,body.t16-r2 .g06-authority-path,body.t16-r2 .g07-flow{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--t16-line-strong) transparent}
body.t16-r2 .g04-example,body.t16-r2 .g04-guardrail,body.t16-r2 .g05-proof-grid>*,body.t16-r2 .g06-rule-grid>*,body.t16-r2 .g07-grid>*,body.t16-r2 .g08-decision-grid>*{border:1px solid var(--t16-line)!important;border-radius:16px!important;background:var(--t16-surface-muted)!important;box-shadow:none!important}

/* G09 / G10 — enterprise shells become stable navigation + panel */
body.t16-r2 .g09-shell,body.t16-r2 .g10-shell{display:grid!important;grid-template-columns:minmax(220px,.28fr) minmax(0,1fr)!important;gap:20px!important;align-items:stretch;border:0!important;background:transparent!important;box-shadow:none!important}
body.t16-r2 .g09-nav,body.t16-r2 .g10-nav{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px!important;border:1px solid var(--t16-line)!important;border-radius:22px!important;background:var(--t16-surface-muted)!important;overflow:visible!important}
body.t16-r2 .g09-tab,body.t16-r2 .g10-nav button{width:100%!important;min-width:0!important;text-align:start!important;border-radius:14px!important;border:1px solid transparent!important;background:transparent!important}
body.t16-r2 .g09-tab:hover,body.t16-r2 .g10-nav button:hover{background:var(--t16-surface)!important;border-color:var(--t16-line)!important}
body.t16-r2 .g09-tab.active,body.t16-r2 .g10-nav button.active{background:var(--t16-surface)!important;border-color:color-mix(in srgb,var(--t16-brand) 38%,var(--t16-line))!important;box-shadow:var(--t16-shadow-1)!important}
body.t16-r2 .g09-panel,body.t16-r2 .g10-panel{min-width:0;height:100%;border:1px solid var(--t16-line)!important;border-radius:24px!important;background:var(--t16-surface)!important;box-shadow:var(--t16-shadow-2)!important;padding:var(--t16-panel-pad)!important}
body.t16-r2 .g09-grid,body.t16-r2 .g10-proof-grid{gap:14px!important}
body.t16-r2 .g09-grid>*,body.t16-r2 .g10-proof-grid>*{border:1px solid var(--t16-line)!important;border-radius:16px!important;background:var(--t16-surface-muted)!important}

/* G11 — guided experience behaves like an enterprise configurator */
body.t16-r2 .g11-shell{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;gap:20px!important;align-items:stretch;border:0!important;background:transparent!important;box-shadow:none!important}
body.t16-r2 .g11-builder,body.t16-r2 .g11-route{border:1px solid var(--t16-line)!important;border-radius:24px!important;background:var(--t16-surface)!important;box-shadow:var(--t16-shadow-2)!important;padding:var(--t16-panel-pad)!important}
body.t16-r2 .g11-builder{display:grid;gap:20px}
body.t16-r2 .g11-builder fieldset{min-width:0;border:0;padding:0;margin:0}
body.t16-r2 .g11-builder legend{margin-bottom:10px;font-weight:900;color:var(--t16-text)}
body.t16-r2 .g11-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body.t16-r2 .g11-options button{min-height:48px!important;border:1px solid var(--t16-line)!important;border-radius:12px!important;background:var(--t16-surface-muted)!important;color:var(--t16-muted)!important;text-align:start!important;padding:10px 12px!important}
body.t16-r2 .g11-options button:hover{border-color:var(--t16-line-strong)!important;background:var(--t16-surface)!important;color:var(--t16-text)!important}
body.t16-r2 .g11-options button.active{border-color:var(--t16-brand)!important;background:var(--t16-brand-soft)!important;color:var(--t16-text)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--t16-brand) 10%,transparent)!important}

/* Scene-level depth without decorative noise */
body.t16-r2 .genesis-scene:nth-of-type(odd){background:var(--t16-bg)!important}
body.t16-r2 .genesis-scene:nth-of-type(even){background:linear-gradient(180deg,var(--t16-surface) 0,var(--t16-surface) 72%,var(--t16-bg-soft) 100%)!important}
html.dark body.t16-r2 .genesis-scene:nth-of-type(even){background:linear-gradient(180deg,#0a171d 0,#0a171d 72%,#071218 100%)!important}
body.t16-r2 .genesis-reveal{transform:translateY(12px);opacity:.001;transition:opacity .58s ease,transform .58s cubic-bezier(.2,.7,.2,1)}
body.t16-r2 .t16-in-view .genesis-reveal,body.t16-r2 .genesis-reveal.t16-in-view{transform:none;opacity:1}

/* RTL composition is mirrored deliberately, not inherited accidentally */
[dir="rtl"] body.t16-r2 .genesis-scene-head{grid-template-columns:minmax(280px,.52fr) minmax(0,1fr)}
[dir="rtl"] body.t16-r2 .genesis-scene-head .genesis-h2{grid-column:2}
[dir="rtl"] body.t16-r2 .genesis-scene-head>p,[dir="rtl"] body.t16-r2 .genesis-scene-head>.genesis-section-lead{grid-column:1}
[dir="rtl"] body.t16-r2 .g01-story-layout,[dir="rtl"] body.t16-r2 .g02-theatre,[dir="rtl"] body.t16-r2 .g04-constitution-layout,[dir="rtl"] body.t16-r2 .g05-layout,[dir="rtl"] body.t16-r2 .g06-layout,[dir="rtl"] body.t16-r2 .g07-layout,[dir="rtl"] body.t16-r2 .g08-layout,[dir="rtl"] body.t16-r2 .g09-shell,[dir="rtl"] body.t16-r2 .g10-shell{direction:rtl}
[dir="rtl"] body.t16-r2 .g03-plant-layout,[dir="rtl"] body.t16-r2 .g11-shell{direction:rtl}

@media(max-width:1180px){
  body.t16-r2 .genesis-scene-head{grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);gap:34px}
  body.t16-r2 .g03-plant-layout{grid-template-columns:minmax(0,1fr) 330px!important}
  body.t16-r2 .g03-plant-stage{min-height:580px!important}
}
@media(max-width:980px){
  body.t16-r2 .genesis-scene-head,[dir="rtl"] body.t16-r2 .genesis-scene-head{grid-template-columns:1fr!important;gap:18px!important}
  body.t16-r2 .genesis-scene-head .genesis-kicker,body.t16-r2 .genesis-scene-head .genesis-h2,body.t16-r2 .genesis-scene-head>p,body.t16-r2 .genesis-scene-head>.genesis-section-lead,[dir="rtl"] body.t16-r2 .genesis-scene-head .genesis-h2,[dir="rtl"] body.t16-r2 .genesis-scene-head>p{grid-column:1!important}
  body.t16-r2 .genesis-scene-head>p{max-width:760px!important}
  body.t16-r2 .g01-story-layout,body.t16-r2 .g02-theatre,body.t16-r2 .g03-plant-layout,body.t16-r2 .g04-constitution-layout,body.t16-r2 .g05-layout,body.t16-r2 .g06-layout,body.t16-r2 .g07-layout,body.t16-r2 .g08-layout,body.t16-r2 .g09-shell,body.t16-r2 .g10-shell,body.t16-r2 .g11-shell{grid-template-columns:1fr!important}
  body.t16-r2 .g01-story-tabs,body.t16-r2 .g02-journey,body.t16-r2 .g04-articles,body.t16-r2 .g05-index,body.t16-r2 .g06-standards,body.t16-r2 .g07-library,body.t16-r2 .g08-role-rail,body.t16-r2 .g09-nav,body.t16-r2 .g10-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:8px!important}
  body.t16-r2 .g01-story-tab,body.t16-r2 .g02-journey-step,body.t16-r2 .g04-article,body.t16-r2 .g05-index button,body.t16-r2 .g06-standards button,body.t16-r2 .g07-library button,body.t16-r2 .g08-role-rail button,body.t16-r2 .g09-tab,body.t16-r2 .g10-nav button{min-width:220px!important;scroll-snap-align:start}
  body.t16-r2 .g03-plant-stage{min-height:540px!important}
  body.t16-r2 .g03-dept-panel{height:auto}
}
@media(max-width:640px){
  body.t16-r2 .genesis-main>section::after{inset-inline:14px}
  body.t16-r2 .g01-story-columns,body.t16-r2 .g02-metrics,body.t16-r2 .g02-evidence-layout,body.t16-r2 .g03-signal-grid,body.t16-r2 .g11-options{grid-template-columns:1fr!important}
  body.t16-r2 .g03-plant-stage{min-height:500px!important;border-radius:20px!important}
  body.t16-r2 .g03-plant-picture{inset:72px 8px 22px!important}
  body.t16-r2 .g03-node{transform:scale(.88);transform-origin:center}
  body.t16-r2 .g04-authority-panel,body.t16-r2 .g05-stage,body.t16-r2 .g06-command,body.t16-r2 .g07-command,body.t16-r2 .g08-command,body.t16-r2 .g09-panel,body.t16-r2 .g10-panel,body.t16-r2 .g11-builder,body.t16-r2 .g11-route{border-radius:19px!important;padding:18px!important}
  body.t16-r2 .g01-story-tab,body.t16-r2 .g02-journey-step,body.t16-r2 .g04-article,body.t16-r2 .g05-index button,body.t16-r2 .g06-standards button,body.t16-r2 .g07-library button,body.t16-r2 .g08-role-rail button,body.t16-r2 .g09-tab,body.t16-r2 .g10-nav button{min-width:184px!important}
}

/* TRUE S+16 ROAD R3 — product-theatre authority */
body.t16-r3 .g02-workspace{position:relative;isolation:isolate}
body.t16-r3 .g02-workspace::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--t16-brand),var(--t16-gold),var(--t16-brand));background-size:220% 100%;opacity:.95;z-index:4;animation:t16R3Scan 5s linear infinite}
@keyframes t16R3Scan{to{background-position:220% 0}}
body.t16-r3 .g02-workspace[data-r3-phase="validating"]::before{animation-duration:1s}
body.t16-r3 .g02-workspace[data-r3-phase="released"]::before{background:linear-gradient(90deg,var(--t16-success),#4fc9aa,var(--t16-success))}

body.t16-r3 .t16-r3-proof{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 16px;padding:14px 16px;border:1px solid var(--t16-line);border-radius:16px;background:linear-gradient(135deg,var(--t16-surface-muted),var(--t16-surface));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--t16-surface) 78%,transparent)}
body.t16-r3 .t16-r3-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:0;min-width:0}
body.t16-r3 .t16-r3-stage{position:relative;display:grid;justify-items:center;gap:7px;text-align:center;color:var(--t16-muted);min-width:0}
body.t16-r3 .t16-r3-stage:not(:last-child)::after{content:"";position:absolute;top:15px;inset-inline-start:calc(50% + 18px);width:calc(100% - 36px);height:1px;background:var(--t16-line-strong);transition:.35s ease}
body.t16-r3 .t16-r3-stage i{position:relative;z-index:2;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid var(--t16-line-strong);background:var(--t16-surface);font-style:normal;font-size:.68rem;font-weight:900;transition:.28s ease}
body.t16-r3 .t16-r3-stage b{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.t16-r3 .t16-r3-stage.done i,body.t16-r3 .t16-r3-stage.active i{border-color:color-mix(in srgb,var(--t16-brand) 65%,var(--t16-line));background:var(--t16-brand);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--t16-brand) 12%,transparent)}
body.t16-r3 .t16-r3-stage.done:not(:last-child)::after{background:var(--t16-brand)}
body.t16-r3 .t16-r3-stage.active b{color:var(--t16-text)}
body.t16-r3 .t16-r3-seal{display:grid;gap:4px;justify-items:end;min-width:154px;padding-inline-start:14px;border-inline-start:1px solid var(--t16-line)}
body.t16-r3 .t16-r3-seal small{color:var(--t16-muted);font-size:.62rem;font-weight:800;letter-spacing:.13em}
body.t16-r3 .t16-r3-seal strong{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:var(--t16-brand-soft);color:var(--t16-brand-strong);font-size:.72rem;letter-spacing:.04em}
body.t16-r3 .t16-r3-seal strong::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}
html.dark body.t16-r3 .t16-r3-seal strong{color:#72dcc7;background:rgba(55,195,164,.12)}

body.t16-r3 .t16-r3-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
body.t16-r3 .t16-r3-ledger article{min-width:0;padding:12px 13px;border:1px solid var(--t16-line);border-radius:14px;background:var(--t16-surface-muted)}
body.t16-r3 .t16-r3-ledger small{display:block;color:var(--t16-muted);font-size:.61rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
body.t16-r3 .t16-r3-ledger b{display:block;margin-top:5px;color:var(--t16-text);font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.t16-r3 .t16-r3-ledger em{display:block;margin-top:3px;color:var(--t16-brand);font-style:normal;font-size:.66rem}

body.t16-r3 .g02-workspace.is-r3-transition .g02-main-panel{animation:t16R3Resolve .42s ease both}
@keyframes t16R3Resolve{0%{opacity:.58;transform:translateY(4px);filter:saturate(.7)}100%{opacity:1;transform:none;filter:none}}
body.t16-r3 .g02-authority-state{position:relative;overflow:hidden}
body.t16-r3 .g02-authority-state::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--t16-brand);transform-origin:0 50%;animation:t16R3Authority 1.15s ease both}
@keyframes t16R3Authority{from{transform:scaleX(0)}to{transform:scaleX(1)}}
body.t16-r3 .g02-evidence-list>div{transition:transform .2s ease,background .2s ease}
body.t16-r3 .g02-evidence-list>div:hover{transform:translateX(3px);background:color-mix(in srgb,var(--t16-brand) 6%,var(--t16-surface))}
[dir="rtl"] body.t16-r3 .g02-evidence-list>div:hover{transform:translateX(-3px)}

@media(max-width:900px){
 body.t16-r3 .t16-r3-proof{grid-template-columns:1fr}
 body.t16-r3 .t16-r3-seal{justify-items:start;border-inline-start:0;border-top:1px solid var(--t16-line);padding:10px 0 0}
 body.t16-r3 .t16-r3-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 body.t16-r3 .t16-r3-flow{overflow-x:auto;grid-template-columns:repeat(5,88px);padding-bottom:5px}
 body.t16-r3 .t16-r3-stage b{font-size:.58rem}
 body.t16-r3 .t16-r3-ledger{grid-template-columns:1fr 1fr;gap:8px}
 body.t16-r3 .t16-r3-ledger article{padding:10px}
}
@media(prefers-reduced-motion:reduce){body.t16-r3 .g02-workspace::before,body.t16-r3 .g02-workspace.is-r3-transition .g02-main-panel,body.t16-r3 .g02-authority-state::after{animation:none!important}}

/* ================================================================
   TRUE S+16 ROAD R5 — LIGHT AUTHORITY + QUIET CHAPTER RAIL
   Font, logo, copy and scene order remain untouched.
   ================================================================ */

/* Chapter rail: intentionally quiet, compact and non-competitive. */
.t16-chapter-rail{
  inset-inline-end:10px!important;
  gap:5px!important;
  padding:6px!important;
  border-radius:12px!important;
  border-color:color-mix(in srgb,var(--t16-line) 68%,transparent)!important;
  background:color-mix(in srgb,var(--t16-surface) 78%,transparent)!important;
  box-shadow:0 6px 18px rgba(13,42,49,.065)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.t16-chapter-rail button{
  width:6px!important;
  height:6px!important;
  min-width:6px!important;
  min-height:6px!important;
  background:color-mix(in srgb,var(--t16-muted) 38%,transparent)!important;
  opacity:.72;
}
.t16-chapter-rail button:hover{transform:scale(1.18)!important;opacity:1;background:var(--t16-brand)!important}
.t16-chapter-rail button.active{width:16px!important;background:var(--t16-brand)!important;opacity:1}
.t16-chapter-rail button span{inset-inline-end:calc(100% + 8px)!important;padding:5px 8px!important;font-size:10px!important;border-radius:8px!important}
html.dark .t16-chapter-rail{background:color-mix(in srgb,var(--t16-surface) 86%,transparent)!important;box-shadow:0 10px 28px rgba(0,0,0,.2)!important}

/* Light-mode authority: layered, luminous and deliberate — never flat white. */
html:not(.dark){
  --t16-bg:#edf3f5;
  --t16-bg-soft:#e6eef1;
  --t16-surface:#fbfdfd;
  --t16-surface-raised:#ffffff;
  --t16-surface-muted:#f2f7f8;
  --t16-text:#10262d;
  --t16-muted:#60747c;
  --t16-line:#cfdbdf;
  --t16-line-strong:#b5c8ce;
  --t16-brand-soft:#e2f2ef;
  --t16-shadow-1:0 1px 2px rgba(13,42,49,.045),0 9px 24px rgba(13,42,49,.065);
  --t16-shadow-2:0 2px 5px rgba(13,42,49,.045),0 22px 54px rgba(13,42,49,.095);
  --t16-shadow-3:0 8px 22px rgba(13,42,49,.075),0 36px 94px rgba(13,42,49,.14);
}
html:not(.dark) body{
  background:
    radial-gradient(circle at 84% 8%,rgba(15,117,106,.055),transparent 27rem),
    radial-gradient(circle at 12% 28%,rgba(215,173,39,.035),transparent 24rem),
    var(--t16-bg)!important;
}
html:not(.dark) .genesis-main{
  background:linear-gradient(180deg,#f4f8f9 0%,var(--t16-bg) 18%,#eef4f5 100%)!important;
}
html:not(.dark) .genesis-scene{
  padding-block:clamp(76px,7.2vw,112px)!important;
}
html:not(.dark) .genesis-scene.alt{
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,251,252,.96)),
    var(--t16-surface)!important;
}
html:not(.dark) .genesis-main>section:nth-of-type(3n+2):not(.genesis-hero){
  background:linear-gradient(180deg,rgba(246,250,251,.82),rgba(237,244,246,.9))!important;
}
html:not(.dark) .genesis-main>section:nth-of-type(3n):not(.genesis-hero){
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(245,249,250,.92))!important;
}
html:not(.dark) .genesis-scene + .genesis-scene::before{
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--t16-brand) 14%,var(--t16-line)),transparent)!important;
  opacity:.9!important;
}

/* Light scene headers gain hierarchy without heavier typography. */
html:not(.dark) .genesis-scene-head{
  padding:clamp(18px,2vw,28px)!important;
  border:1px solid color-mix(in srgb,var(--t16-line) 78%,transparent)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(245,249,250,.72))!important;
  box-shadow:0 18px 48px rgba(13,42,49,.055)!important;
}
html:not(.dark) .genesis-scene-head .genesis-kicker,
html:not(.dark) .genesis-scene-head .genesis-section-kicker,
html:not(.dark) .genesis-scene-head .genesis-eyebrow{
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:var(--t16-brand-soft);
  border:1px solid color-mix(in srgb,var(--t16-brand) 18%,var(--t16-line));
}

/* Every light command surface must read as a composed instrument, not a blank sheet. */
html:not(.dark) .g02-command,
html:not(.dark) .g03-command,
html:not(.dark) .g04-constitution-command,
html:not(.dark) .g05-command,
html:not(.dark) .g06-command,
html:not(.dark) .g07-command,
html:not(.dark) .g08-command,
html:not(.dark) .g09-command,
html:not(.dark) .g10-command,
html:not(.dark) .g11-command,
html:not(.dark) .g02-workspace,
html:not(.dark) .g03-plant-stage,
html:not(.dark) .g04-authority-panel,
html:not(.dark) .g05-stage,
html:not(.dark) .g09-panel,
html:not(.dark) .g10-panel,
html:not(.dark) .g11-builder,
html:not(.dark) .g11-route{
  background:
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,248,249,.95))!important;
  border-color:var(--t16-line-strong)!important;
  box-shadow:var(--t16-shadow-2)!important;
}
html:not(.dark) .g02-command::before,
html:not(.dark) .g03-command::before,
html:not(.dark) .g04-constitution-command::before,
html:not(.dark) .g05-command::before,
html:not(.dark) .g06-command::before,
html:not(.dark) .g07-command::before,
html:not(.dark) .g08-command::before,
html:not(.dark) .g09-command::before,
html:not(.dark) .g10-command::before,
html:not(.dark) .g11-command::before{
  opacity:.045!important;
}

/* Light cards: distinct levels, stronger edges, no pure-white washout. */
html:not(.dark) .genesis-fragment,
html:not(.dark) .genesis-story-card,
html:not(.dark) .g02-metrics article,
html:not(.dark) .g02-evidence-card,
html:not(.dark) .g02-decision-card,
html:not(.dark) .g03-signal-grid>*,
html:not(.dark) .g04-example,
html:not(.dark) .g04-guardrail,
html:not(.dark) .g05-proof-grid>*,
html:not(.dark) .g06-rule-grid>*,
html:not(.dark) .g07-grid>*,
html:not(.dark) .g08-decision-grid>*,
html:not(.dark) .g09-panel article,
html:not(.dark) .g10-panel article,
html:not(.dark) .t16-r3-ledger article{
  background:linear-gradient(180deg,#ffffff,#f2f7f8)!important;
  border-color:var(--t16-line)!important;
  box-shadow:0 1px 2px rgba(13,42,49,.035),0 12px 30px rgba(13,42,49,.055)!important;
}
html:not(.dark) .g02-module-rail,
html:not(.dark) .g03-plant-rail,
html:not(.dark) .g04-article-rail,
html:not(.dark) .g05-authority-rail,
html:not(.dark) .g06-standard-rail,
html:not(.dark) .g07-library,
html:not(.dark) .g08-role-rail,
html:not(.dark) .g09-adoption-rail,
html:not(.dark) .g10-trust-rail{
  background:linear-gradient(180deg,#eef4f5,#e8f0f2)!important;
  border-color:var(--t16-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
html:not(.dark) .g02-module-rail button,
html:not(.dark) .g03-plant-rail button,
html:not(.dark) .g04-article-rail button,
html:not(.dark) .g05-authority-rail button,
html:not(.dark) .g06-standard-rail button,
html:not(.dark) .g07-library button,
html:not(.dark) .g08-role-rail button,
html:not(.dark) .g09-adoption-rail button,
html:not(.dark) .g10-trust-rail button{
  background:rgba(255,255,255,.72)!important;
}
html:not(.dark) .g02-module-rail button.active,
html:not(.dark) .g03-plant-rail button.active,
html:not(.dark) .g04-article-rail button.active,
html:not(.dark) .g05-authority-rail button.active,
html:not(.dark) .g06-standard-rail button.active,
html:not(.dark) .g07-library button.active,
html:not(.dark) .g08-role-rail button.active,
html:not(.dark) .g09-adoption-rail button.active,
html:not(.dark) .g10-trust-rail button.active{
  background:linear-gradient(135deg,#ffffff,var(--t16-brand-soft))!important;
  box-shadow:0 10px 24px rgba(15,117,106,.09)!important;
}

/* Large light data areas get a visible operating frame. */
html:not(.dark) .g02-main-panel,
html:not(.dark) .g04-authority-panel,
html:not(.dark) .g05-stage,
html:not(.dark) .g06-command,
html:not(.dark) .g07-command,
html:not(.dark) .g08-command,
html:not(.dark) .g09-panel,
html:not(.dark) .g10-panel{
  position:relative;
}
html:not(.dark) .g02-main-panel::after,
html:not(.dark) .g04-authority-panel::after,
html:not(.dark) .g05-stage::after,
html:not(.dark) .g06-command::after,
html:not(.dark) .g07-command::after,
html:not(.dark) .g08-command::after,
html:not(.dark) .g09-panel::after,
html:not(.dark) .g10-panel::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 0 0 1px rgba(15,117,106,.025);
}

/* Remove excessive dead air while keeping the narrative calm. */
html:not(.dark) body.t16-r2 .g04-authority-panel,
html:not(.dark) body.t16-r2 .g05-stage,
html:not(.dark) body.t16-r2 .g06-command,
html:not(.dark) body.t16-r2 .g07-command,
html:not(.dark) body.t16-r2 .g08-command,
html:not(.dark) body.t16-r2 .g09-panel,
html:not(.dark) body.t16-r2 .g10-panel{
  min-height:0!important;
}
html:not(.dark) .genesis-cta-box{
  box-shadow:0 30px 78px rgba(13,42,49,.17)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}

/* Footer transition in light mode should feel intentional, not abrupt. */
html:not(.dark) .s16-footer{position:relative;margin-top:0!important}
html:not(.dark) .s16-footer::before{
  content:"";position:absolute;left:0;right:0;top:-72px;height:72px;
  background:linear-gradient(to bottom,transparent,#08171d);pointer-events:none;
}

@media(max-width:1500px){.t16-chapter-rail{inset-inline-end:7px!important}}
@media(max-width:1279px){.t16-chapter-rail{display:none!important}}
@media(max-width:900px){
  html:not(.dark) .genesis-scene{padding-block:72px!important}
  html:not(.dark) .genesis-scene-head{padding:18px!important;border-radius:20px!important}
}
@media(max-width:640px){
  html:not(.dark) .genesis-scene{padding-block:58px!important}
  html:not(.dark) .genesis-scene-head{padding:15px!important;border-radius:17px!important}
  html:not(.dark) .g02-command,html:not(.dark) .g03-command,html:not(.dark) .g04-constitution-command,html:not(.dark) .g05-command,html:not(.dark) .g06-command,html:not(.dark) .g07-command,html:not(.dark) .g08-command,html:not(.dark) .g09-command,html:not(.dark) .g10-command,html:not(.dark) .g11-command{box-shadow:var(--t16-shadow-1)!important}
}

/* ========================================================================== 
   TRUE S+16 ROAD R6 — Light depth, hierarchy and interaction refinement
   Font families, logo, content and scene order remain locked.
   ========================================================================== */
body.t16-r6{--t16-r6-accent:#0f756a;--t16-r6-gold:#d3a823}

/* The chapter rail becomes a quiet progress instrument rather than a second scrollbar. */
.t16-chapter-rail{
  width:18px!important;
  gap:8px!important;
  padding:9px 5px!important;
  border-radius:999px!important;
  opacity:.72;
  transition:opacity .2s ease,transform .2s ease,background .2s ease!important;
}
.t16-chapter-rail:hover,.t16-chapter-rail:focus-within{opacity:1;transform:translateY(-50%) scale(1.03)!important}
.t16-chapter-rail button{width:5px!important;height:13px!important;min-height:13px!important;border-radius:999px!important}
.t16-chapter-rail button.active{width:8px!important;height:22px!important;min-height:22px!important;background:linear-gradient(180deg,var(--t16-brand),#72d4c5)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--t16-brand) 12%,transparent)!important}
.t16-chapter-rail button span{display:none!important}

/* Light mode receives a three-level depth system: canvas, scene, command. */
html:not(.dark) body.t16-r6{
  --t16-r6-canvas:#eaf1f3;
  --t16-r6-scene:#f5f9fa;
  --t16-r6-command:#ffffff;
  background:
    radial-gradient(circle at 90% 6%,rgba(15,117,106,.07),transparent 31rem),
    radial-gradient(circle at 8% 40%,rgba(211,168,35,.045),transparent 26rem),
    linear-gradient(180deg,#f2f7f8 0%,var(--t16-r6-canvas) 100%)!important;
}
html:not(.dark) body.t16-r6 .genesis-main{
  background:transparent!important;
}
html:not(.dark) body.t16-r6 .genesis-main>section:not(.genesis-hero){
  position:relative;
  isolation:isolate;
}
html:not(.dark) body.t16-r6 .genesis-main>section:not(.genesis-hero)::after{
  content:"";
  position:absolute;
  inset:clamp(18px,2vw,34px) max(12px,calc((100vw - 1540px)/2));
  z-index:-1;
  border:1px solid rgba(119,148,157,.18);
  border-radius:clamp(26px,2.8vw,42px);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,246,247,.68));
  box-shadow:0 28px 74px rgba(16,38,45,.055),inset 0 1px 0 rgba(255,255,255,.9);
  pointer-events:none;
}
html:not(.dark) body.t16-r6 .genesis-main>section:nth-of-type(even):not(.genesis-hero)::after{
  background:linear-gradient(145deg,rgba(235,244,246,.88),rgba(250,252,252,.8));
}

/* Headings become composed anchors rather than oversized floating text. */
body.t16-r6 .genesis-scene-head{max-width:1180px!important;margin-inline:auto!important}
html:not(.dark) body.t16-r6 .genesis-scene-head{
  padding:clamp(20px,2.2vw,34px)!important;
  border-color:rgba(118,146,154,.25)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,247,248,.9))!important;
  box-shadow:0 16px 44px rgba(16,38,45,.065),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body.t16-r6 .genesis-scene-head h2,
body.t16-r6 .genesis-scene-head .genesis-h2{
  max-width:1000px!important;
  text-wrap:balance;
}
html:not(.dark) body.t16-r6 .genesis-scene-head p{color:#526a72!important;max-width:880px!important}

/* Command architecture gains a recognizable authority cap and stronger nested hierarchy. */
html:not(.dark) body.t16-r6 :is(.g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,.g07-command,.g08-command,.g09-command,.g10-command,.g11-command){
  overflow:hidden;
  border-color:#b8cbd0!important;
  background:linear-gradient(150deg,#ffffff 0%,#f7fafb 62%,#edf4f5 100%)!important;
  box-shadow:0 3px 10px rgba(16,38,45,.045),0 30px 72px rgba(16,38,45,.10)!important;
}
html:not(.dark) body.t16-r6 :is(.g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,.g07-command,.g08-command,.g09-command,.g10-command,.g11-command)::after{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--t16-brand),#72d4c5 58%,var(--t16-r6-gold));
  opacity:.78;
  z-index:4;
  pointer-events:none;
}

/* Side rails read as navigation, not empty pale columns. */
html:not(.dark) body.t16-r6 :is(.g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail){
  padding:10px!important;
  gap:7px!important;
  border-color:#c4d3d7!important;
  background:linear-gradient(180deg,#e5eef0,#edf4f5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 0 0 1px rgba(15,117,106,.025)!important;
}
html:not(.dark) body.t16-r6 :is(.g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail) button{
  border:1px solid transparent!important;
  background:rgba(255,255,255,.52)!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
html:not(.dark) body.t16-r6 :is(.g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail) button:hover{
  background:#fff!important;
  border-color:#c0d3d7!important;
  transform:translateY(-1px);
}
html:not(.dark) body.t16-r6 :is(.g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail) button.active{
  border-color:color-mix(in srgb,var(--t16-brand) 52%,#b9cdd1)!important;
  background:linear-gradient(135deg,#ffffff 10%,#def0ed 100%)!important;
  box-shadow:0 8px 22px rgba(15,117,106,.11),inset 3px 0 0 var(--t16-brand)!important;
}
html[dir="rtl"]:not(.dark) body.t16-r6 :is(.g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail) button.active{
  box-shadow:0 8px 22px rgba(15,117,106,.11),inset -3px 0 0 var(--t16-brand)!important;
}

/* Nested cards are intentionally quieter than command surfaces. */
html:not(.dark) body.t16-r6 :is(.genesis-fragment,.genesis-story-card,.g02-metrics article,.g02-evidence-card,.g02-decision-card,.g03-signal-grid>*,.g04-example,.g04-guardrail,.g05-proof-grid>*,.g06-rule-grid>*,.g07-grid>*,.g08-decision-grid>*,.g09-panel article,.g10-panel article,.t16-r3-ledger article){
  background:linear-gradient(180deg,#fbfdfd,#eef4f5)!important;
  border-color:#cbd9dc!important;
  box-shadow:0 1px 1px rgba(16,38,45,.025),0 9px 24px rgba(16,38,45,.045)!important;
}
html:not(.dark) body.t16-r6 :is(.genesis-fragment,.genesis-story-card,.g02-metrics article,.g02-evidence-card,.g02-decision-card,.g03-signal-grid>*,.g04-example,.g04-guardrail,.g05-proof-grid>*,.g06-rule-grid>*,.g07-grid>*,.g08-decision-grid>*,.g09-panel article,.g10-panel article,.t16-r3-ledger article):hover{
  border-color:#b6cbd0!important;
  box-shadow:0 2px 4px rgba(16,38,45,.035),0 16px 34px rgba(16,38,45,.07)!important;
}

/* Metrics and outcome blocks gain visual anchors for quick scanning. */
html:not(.dark) body.t16-r6 :is(.g02-metrics article,.g03-signal-grid>*,.g08-decision-grid>*,.g05-proof-grid>*){position:relative;overflow:hidden}
html:not(.dark) body.t16-r6 :is(.g02-metrics article,.g03-signal-grid>*,.g08-decision-grid>*,.g05-proof-grid>*)::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--t16-brand),#78cfc2);opacity:.62
}
html[dir="rtl"]:not(.dark) body.t16-r6 :is(.g02-metrics article,.g03-signal-grid>*,.g08-decision-grid>*,.g05-proof-grid>*)::before{left:auto;right:0}

/* CTA and footer transition receive a more deliberate end-of-journey hierarchy. */
html:not(.dark) body.t16-r6 .genesis-cta-box{
  border-color:rgba(124,188,178,.24)!important;
  box-shadow:0 38px 100px rgba(16,38,45,.2)!important;
}
html:not(.dark) body.t16-r6 .s16-footer::before{height:110px!important;top:-110px!important;background:linear-gradient(to bottom,transparent 0%,rgba(8,23,29,.28) 54%,#08171d 100%)!important}

/* Dark mode keeps its authority while receiving slightly clearer active navigation. */
html.dark body.t16-r6 :is(.g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail) button.active{
  border-color:rgba(114,212,197,.4)!important;
  box-shadow:0 0 0 1px rgba(114,212,197,.08),0 12px 30px rgba(0,0,0,.22)!important;
}

@media(max-width:1100px){
  html:not(.dark) body.t16-r6 .genesis-main>section:not(.genesis-hero)::after{inset:12px 8px;border-radius:25px}
  body.t16-r6 .genesis-scene-head{max-width:none!important}
}
@media(max-width:900px){
  html:not(.dark) body.t16-r6 .genesis-main>section:not(.genesis-hero)::after{display:none}
  html:not(.dark) body.t16-r6 .genesis-scene-head{box-shadow:0 10px 26px rgba(16,38,45,.055)!important}
}
@media(max-width:640px){
  html:not(.dark) body.t16-r6 :is(.g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,.g07-command,.g08-command,.g09-command,.g10-command,.g11-command){border-radius:20px!important}
  html:not(.dark) body.t16-r6 :is(.g02-module-rail,.g03-plant-rail,.g04-article-rail,.g05-authority-rail,.g06-standard-rail,.g07-library,.g08-role-rail,.g09-adoption-rail,.g10-trust-rail){padding:7px!important}
}

/* ========================================================================== 
   TRUE S+16 ROAD R7 — Light-mode authority completion
   Font families, logo, content and scene order remain locked.
   ========================================================================== */
body.t16-r7{
  --r7-canvas:#eef4f5;
  --r7-scene:#f7fafb;
  --r7-panel:#ffffff;
  --r7-panel-soft:#f1f6f7;
  --r7-border:#c4d3d7;
  --r7-border-strong:#aebfc4;
  --r7-ink:#12252b;
  --r7-muted:#5d7279;
  --r7-teal:#0f756a;
  --r7-teal-soft:#dcefeb;
  --r7-gold:#cda622;
}

/* R7 chapter navigator: only a discreet journey marker. */
body.t16-r7 .t16-chapter-rail{
  width:14px!important;
  gap:7px!important;
  padding:8px 4px!important;
  border-color:rgba(108,137,145,.22)!important;
  background:color-mix(in srgb,var(--t16-surface) 68%,transparent)!important;
  box-shadow:0 8px 22px rgba(11,32,39,.07)!important;
  opacity:.54!important;
}
body.t16-r7 .t16-chapter-rail:hover,
body.t16-r7 .t16-chapter-rail:focus-within{opacity:.94!important}
body.t16-r7 .t16-chapter-rail button{
  width:4px!important;height:10px!important;min-height:10px!important;
  background:rgba(91,119,127,.34)!important;
}
body.t16-r7 .t16-chapter-rail button.active{
  width:6px!important;height:17px!important;min-height:17px!important;
  background:var(--r7-teal)!important;
  box-shadow:0 0 0 2px rgba(15,117,106,.11)!important;
}

/* Light canvas: calm, layered and intentionally bright rather than blank white. */
html:not(.dark) body.t16-r7{
  color:var(--r7-ink)!important;
  background:
    radial-gradient(circle at 8% 4%,rgba(15,117,106,.055),transparent 28rem),
    radial-gradient(circle at 92% 36%,rgba(205,166,34,.035),transparent 25rem),
    linear-gradient(180deg,#f8fbfb 0%,var(--r7-canvas) 100%)!important;
}
html:not(.dark) body.t16-r7 .genesis-main>section:not(.genesis-hero){
  background:transparent!important;
}
html:not(.dark) body.t16-r7 .genesis-main>section:not(.genesis-hero)::after{
  inset:clamp(14px,1.55vw,25px) max(10px,calc((100vw - 1600px)/2))!important;
  border-color:rgba(113,144,152,.19)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(239,246,247,.78))!important;
  box-shadow:0 18px 54px rgba(19,47,55,.052),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
html:not(.dark) body.t16-r7 .genesis-main>section:nth-of-type(even):not(.genesis-hero)::after{
  background:linear-gradient(145deg,rgba(235,244,246,.9),rgba(250,252,252,.88))!important;
}

/* Scene headings: visibly separate from command surfaces without becoming cards. */
html:not(.dark) body.t16-r7 .genesis-scene-head{
  border:0!important;
  border-bottom:1px solid rgba(118,146,154,.25)!important;
  border-radius:0!important;
  padding:clamp(15px,1.8vw,25px) 0 clamp(20px,2vw,30px)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html:not(.dark) body.t16-r7 .genesis-scene-head :is(h1,h2,.genesis-h2){color:var(--r7-ink)!important}
html:not(.dark) body.t16-r7 .genesis-scene-head p{color:var(--r7-muted)!important}
html:not(.dark) body.t16-r7 .genesis-kicker,
html:not(.dark) body.t16-r7 [class*="eyebrow"]{color:#2d776d!important}

/* One command hierarchy shared by all interactive Genesis systems. */
html:not(.dark) body.t16-r7 :is(
 .g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,
 .g07-command,.g08-command,.g09-command,.g10-command,.g11-command,
 .g01-story-shell,.g02-workspace,.g03-plant-shell,.g04-constitution-shell,
 .g05-shell,.g06-shell,.g07-shell,.g08-shell,.g09-shell,.g10-shell,.g11-shell
){
  border-color:var(--r7-border)!important;
  background:linear-gradient(145deg,var(--r7-panel) 0%,#f8fbfb 66%,var(--r7-panel-soft) 100%)!important;
  box-shadow:0 1px 2px rgba(18,45,52,.035),0 20px 58px rgba(18,45,52,.09)!important;
}
html:not(.dark) body.t16-r7 :is(
 .g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,
 .g07-command,.g08-command,.g09-command,.g10-command,.g11-command
)::after{
  height:2px!important;
  opacity:.62!important;
}

/* Rails: compact authority selectors, not pale sidebars. */
html:not(.dark) body.t16-r7 :is(
 .g01-story-tabs,.g02-module-rail,.g02-journey,.g03-plant-rail,.g04-article-rail,
 .g04-articles,.g05-authority-rail,.g05-index,.g06-standard-rail,.g06-standards,
 .g07-library,.g08-role-rail,.g09-adoption-rail,.g09-nav,.g10-trust-rail,.g10-nav,
 .g11-org-tabs,.g11-problem-tabs,.g11-workflow-tabs
){
  border-color:var(--r7-border)!important;
  background:linear-gradient(180deg,#eaf1f2,#f2f6f7)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
}
html:not(.dark) body.t16-r7 :is(
 .g01-story-tabs,.g02-module-rail,.g02-journey,.g03-plant-rail,.g04-article-rail,
 .g04-articles,.g05-authority-rail,.g05-index,.g06-standard-rail,.g06-standards,
 .g07-library,.g08-role-rail,.g09-adoption-rail,.g09-nav,.g10-trust-rail,.g10-nav,
 .g11-org-tabs,.g11-problem-tabs,.g11-workflow-tabs
) button{
  color:#344c54!important;
  background:rgba(255,255,255,.5)!important;
  border-color:transparent!important;
}
html:not(.dark) body.t16-r7 :is(
 .g01-story-tabs,.g02-module-rail,.g02-journey,.g03-plant-rail,.g04-article-rail,
 .g04-articles,.g05-authority-rail,.g05-index,.g06-standard-rail,.g06-standards,
 .g07-library,.g08-role-rail,.g09-adoption-rail,.g09-nav,.g10-trust-rail,.g10-nav,
 .g11-org-tabs,.g11-problem-tabs,.g11-workflow-tabs
) button:is(:hover,:focus-visible){
  color:var(--r7-ink)!important;
  background:#fff!important;
  border-color:#bdd0d4!important;
}
html:not(.dark) body.t16-r7 :is(
 .g01-story-tabs,.g02-module-rail,.g02-journey,.g03-plant-rail,.g04-article-rail,
 .g04-articles,.g05-authority-rail,.g05-index,.g06-standard-rail,.g06-standards,
 .g07-library,.g08-role-rail,.g09-adoption-rail,.g09-nav,.g10-trust-rail,.g10-nav,
 .g11-org-tabs,.g11-problem-tabs,.g11-workflow-tabs
) button:is(.active,[aria-selected="true"]){
  color:#12352f!important;
  border-color:rgba(15,117,106,.42)!important;
  background:linear-gradient(135deg,#fff,var(--r7-teal-soft))!important;
  box-shadow:0 7px 18px rgba(15,117,106,.095),inset 3px 0 0 var(--r7-teal)!important;
}
html[dir="rtl"]:not(.dark) body.t16-r7 :is(
 .g01-story-tabs,.g02-module-rail,.g02-journey,.g03-plant-rail,.g04-article-rail,
 .g04-articles,.g05-authority-rail,.g05-index,.g06-standard-rail,.g06-standards,
 .g07-library,.g08-role-rail,.g09-adoption-rail,.g09-nav,.g10-trust-rail,.g10-nav,
 .g11-org-tabs,.g11-problem-tabs,.g11-workflow-tabs
) button:is(.active,[aria-selected="true"]){
  box-shadow:0 7px 18px rgba(15,117,106,.095),inset -3px 0 0 var(--r7-teal)!important;
}

/* Nested evidence surfaces: distinct, readable and deliberately subordinate. */
html:not(.dark) body.t16-r7 :is(
 .genesis-fragment,.genesis-story-card,.g02-metrics article,.g02-evidence-card,.g02-decision-card,
 .g03-signal-grid>*,.g04-example,.g04-guardrail,.g05-proof-grid>*,.g06-rule-grid>*,
 .g07-grid>*,.g08-decision-grid>*,.g09-panel article,.g10-panel article,.t16-r3-ledger article,
 .g11-summary,.g11-result-card
){
  color:var(--r7-ink)!important;
  border-color:#ccdadd!important;
  background:linear-gradient(180deg,#fbfdfd,#f0f5f6)!important;
  box-shadow:0 1px 1px rgba(18,45,52,.025),0 8px 20px rgba(18,45,52,.04)!important;
}
html:not(.dark) body.t16-r7 :is(
 .genesis-fragment,.genesis-story-card,.g02-metrics article,.g02-evidence-card,.g02-decision-card,
 .g03-signal-grid>*,.g04-example,.g04-guardrail,.g05-proof-grid>*,.g06-rule-grid>*,
 .g07-grid>*,.g08-decision-grid>*,.g09-panel article,.g10-panel article,.t16-r3-ledger article,
 .g11-summary,.g11-result-card
) :is(p,small,span:not(.badge)){color:#60757c!important}
html:not(.dark) body.t16-r7 :is(
 .genesis-fragment,.genesis-story-card,.g02-metrics article,.g02-evidence-card,.g02-decision-card,
 .g03-signal-grid>*,.g04-example,.g04-guardrail,.g05-proof-grid>*,.g06-rule-grid>*,
 .g07-grid>*,.g08-decision-grid>*,.g09-panel article,.g10-panel article,.t16-r3-ledger article,
 .g11-summary,.g11-result-card
) :is(h3,h4,strong,b){color:#173039!important}

/* Status language gains explicit posture in light mode. */
html:not(.dark) body.t16-r7 :is(.status,.badge,[class*="status"],[class*="posture"],[class*="seal"]){
  border-color:rgba(15,117,106,.23)!important;
}
html:not(.dark) body.t16-r7 :is(.g02-decision-state,.g03-authority-state,.g04-state,.g05-state,.g06-state,.g08-state,.g09-state,.g10-state){
  color:#175b51!important;
  background:rgba(15,117,106,.075)!important;
}

/* Remove excessive desktop min-height introduced by earlier composition equalisation. */
@media(min-width:981px){
  body.t16-r7 :is(.g04-authority-panel,.g05-stage,.g06-command,.g07-command,.g08-command,.g09-panel,.g10-panel){
    min-height:0!important;
  }
  body.t16-r7 .genesis-main>section{min-height:auto!important}
}

/* Light-mode end state and conversion hierarchy. */
html:not(.dark) body.t16-r7 .genesis-cta-box{
  border-color:rgba(125,174,166,.28)!important;
  background:linear-gradient(135deg,#10272d,#19383d)!important;
  box-shadow:0 28px 74px rgba(12,39,46,.20)!important;
}
html:not(.dark) body.t16-r7 .genesis-demo-dock{
  border-color:#c3d2d5!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:0 12px 36px rgba(18,45,52,.13)!important;
}

@media(max-width:1100px){
  body.t16-r7 .t16-chapter-rail{display:none!important}
}
@media(max-width:900px){
  html:not(.dark) body.t16-r7 .genesis-main>section:not(.genesis-hero)::after{display:none!important}
  html:not(.dark) body.t16-r7 .genesis-scene-head{
    padding-inline:0!important;
    border-bottom-color:rgba(118,146,154,.18)!important;
  }
}
@media(max-width:640px){
  html:not(.dark) body.t16-r7 :is(
   .g02-command,.g03-command,.g04-constitution-command,.g05-command,.g06-command,
   .g07-command,.g08-command,.g09-command,.g10-command,.g11-command
  ){box-shadow:0 12px 34px rgba(18,45,52,.075)!important}
}
body.t16-r7 .t16-chapter-rail button.t16-r7-minor{display:none!important}

/* ========================================================================== 
   TRUE S+16 ROAD R8 — Responsive composition authority
   Font families, logo, content and scene order remain locked.
   ========================================================================== */
body.t16-r8{
  --r8-page-gutter:clamp(18px,3vw,54px);
  --r8-scene-gap:clamp(34px,5vw,76px);
  --r8-panel-pad:clamp(18px,2.3vw,34px);
}

/* Keep floating utilities from competing with one another. */
body.t16-r8 .genesis-demo-dock{max-width:min(360px,calc(100vw - 32px))!important}
body.t16-r8 .back-to-top{inset-block-end:clamp(82px,9vw,112px)!important}
body.t16-r8 .t16-chapter-rail{inset-block-start:50%!important;transform:translateY(-50%)!important;max-height:min(46vh,330px)!important}
html[dir="ltr"] body.t16-r8 .t16-chapter-rail{right:clamp(8px,1vw,16px)!important}
html[dir="rtl"] body.t16-r8 .t16-chapter-rail{left:clamp(8px,1vw,16px)!important;right:auto!important}

/* Desktop and laptop composition: reduce over-wide reading lines and over-large headings. */
body.t16-r8 .genesis-main>section>.s16-container,
body.t16-r8 .genesis-main>section>.genesis-container,
body.t16-r8 .genesis-main>section>.container{padding-inline:var(--r8-page-gutter)!important}
body.t16-r8 .genesis-scene{padding-block:var(--r8-scene-gap)!important}
body.t16-r8 .genesis-scene-head{margin-bottom:clamp(24px,3.2vw,48px)!important}
body.t16-r8 .genesis-scene-head :is(h1,h2,.genesis-h2){
  max-width:18ch!important;
  font-size:clamp(2rem,3.2vw,4.1rem)!important;
  line-height:1.02!important;
  text-wrap:balance;
}
body.t16-r8 .genesis-scene-head p{max-width:68ch!important;text-wrap:pretty}
html[dir="rtl"] body.t16-r8 .genesis-scene-head :is(h1,h2,.genesis-h2){max-width:19ch!important;line-height:1.18!important}

/* Stable two-column rails on wide screens, without letting rails dominate. */
@media(min-width:1181px){
  body.t16-r8 :is(.g01-story-layout,.g09-shell){grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;gap:clamp(18px,2vw,30px)!important}
  body.t16-r8 .g02-theatre{grid-template-columns:minmax(220px,270px) minmax(0,1fr)!important;gap:clamp(18px,2vw,30px)!important}
  body.t16-r8 :is(.g07-layout,.g08-layout){grid-template-columns:minmax(210px,260px) minmax(0,1fr)!important;gap:clamp(18px,2vw,30px)!important}
  body.t16-r8 .g03-plant-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;gap:clamp(18px,2vw,30px)!important}
  body.t16-r8 :is(.g02-main-panel,.g04-authority-panel,.g05-stage,.g06-command,.g07-command,.g08-command,.g09-panel,.g10-panel,.g11-command){padding:var(--r8-panel-pad)!important}
}

/* Laptop authority: keep all information visible without compressed desktop proportions. */
@media(max-width:1440px){
  body.t16-r8 .genesis-main>section>.s16-container,
  body.t16-r8 .genesis-main>section>.genesis-container,
  body.t16-r8 .genesis-main>section>.container{max-width:1280px!important}
  body.t16-r8 .genesis-hero h1{font-size:clamp(3rem,5vw,5.8rem)!important}
  html[dir="rtl"] body.t16-r8 .genesis-hero h1{font-size:clamp(2.8rem,4.7vw,5.2rem)!important;line-height:1.12!important}
  body.t16-r8 :is(.g02-workspace-body,.g03-plant-canvas){min-height:0!important}
  body.t16-r8 .g02-main-panel{padding:24px!important}
  body.t16-r8 :is(.g04-authority-panel,.g05-stage,.g06-command,.g07-command,.g08-command,.g09-panel,.g10-panel){padding:26px!important}
}

@media(max-width:1180px){
  body.t16-r8 .t16-chapter-rail{display:none!important}
  body.t16-r8 .genesis-scene{padding-block:clamp(48px,6vw,72px)!important}
  body.t16-r8 .genesis-scene-head :is(h1,h2,.genesis-h2){max-width:22ch!important;font-size:clamp(2rem,4.2vw,3.45rem)!important}
  body.t16-r8 :is(.g01-story-layout,.g02-theatre,.g03-plant-layout,.g07-layout,.g08-layout,.g09-shell){grid-template-columns:1fr!important}
  body.t16-r8 :is(.g01-story-tabs,.g02-journey,.g03-plant-rail,.g04-articles,.g05-index,.g06-standards,.g07-library,.g08-role-rail,.g09-nav,.g10-nav){
    position:static!important;
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    padding:8px 8px 12px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    overscroll-behavior-inline:contain;
  }
  body.t16-r8 :is(.g01-story-tabs,.g02-journey,.g03-plant-rail,.g04-articles,.g05-index,.g06-standards,.g07-library,.g08-role-rail,.g09-nav,.g10-nav)>button{
    flex:0 0 clamp(190px,30vw,250px)!important;
    scroll-snap-align:center;
  }
  body.t16-r8 :is(.g04-authority-panel,.g05-stage,.g06-command,.g07-command,.g08-command,.g09-panel,.g10-panel){min-height:0!important}
  body.t16-r8 .g03-plant-stage{min-height:clamp(480px,64vw,700px)!important}
  body.t16-r8 .g03-plant-image{object-fit:contain!important;object-position:center bottom!important}
}

/* Tablet landscape and portrait: intentional card stacking and no clipped rails. */
@media(max-width:900px){
  body.t16-r8{--r8-page-gutter:clamp(16px,3vw,28px)}
  body.t16-r8 header#header .logo-container img{height:48px!important}
  body.t16-r8 header#header nav{padding-block:9px!important}
  body.t16-r8 .genesis-hero{min-height:auto!important;padding-top:clamp(118px,16vw,150px)!important;padding-bottom:72px!important}
  body.t16-r8 .genesis-hero-grid{grid-template-columns:1fr!important;gap:34px!important}
  body.t16-r8 .genesis-hero-copy{max-width:760px!important}
  body.t16-r8 .genesis-hero h1{font-size:clamp(2.65rem,8vw,4.8rem)!important;max-width:13ch!important}
  html[dir="rtl"] body.t16-r8 .genesis-hero h1{max-width:15ch!important;font-size:clamp(2.45rem,7.3vw,4.4rem)!important}
  body.t16-r8 .genesis-scene-head{margin-bottom:28px!important}
  body.t16-r8 .genesis-scene-head :is(h1,h2,.genesis-h2){max-width:24ch!important;font-size:clamp(1.9rem,6vw,3rem)!important}
  body.t16-r8 :is(.g01-story-columns,.g02-evidence-layout,.g07-grid,.g08-decision-grid,.g08-signal-row,.g09-grid){grid-template-columns:1fr!important}
  body.t16-r8 .g02-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.t16-r8 .g08-before-after{grid-template-columns:1fr!important}
  body.t16-r8 .g08-arrow{margin:auto!important;transform:rotate(90deg)!important}
  html[dir="rtl"] body.t16-r8 .g08-arrow{transform:rotate(-90deg)!important}
  body.t16-r8 :is(.g04-head,.g05-head,.g06-head,.g07-head,.g08-head,.g09-panel>header,.g10-panel>header){display:grid!important;gap:14px!important}
  body.t16-r8 :is(.g04-state,.g05-state,.g06-status,.g07-status,.g08-state,.g09-panel>header strong,.g10-panel>header strong){width:max-content!important;max-width:100%!important}
  body.t16-r8 .genesis-demo-dock{inset-inline:16px!important;inset-block-end:14px!important;max-width:none!important;width:auto!important}
  body.t16-r8 .back-to-top{inset-inline-end:16px!important;inset-block-end:92px!important}
}

@media(max-width:700px){
  body.t16-r8{--r8-page-gutter:16px;--r8-scene-gap:48px}
  body.t16-r8 .genesis-scene{padding-block:48px!important}
  body.t16-r8 .genesis-scene-head{padding-bottom:18px!important;margin-bottom:22px!important}
  body.t16-r8 .genesis-scene-head :is(h1,h2,.genesis-h2){font-size:clamp(1.8rem,8.8vw,2.65rem)!important;max-width:none!important}
  body.t16-r8 .genesis-scene-head p{font-size:.96rem!important;line-height:1.75!important}
  body.t16-r8 :is(.g01-story-tabs,.g02-journey,.g03-plant-rail,.g04-articles,.g05-index,.g06-standards,.g07-library,.g08-role-rail,.g09-nav,.g10-nav)>button{
    flex-basis:min(82vw,245px)!important;
  }
  body.t16-r8 .g02-workspace-bar{padding-inline:12px!important;font-size:.66rem!important}
  body.t16-r8 .g02-main-panel{padding:16px!important}
  body.t16-r8 .g02-panel-head{display:grid!important;gap:14px!important}
  body.t16-r8 .g02-panel-head h3{font-size:clamp(1.45rem,7vw,2rem)!important}
  body.t16-r8 .g02-authority-state{width:100%!important;min-width:0!important}
  body.t16-r8 .g02-metrics{grid-template-columns:1fr!important}
  body.t16-r8 .g03-plant-stage{min-height:430px!important;border-radius:22px!important}
  body.t16-r8 .g03-center-core{width:106px!important;height:106px!important}
  body.t16-r8 :is(.g04-authority-panel,.g05-stage,.g06-command,.g07-command,.g08-command,.g09-panel,.g10-panel,.g11-command){padding:18px!important;border-radius:21px!important}
  body.t16-r8 :is(.g05-proof-grid,.g06-rule-grid,.g08-decision-grid,.g08-signal-row){grid-template-columns:1fr!important}
  body.t16-r8 :is(.g05-flow,.g06-authority-path,.g07-flow,.g09-rail){grid-template-columns:1fr!important;gap:8px!important}
  body.t16-r8 :is(.g05-flow,.g06-authority-path,.g07-flow) i{width:1px!important;height:12px!important;margin:auto!important;transform:none!important}
  body.t16-r8 .g01-decision-strip{grid-template-columns:1fr!important}
  body.t16-r8 .genesis-cta-box{padding:clamp(26px,7vw,42px)!important;border-radius:26px!important}
  body.t16-r8 .genesis-cta-box h2{font-size:clamp(2.1rem,10vw,3.4rem)!important;line-height:1.05!important}
  html[dir="rtl"] body.t16-r8 .genesis-cta-box h2{line-height:1.18!important}
}

@media(max-width:480px){
  body.t16-r8 header#header .logo-container img{height:43px!important}
  body.t16-r8 .s16-header-actions{gap:7px!important}
  body.t16-r8 .s16-icon-button{width:42px!important;height:42px!important;min-width:42px!important}
  body.t16-r8 .genesis-hero{padding-top:108px!important;padding-bottom:56px!important}
  body.t16-r8 .genesis-hero h1{font-size:clamp(2.25rem,12.5vw,3.25rem)!important}
  html[dir="rtl"] body.t16-r8 .genesis-hero h1{font-size:clamp(2.15rem,11.8vw,3.1rem)!important}
  body.t16-r8 .genesis-btn{width:100%!important;justify-content:center!important}
  body.t16-r8 .genesis-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.t16-r8 .g03-plant-stage{min-height:360px!important}
  body.t16-r8 .genesis-demo-dock{font-size:.74rem!important}
  body.t16-r8 .genesis-demo-dock .genesis-btn{width:auto!important}
  body.t16-r8 .back-to-top{width:44px!important;height:44px!important}
}

/* RTL-specific composition fixes at every responsive breakpoint. */
html[dir="rtl"] body.t16-r8 :is(.g01-story-tab,.g02-journey-step,.g03-plant-rail button,.g04-article-tab,.g05-index button,.g06-standard-tab,.g07-library button,.g08-role-rail button,.g09-tab,.g10-tab){text-align:right!important}
html[dir="rtl"] body.t16-r8 :is(.g02-panel-head,.g04-head,.g05-head,.g06-head,.g07-head,.g08-head,.g09-panel>header,.g10-panel>header){direction:rtl!important}
html[dir="rtl"] body.t16-r8 :is(.g02-panel-foot,.g04-foot,.g05-foot,.g06-foot,.g07-foot,.g08-foot,.g09-panel footer,.g10-panel footer){justify-content:flex-start!important;text-align:right!important}

/* Avoid sticky/floating collisions on short laptop viewports. */
@media(max-height:760px) and (min-width:901px){
  body.t16-r8 .genesis-demo-dock{transform:scale(.9);transform-origin:bottom right!important}
  html[dir="rtl"] body.t16-r8 .genesis-demo-dock{transform-origin:bottom left!important}
  body.t16-r8 .back-to-top{inset-block-end:74px!important}
  body.t16-r8 .t16-chapter-rail{max-height:38vh!important}
}