:root{--ink:#171b20;--muted:#5d6269;--line:#d8dce1;--paper:#fff;--dark:#0b1015;--blue:#3454eb;--gutter:clamp(24px,5vw,72px)}
body{font-family:Archivo,sans-serif;background:#fff;color:var(--ink)}
.detail-page{--ink:#171b20;--muted:#5d6269;--line:#d8dce1;--dark:#0b1015;--gutter:clamp(24px,5vw,72px)}
h1,h2,h3{font-weight:400;letter-spacing:-.035em;line-height:1.15}
.learning-page h1,.detail-page h1{font-size:clamp(40px,4.4vw,64px)}
.learning-page h2,.detail-page h2{font-size:36px}
.learning-page h3,.detail-page h3{font-size:22px}
.button,.header-cta{background:var(--blue);color:white;border-radius:0;border:0;box-shadow:none;min-height:50px}
.button:hover,.header-cta:hover{background:#2442c7;color:white}
:focus-visible{outline:2px solid #778bff;outline-offset:5px}
.site-footer{background:var(--dark);color:white;width:100%;max-width:none;margin:0;padding:55px 0 25px;display:block}
.footer-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:54px}
.site-footer .wordmark{color:white}.site-footer p,.site-footer .footer-top p{color:#aeb7c2}
.site-footer .footer-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.site-footer .footer-directory h2{font-size:14px;font-weight:400;letter-spacing:0;color:white;margin-bottom:18px}
.site-footer .footer-directory a{display:block;font-size:12px;color:#b9c1cb;text-decoration:none;margin:12px 0}
.site-footer .footer-directory a:hover{color:white;text-decoration:underline}
.site-footer .footer-bottom{grid-column:1/-1;border-top:1px solid #303a44;color:#aeb7c2;padding-top:22px;font-size:12px}
.site-footer .footer-bottom a{color:#b9c1cb}
.learning-page .site-header,.detail-page .site-header{position:relative;top:auto;background:var(--dark);color:white;height:90px;border:0;display:flex;align-items:center;gap:30px;padding-inline:var(--gutter);z-index:30}
.learning-page .wordmark,.detail-page .wordmark{font-size:28px;text-decoration:none;color:white}
.learning-page .desktop-nav,.detail-page .desktop-nav{display:flex;gap:28px;margin-right:auto}
.learning-page .desktop-nav a,.detail-page .desktop-nav a{color:white;font-size:12px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.learning-page .header-cta,.detail-page .header-cta{display:inline-flex;align-items:center;gap:22px;padding:12px 22px;text-decoration:none;font-size:14px}
.detail-page .header-cta{background:var(--blue)}
.learning-page #mobile-nav,.detail-page #mobile-nav{background:var(--dark);color:white;top:76px}
.learning-page #mobile-nav a,.detail-page #mobile-nav a{color:white}
.learning-page .menu-toggle>span,.detail-page .menu-toggle>span{background:white}
.learning-page .learn-nav{margin-top:0}
.learning-page .reader{max-width:760px}.learning-page .reader h2{font-size:28px}.learning-page .reader-header h1{font-size:48px}
.learning-page .reader-deck,.learning-page .reader-intro{font-size:18px}
.learning-page .reader-header{padding-bottom:30px;border-bottom:1px solid var(--line)}
.learning-page .reader section{margin-top:42px}.learning-page .reading-meta{font-size:12px}
.learning-page .reader p,.learning-page .reader li{font-size:16px;line-height:1.75}
.learning-page .reader .reading-meta a{font-size:12px}
.learning-page .private-nodes>span{border-radius:0}
.learning-page .lesson-number,.learning-page .diagram-index{color:var(--blue)}
.learning-page .worksheet-banner{background:var(--dark);color:white;padding:38px;margin-block:70px}
.learning-page .worksheet-banner p{color:#b9c1cb}
.learning-page .insight-row:hover h3,.learning-page .curriculum a:hover{color:var(--blue)}
.detail-page main>section{padding-block:70px}.detail-page .case-studies{padding-top:70px}
.detail-page .case-title h3{font-size:32px}.detail-page .case-metrics strong{font-size:48px;font-weight:400}
.detail-page .section-heading{gap:60px}.detail-page .engagement{background:#f2f4f6}.detail-page .engagement-intro h2{font-size:36px}
.detail-page .artifact-tabs button[aria-selected=true],.detail-page .case-tabs button[aria-selected=true]{background:var(--blue);color:white}
.detail-page .case-tabs button:first-child{padding-left:22px}
.detail-page .about-layout h2{font-size:36px}
.data-chart{margin:32px 0;padding:28px;border:1px solid var(--line)}
.data-chart h3{font-size:20px;margin-bottom:8px}.data-chart .chart-unit{font-size:12px;color:var(--muted);margin-bottom:28px}
.chart-row{display:grid;grid-template-columns:120px 1fr 45px;gap:16px;align-items:center;margin-block:18px;font-size:13px}
.chart-track{height:20px;background:#edf0f4}.chart-bar{display:block;height:100%;width:var(--value);background:var(--blue)}
.chart-bar.secondary{background:#8b98a8}.chart-row strong{font-size:14px;font-weight:400}
.data-chart figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:25px}
.data-chart .chart-axis{font-size:11px;display:flex;justify-content:space-between;margin-left:136px;margin-right:61px;color:var(--muted)}
.research-limit{border-block:1px solid var(--line);padding:20px 0;margin-block:24px}
@media(max-width:1100px){.learning-page .desktop-nav,.detail-page .desktop-nav{gap:16px}.learning-page .site-header,.detail-page .site-header{gap:24px}.footer-inner{gap:35px}}
@media(max-width:760px){
 .learning-page h1,.detail-page h1,.learning-page .reader-header h1{font-size:36px}
 .learning-page h2,.detail-page h2,.detail-page .engagement-intro h2{font-size:30px}
 .learning-page .reader h2{font-size:25px}.learning-page h3,.detail-page h3{font-size:20px}
 .learning-page .site-header,.detail-page .site-header{height:76px;gap:20px}
 .learning-page .desktop-nav,.detail-page .desktop-nav{display:none}
 .learning-page .header-cta,.detail-page .header-cta{margin-left:auto;min-height:44px;padding:10px 15px;font-size:12px}
 .learning-page .header-cta svg,.detail-page .header-cta svg{display:none}
 .learning-page .menu-toggle,.detail-page .menu-toggle{color:white}
 .learning-page .learn-hero,.learning-page .academy-hero,.learning-page .insights-hero{padding-block:45px}
 .learning-page .worksheet-banner{padding:28px;margin-block:45px}
 .footer-inner{display:block}.site-footer{padding-top:40px}
 .site-footer .footer-directory{grid-template-columns:1fr 1fr;gap:25px;margin-top:32px}
 .site-footer .footer-directory nav:last-child{grid-column:1/-1}
 .site-footer .footer-bottom{margin-top:32px}
 .detail-page main>section{padding-block:45px}.detail-page .case-title h3{font-size:26px}
 .data-chart{padding:20px 16px}.chart-row{grid-template-columns:85px 1fr 40px;gap:9px;font-size:12px}
 .data-chart .chart-axis{margin-left:94px;margin-right:49px}.data-chart h3{font-size:18px}
}