/* Shared project shell: warm daylight, common navigation, distinct drawn marks. */
.project-page{--bg:#fbf9f5;--panel:#f3efe8;--ink:#1c1a18;--paper:#fbf9f5;--night:#fbf9f5;--night2:#f3efe8;--dark:#f3efe8;--soft:#6b645c;--muted:#6b645c;--line:#ddd5c9;--rust:#a8431a;--sodium:#d55a17;--slate:#657b84;--accent:#f36f21;background:#fbf9f5;color:#1c1a18}
html:has(.project-page){background:#fbf9f5;color:#1c1a18}
.project-nav{position:sticky!important;top:0;z-index:1001;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;height:auto;min-height:76px;margin:0;padding:16px clamp(20px,4vw,64px);background:#fbf9f5f5;border-bottom:1px solid #ddd5c9;color:#1c1a18;backdrop-filter:blur(16px);font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;mix-blend-mode:normal;pointer-events:auto}
.project-nav a{color:inherit;text-decoration:none}.project-nav .project-home{font:24px Georgia,serif;white-space:nowrap;letter-spacing:-.04em}.project-nav nav{display:flex;align-items:center;gap:24px;position:static;height:auto;padding:0;font:inherit;letter-spacing:0;text-transform:none}.project-nav nav a{display:flex;align-items:center;gap:8px;padding:8px 0;white-space:nowrap;border-bottom:2px solid transparent}.project-nav nav a[aria-current=page]{border-color:#f36f21}.project-nav nav a:hover{color:#a8431a}.project-nav .nav-workspace{font-size:12px;color:#6b645c}.project-mark{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}.project-stamp{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.02em;margin-bottom:28px;color:#a8431a}.project-stamp .project-mark{width:30px;height:30px}
.project-page .hero{min-height:640px;background:#f3efe8;color:#1c1a18}.project-page .hero .wrap{padding-block:80px 64px}.project-page .hero .caps,.project-page h1 em,.project-page .hero-bottom a,.project-page .pick>.caps,.project-page .analysis-top strong,.project-page .district b{color:#a8431a}.project-page .hero-bottom small,.project-page .hero-bottom p{color:#4a4540}.project-page .hero-bottom a:not(.cta){background:#f36f21;color:#1c1a18;padding:16px 22px}.project-page .hero:after{background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#1c1a180a calc(20% - 1px) 20%)}
.benchmark .hero:before{background:linear-gradient(90deg,#f3efe8 5%,#f3efe8e8 35%,#f3efe84d 100%),url('/assets/hcmc-dusk-nam-ng.jpg') center/cover;opacity:.75;filter:saturate(.6)}.benchmark .pick select{background:#fbf9f5;border-color:#a79b8b}.benchmark .scale{background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#1c1a1812 calc(10% - 1px) 10%)}.benchmark .scale:after{background:#c8bba7}.benchmark .range{box-shadow:none}.benchmark .district{background:#fbf9f5}.benchmark .district:hover{background:#fff0e2}.benchmark .district .track{background:#e4dcd0}.benchmark .request{background:#ffe0c7;color:#1c1a18}.benchmark .request input,.benchmark .request textarea{color:#1c1a18}.benchmark .request button{background:#f36f21;color:#1c1a18}.benchmark .request button:hover{background:#ffad6c}.benchmark .request .hint{color:#5b4b3e}
.ledger .why,.ledger .lede,.ledger .find p,.ledger ol.lim{color:#4a4540}.ledger .why strong,.ledger .find .you,.ledger footer strong{color:#1c1a18}.ledger .btn{color:#1c1a18}.ledger .tip{background:#1c1a18;color:#fbf9f5}.ledger .kicker{margin-top:52px}.ledger .project-stamp{margin-top:48px;margin-bottom:-24px}
.learning .hero:before{background:radial-gradient(circle at 47% 48%,#f36f21 0 1%,transparent 1.2% 9%,#f36f21aa 9.2% 9.4%,transparent 9.6% 19%,#f36f2180 19.2% 19.4%,transparent 19.6% 30%,#f36f2155 30.2% 30.4%,transparent 30.6% 43%,#f36f2133 43.2% 43.4%,transparent 43.6%);opacity:.6}.learning .hero:after{background:linear-gradient(90deg,#f3efe8f2,#f3efe860 60%,transparent)}.learning .hero h1{font-size:clamp(74px,12vw,180px)}.learning .hero-bottom a:hover,.learning .cta:hover{background:#ffac6b}.learning .stage:hover{background:#ffe6d2;color:#1c1a18}.learning .stage:hover p{color:#4a4540}.learning .stage:hover .no{color:#a8431a}.learning .showcase{background:#f3efe8;color:#1c1a18}.learning .showcase p,.learning .qr span{color:#6b645c}.learning .showcase .caps,.learning .screen-top,.learning .screen-line b{color:#a8431a}.learning .screen{background:#fbf9f5;border-color:#ddd5c9;box-shadow:20px 20px 0 #f5d9c5}.learning .screen-top,.learning .screen-line{border-color:#ddd5c9}.learning .screen-foot{color:#6b645c}
.course-page{--bg:#f3efe8;--sf:#fbf9f5;--line:#ddd5c9;--terra:#a8431a;--amber:#a8431a}.course-page .project-nav{font-size:13px}.course-page .side{top:77px;height:calc(100dvh - 77px)}.course-page .project-nav~.focusbtn{top:90px}.course-page:has(.pres.active) .project-nav{display:none}
@media(max-width:1000px){.project-nav{flex-wrap:wrap;gap:10px}.project-nav nav{order:3;width:100%;gap:22px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.project-nav .nav-workspace{margin-left:auto}.project-nav nav a{font-size:12px}.course-page .side{top:128px;height:calc(100dvh - 128px)}}
@media(max-width:650px){.project-nav{padding:12px 18px}.project-nav nav{gap:18px}.project-nav nav a{font-size:11px}.project-nav .project-mark{width:18px;height:18px}.project-page .hero{min-height:640px}.project-page .hero .wrap{padding-block:50px}.learning .hero h1{font-size:68px}.project-page .hero-bottom{margin-top:35px}.project-nav .project-home{font-size:22px}}
.course-page .side{background:#eee9e0;color:#1c1a18;border-right:1px solid #ddd5c9}.course-page .side .brand{border-color:#ddd5c9}.course-page .side .brand .s,.course-page .ring .lbl,.course-page .langsw button,.course-page a.nav{color:#6b645c}.course-page .langsw{border-color:#c5b9aa}.course-page .langsw button.on{background:#f36f21;color:#1c1a18}.course-page a.nav.on,.course-page a.nav:hover{background:#ffe0c7;color:#1c1a18}.course-page .rn{fill:#1c1a18}.course-page .rt{stroke:#ddd5c9}.course-page .hero{background:#ffe0c7;color:#1c1a18}.course-page .hero h1,.course-page .hero .ld{color:#1c1a18}.course-page .hero .btn,.course-page .ml-next .btn{background:#f36f21;color:#1c1a18;border-color:#f36f21}.course-page .hero .btn.w{background:#fbf9f5!important;color:#1c1a18!important;box-shadow:none!important}.course-page .ml-next{background:#ffe0c7;color:#1c1a18}.course-page .ml-next p{color:#4a4540}.course-page .side .edbtn{color:#6b645c;border-color:#c5b9aa}.course-page.inpres .project-nav{position:relative!important}.course-page.inpres .tabbar{background:#fbf9f5;border-color:#ddd5c9}
@media(max-width:650px){.project-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;overflow:visible}.project-nav nav a{white-space:normal;font-size:11px;min-height:32px;padding:4px 0}.project-nav nav a[aria-current=page]{border-bottom-color:#f36f21}.course-page .side{top:151px;height:calc(100dvh - 151px)}html:has(.project-page),html:has(.life-page){scroll-padding-top:168px}.life-page article section{scroll-margin-top:170px}}