/* Capital Gateway owns the navigation. The original header keeps its brand. */
.desktop-nav,.mobile-nav,.header-actions,.menu-toggle{display:none!important}
.site-header{top:58px}
html{scroll-padding-top:146px}
.section[id],.hero[id]{scroll-margin-top:146px}

/* A visible, collapsible sidebar on desktop; an overlay drawer on mobile. */
:root{--capital-side:238px;--capital-rail:62px}
body.eco-nav-ready,body.eco-nav-ready.eco-nav-collapsed{padding:58px 0 0 var(--capital-side)!important;transition:padding-left .2s ease}
#eco-nav-bar{left:var(--capital-side);right:0}
#eco-nav{inset:0 auto 0 0;width:var(--capital-side);transform:none;visibility:visible;border-right:1px solid #ffffff24;border-left:0;box-shadow:8px 0 30px #0003}
#eco-nav-backdrop{display:none}
#eco-nav .en-head{min-height:68px}
#eco-nav .en-brand-text strong{font-size:11px;letter-spacing:.015em}
#eco-nav .en-search-wrap{margin-top:10px}
#eco-nav .en-group summary{color:#8fe5d4}
#eco-nav .en-row.active{background:linear-gradient(90deg,#135851,#21394c);box-shadow:inset 3px 0 #70e0d1}
body.capital-sidebar-collapsed,body.capital-sidebar-collapsed.eco-nav-ready{padding-left:var(--capital-rail)!important}
body.capital-sidebar-collapsed #eco-nav-bar{left:var(--capital-rail)}
body.capital-sidebar-collapsed #eco-nav{width:var(--capital-rail)}
body.capital-sidebar-collapsed #eco-nav .en-head{justify-content:center;padding:10px 6px}
body.capital-sidebar-collapsed #eco-nav :is(.en-brand,.en-brand-text,.en-search-wrap,.en-group summary,.en-label,.en-external,.en-footer){display:none}
body.capital-sidebar-collapsed #eco-nav .en-close{display:grid;width:38px;height:38px;min-width:38px;font-size:18px}
body.capital-sidebar-collapsed #eco-nav .en-link{justify-content:center;padding:8px 0}
body.capital-sidebar-collapsed #eco-nav .en-group{padding:2px 0}
body.capital-sidebar-collapsed #eco-nav .en-mark{width:38px}
html[data-eco-theme="light"] #eco-nav .en-group summary{color:#0c776f}
html[data-eco-theme="light"] #eco-nav .en-row.active{background:#d9f0ec;box-shadow:inset 3px 0 #087d70}
@media(max-width:900px){
  body.eco-nav-ready,body.eco-nav-ready.eco-nav-collapsed,body.capital-sidebar-collapsed.eco-nav-ready{padding:58px 0 0!important}
  #eco-nav-bar,body.capital-sidebar-collapsed #eco-nav-bar{left:0}
  #eco-nav,body.capital-sidebar-collapsed #eco-nav{inset:0 auto 0 0;width:min(290px,calc(100vw - 28px));transform:translateX(-105%);visibility:hidden;box-shadow:12px 0 35px #0007}
  body.capital-sidebar-open #eco-nav{transform:translateX(0);visibility:visible}
  body.capital-sidebar-open #eco-nav-backdrop{display:block;opacity:1;visibility:visible}
  body.capital-sidebar-collapsed #eco-nav .en-head{justify-content:initial;padding:10px 14px}
  body.capital-sidebar-collapsed #eco-nav .en-brand{display:flex}
  body.capital-sidebar-collapsed #eco-nav .en-link{justify-content:initial;padding:7px 8px}
  body.capital-sidebar-collapsed #eco-nav :is(.en-brand-text,.en-close,.en-search-wrap,.en-group summary,.en-label,.en-external,.en-footer){display:initial}
  body.capital-sidebar-collapsed #eco-nav .en-brand-text{display:grid}
  body.capital-sidebar-collapsed #eco-nav .en-search-wrap{display:flex}
  body.capital-sidebar-collapsed #eco-nav .en-group summary{display:flex}
  body.capital-sidebar-collapsed #eco-nav .en-close{display:inline-flex}
  body.capital-sidebar-collapsed #eco-nav .en-footer{display:block}
}
@media(min-width:901px) and (max-width:1300px){
  body:not(.capital-sidebar-collapsed) .hero-grid{grid-template-columns:1fr}
  body:not(.capital-sidebar-collapsed) .hero-visual{width:100%;max-width:700px;margin:auto}
  body:not(.capital-sidebar-collapsed) .studio-layout{grid-template-columns:1fr}
  body:not(.capital-sidebar-collapsed) .studio-aside{position:static;grid-template-columns:1fr 1fr}
  body:not(.capital-sidebar-collapsed) .privacy-line{grid-column:1/-1}
}

/* Light theme covers the entire page, including cards and interactive controls. */
html[data-eco-theme="light"]{color-scheme:light;--ink:#183540;--muted:#4e6871;--bg:#f5f8fa;--panel:#fff;--panel2:#edf4f5;--line:#c9d9dd;--mint:#087e72;--mint2:#0b756a;--amber:#8b5b17}
html[data-eco-theme="light"] body{background:#f5f8fa;color:var(--ink)}
html[data-eco-theme="light"] .site-header{background:#eaf2f5;border-color:var(--line)}
html[data-eco-theme="light"] .brand-mark{color:#153d46}
html[data-eco-theme="light"] .hero{background:radial-gradient(circle at 78% 44%,#d6efec,transparent 55%),#f5f8fa}
html[data-eco-theme="light"] .hero :is(h1,h2){color:#183540}
html[data-eco-theme="light"] :is(.hero h1 em,h2 em,.eyebrow,.micro,.card-kicker,.panel-label,.check-index,.step-index,.score-line strong,.source-list a>span:first-child,.source-list b){color:#087e72}
html[data-eco-theme="light"] :is(.hero-lead,.hero-note,.hero-bottom,.hero-bottom .edition,.section-heading>p,.section-heading.split>p,.steps p:not(.card-kicker),.ending p:not(.eyebrow)){color:#4e6871}
html[data-eco-theme="light"] :is(.intro-section,.pathway,.studio-section,.example-section,.programs,.boundaries,.sources){background:#f5f8fa}
html[data-eco-theme="light"] :is(.intro-section,.studio-section,.programs,.sources){background:#edf4f5}
html[data-eco-theme="light"] :is(.layer-card,.bridge-note,.studio-main,.studio-aside>div,.evidence-board,.evidence-claim,.program-grid article,.boundary-panel,.law-strip,.source-correction){background:#fff;color:#183540;border-color:#c9d9dd;box-shadow:0 8px 24px #1234430d}
html[data-eco-theme="light"] .layer-card.accent{background:#e1f2ee;border-color:#78bcb2}
html[data-eco-theme="light"] :is(.layer-card p:not(.card-kicker),.bridge-note p,.studio-toolbar p,.check-content small,.score-card p,.next-card ol,.evidence-claim p,.evidence-fields small,.program-grid p,.law-strip p,.source-correction p){color:#4e6871}
html[data-eco-theme="light"] :is(.layer-card a,.bridge-note a,.program-grid a,.law-strip a,.footer-inner a,.text-button){color:#087e72}
html[data-eco-theme="light"] :is(.steps,.check-row,.evidence-fields>div,.source-list a,.boundary-panel li){border-color:#c9d9dd}
html[data-eco-theme="light"] .state-button{background:#f4f8f9;color:#244b56;border-color:#b8cdd2}
html[data-eco-theme="light"] .state-button[data-state="1"]{background:#fff2dc;color:#78510f;border-color:#c28a36}
html[data-eco-theme="light"] .state-button[data-state="2"]{background:#087e72;color:#fff}
html[data-eco-theme="light"] .score-line span,.check-weight{color:#4e6871}
html[data-eco-theme="light"] .score-track{background:#c9dedf}
html[data-eco-theme="light"] .source-list a:hover{background:#e2f0ef}
html[data-eco-theme="light"] .source-correction{background:#fff6e9;border-left-color:#a56f24}
html[data-eco-theme="light"] .source-correction strong{color:#885613}
html[data-eco-theme="light"] .ending{background:linear-gradient(135deg,#e5f2ef,#eaf2f5)}
html[data-eco-theme="light"] .ending-mark{color:#194c50;border-color:#73b7ad;box-shadow:0 0 0 37px #087e720c,0 0 0 75px #087e7206}
html[data-eco-theme="light"] .footer-inner{color:#4e6871}
html[data-eco-theme="light"] footer{background:#eaf2f5}
html[data-eco-theme="light"] .button.primary{background:#087e72;border-color:#087e72;color:#fff}
html[data-eco-theme="light"] .button.ghost{background:#fff;border-color:#aac9cc;color:#183540}
html[data-eco-theme="light"] #eco-nav-bar .en-menu:hover{background:#913c52;border-color:#913c52;color:#fff}
/* Keep the dense flow graphic dark so its fine lines remain legible. */
html[data-eco-theme="light"] .hero-visual{--ink:#eaf5f3;--mint:#70e0d1;--amber:#e8bf79;color:#eaf5f3}
html[data-eco-theme="light"] .hero-visual :is(span,strong,small){color:inherit}
html[data-eco-theme="light"] .hero-visual .node-num{color:#70e0d1}
html[data-eco-theme="light"] .hero-visual .middle .node-num{color:#e8bf79}
html[data-eco-theme="light"] .hero-visual .visual-node small{color:#bed6d5}
@media(prefers-reduced-motion:reduce){body.eco-nav-ready{transition:none}}