/* A semantic palette: emerald for action, mint for orientation, gold for emphasis. */
:root{--ink:#193b35;--paper:#f7f7f0;--card:#fffefa;--muted:#61756d;--green:#dfedde;--deep:#174d42;--line:#dce5db;--accent:#d8bb77;--brand:#1d5b4d;--brand-hover:#123e35;--tint:#edf3e9;--gold:#e5ca89;--on-brand:#f7f9ee;--danger-bg:#f9e9e2;--danger-ink:#924c40;--shadow:0 12px 32px #183d2d08}
body{background:var(--paper);color:var(--ink);line-height:1.65}body.dark{--ink:#e5eee4;--paper:#10221e;--card:#18302a;--muted:#adbdaf;--green:#2c4e3d;--deep:#b9d7bd;--line:#355347;--brand:#aed6b1;--brand-hover:#c4e0bc;--tint:#1b382d;--gold:#e5ca89;--on-brand:#17372c;--danger-bg:#462d29;--danger-ink:#f2b4a3;--shadow:0 12px 32px #0002}
html{scroll-padding-top:120px}::selection{background:#d7e8c5;color:#123c32}a{transition:color .2s,background .2s}h1,h2,h3{letter-spacing:-.025em}button,a,summary,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent)!important}.wrap{max-width:1220px}.skip-link{position:fixed;left:20px;top:-70px;z-index:100;background:var(--brand);color:var(--on-brand);padding:12px 20px;border-radius:10px}.skip-link:focus{top:15px}
/* Quiet branding above a clearly separated, sticky learning menu. */
.topbar{background:var(--paper);color:var(--ink)}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:21px;padding-bottom:21px}.brand-link{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}.school-monogram{height:55px;width:55px;background:var(--brand);color:var(--on-brand);border:0;border-radius:17px;box-shadow:0 5px 12px #174d4215}.school-monogram span{font-size:25px;line-height:1}.school-monogram small{font-size:7px;margin-top:5px}.brand-copy{display:flex;flex-direction:column;line-height:1.4}.brand-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.brand-copy>strong{font:700 23px/1.3 'Fraunces',serif;letter-spacing:-.03em;margin:2px 0}.brand-dot{color:#be9d50}.brand-teacher{font-size:11px;color:var(--muted)}.brand-actions{display:flex;align-items:center;gap:20px}.chapter-chip{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.chapter-chip b{font-weight:600;font-size:13px;color:var(--ink);border-left:1px solid var(--line);padding-left:10px;letter-spacing:0}.theme-switch{display:flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:100px;padding:10px 15px;min-height:42px;color:var(--ink);font-size:11px;font-weight:600}.theme-switch:hover{background:var(--green)}.theme-icon{width:17px;height:17px}.nav-shell{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 5px 18px #183d2d04;position:sticky;top:0;z-index:40}.nav-inner{padding-top:10px;padding-bottom:13px}.nav-scroll{gap:6px;overflow:visible;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center}.nav-scroll a{display:flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:10px;padding:11px 7px;min-height:43px;font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;background:transparent}.nav-scroll a svg{height:17px;width:17px;flex-shrink:0}.nav-scroll a:hover{background:var(--tint);color:var(--ink)}.nav-scroll a.active{background:var(--brand);color:var(--on-brand);box-shadow:0 3px 9px #174d4212}.progress-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;margin-bottom:7px;font-size:10px;line-height:1.3;color:var(--muted)}.progress-caption{display:flex;gap:7px;align-items:center}.progress-caption i{height:5px;width:5px;border-radius:50%;background:#81a58b}.progress-row #progress-text{font-weight:700;color:var(--ink)}.progress-track{height:3px;border-radius:10px;overflow:hidden;background:var(--line)}.progress-fill{background:#b6a063;border-radius:10px}.mobile-nav-row{display:none}
/* One visual rhythm through every chapter. */
.section{padding:74px 0;scroll-margin-top:110px}.section:nth-of-type(even),body.dark .section:nth-of-type(even){background:var(--tint)}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(28px,3.4vw,41px)!important;color:var(--ink)!important;margin:10px 0 14px;line-height:1.17}.section-head p{font-size:15px!important;line-height:1.75;color:var(--muted)!important}.eyebrow,.lab-kicker{font-size:10px;color:var(--muted);letter-spacing:.15em}.eyebrow:before{content:'';display:inline-block;width:15px;height:2px;background:#b2a16c;vertical-align:middle;margin-right:9px}.hero{background:radial-gradient(ellipse at 90% 20%,#2b5b50 0,transparent 52%),linear-gradient(120deg,#113d34,#102f2d);border-radius:26px;padding:55px!important;gap:40px;color:#f5f7ec;box-shadow:0 20px 55px #173f2b12;border:1px solid #2d5d4e}.hero h1{font-size:clamp(42px,5vw,66px)!important;line-height:1.04!important;letter-spacing:-.04em;margin:22px 0 23px!important;color:#f7f7eb}.hero h1 .hero-dot{color:#d7bc78}.hero p[data-template-id=hero-tag]{font-size:10px!important;letter-spacing:.17em;color:#bdd1b7}.hero p[data-template-id=hero-subtitle]{font-size:19px!important;line-height:1.4;color:#e0e9ce;font-weight:500!important;margin-bottom:17px}.hero p[data-template-id=hero-topic]{font-size:13px!important;line-height:1.8;color:#bccfc1;opacity:1;max-width:440px;margin-bottom:26px}.hero .hero-img{height:355px;width:100%;object-fit:cover;border-radius:19px;border:1px solid #eff7de16;box-shadow:0 20px 35px #001b1933}.hero .action{background:var(--gold);color:#173d31;box-shadow:0 5px 12px #0002;padding:13px 21px;font-size:13px;display:inline-flex;align-items:center;gap:26px;border-radius:9px}.hero .action:hover{background:#edd79f}.hero .action span{font-size:19px;line-height:1}.hero-meta{display:flex;align-items:center;gap:10px;color:#a4bfab;font-size:10px;margin-top:19px}.hero-meta i{width:3px;height:3px;background:#bda974;border-radius:50%}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.soft,.status{background:var(--green);color:var(--ink)}.muted{color:var(--muted)}.action{background:var(--brand);color:var(--on-brand);border:1px solid transparent;border-radius:9px;font-size:13px;min-height:44px;padding:11px 17px;box-shadow:0 3px 8px #123e350b;font-weight:700}.action:hover{background:var(--brand-hover);transform:translateY(-1px)}.secondary{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:13px;min-height:44px}.secondary:hover{border-color:#91b39b;background:var(--tint)}button:disabled{opacity:.43}.pill{background:var(--green);color:var(--ink);font-size:12px}.choice{background:var(--card);border-color:var(--line);color:var(--ink);font-size:14px}.choice:hover,.choice.selected{background:var(--green);border-color:#90ae8d;color:var(--ink)}.choice.correct{background:var(--green);color:var(--ink);border-color:#8cab85}.choice.wrong{background:var(--danger-bg);color:var(--danger-ink);border-color:#dbad9c}.input{background:var(--card);color:var(--ink);border-color:var(--line)}.qcard{background:var(--card);border-color:var(--line)}.qcard input{accent-color:var(--brand)}
.learning-map-grid{gap:20px}.learning-map-card{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);background:var(--card)}.map-visual{height:190px!important}.map-number{font:500 10px/1 'DM Sans',sans-serif!important;letter-spacing:.08em;color:#eff4e9!important;background:#123e35b8;border:1px solid #dbe8cc44;backdrop-filter:blur(8px);border-radius:7px;padding:7px 9px;top:13px!important;right:13px!important}.map-copy{padding:22px!important}.map-copy h3{color:var(--ink)!important;font-size:17px!important;line-height:1.4;font-weight:700!important;margin-right:0!important}.map-copy p{color:var(--muted)!important;font-size:13px!important;line-height:1.75;min-height:70px}.roadmap-panel{background:var(--card)}.roadmap-stage,.stage-learn,.stage-practice,.stage-evaluate{background:var(--tint);border-color:var(--line)}.roadmap-stage h3{color:var(--ink)}.road-icon{background:var(--green);color:var(--deep);font-size:17px}.road-tag{background:#f0e4c4;color:#68512b}.roadmap-stage li:not(:last-child):after{color:#8aa58a}
/* Chapters remain distinguishable through spacing and state, rather than a separate colour each. */
details[data-topic]{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:13px 0;box-shadow:0 3px 8px #173f2b03;transition:border-color .2s}details[data-topic]:hover{border-color:#a3bba4}details[data-topic]>summary{font-family:'DM Sans',sans-serif;font-weight:700;font-size:15px;padding:22px 24px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink)}details[data-topic]>summary::-webkit-details-marker{display:none}details[data-topic]>summary:after{content:'+';font-size:22px;font-weight:400;color:#7d9a84;line-height:1;flex-shrink:0}details[data-topic][open]{border-color:#93b29b;box-shadow:0 7px 18px #173f2b06}details[data-topic][open]>summary{color:var(--deep)}details[data-topic][open]>summary:after{content:'−'}details[data-topic]>.inside{padding:6px 24px 26px}.classification-card,.form-card,.flag-card,.oxygen-card,.food-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.classification-card:hover{border-color:#81a68f;background:var(--tint)}.classification-icon{width:44px;height:44px;border-radius:12px;background:var(--green);display:grid;place-items:center;font-size:25px}.classification-card strong{color:var(--ink);font-size:16px}.classification-subcard.active{border-color:#7d9f86;box-shadow:0 0 0 2px var(--green)}.classification-subcard.active .classification-illustration{transform:scale(1.025)}.classification-detail .pill{background:var(--green);color:var(--ink)}.trait-card{border-color:var(--line);background:var(--tint)}.trait-card.selected{background:var(--green);border-color:#88aa8c;color:var(--ink)}.role-hero{background:var(--card)}.role-card{border-color:var(--line);background:var(--card)}.role-detail{background:var(--green);border-color:#81a68f;color:var(--ink)}.role-bad{border-color:#dabeb2}.role-bad.selected{border-color:#c99080}.structure-parts .structure-option{border-radius:7px}.structure-parts .structure-option.active{background:var(--tint)}.gram-explanation{background:var(--green);color:var(--ink);border-color:#93ad85}.gram-reagents .gram-stage{background:var(--card);border-color:var(--line)}.gram-stage.active{border-color:#78977d;box-shadow:0 0 0 1px #78977d}.gram-stage span{color:var(--deep)}.quiz-progress-fill{background:#81a68f}.quiz-evaluation,.game-earned{background:var(--green);color:var(--ink)}.quiz-score-main{background:var(--card);border-color:var(--line)}.quiz-results .quiz-circle:before{background:var(--card)}.quiz-good,.quiz-review-card.is-correct,.answer-correct{background:var(--green);color:var(--ink);border-color:#9ab393}.quiz-bad,.quiz-review-card.is-wrong,.answer-wrong{background:var(--danger-bg);color:var(--danger-ink);border-color:#d5aa98}.quiz-explanation,.game-explanation{background:var(--card);border-color:#9ab393}.game-results-dashboard{background:var(--card);border-color:var(--line)}.game-win-head h3,.quiz-score-main h3{color:var(--ink)}.game-self-message{color:var(--muted)}.role-hero h3,.role-heading h3{color:var(--ink)}
footer.topbar{background:#113b31;color:#edf1df;border-top:1px solid #284e3e}footer .canva-text{color:#d0dec8}footer [data-template-id=footer-title]{color:#f5f5e9;font:700 23px/1.4 'Fraunces',serif!important;margin-bottom:12px}footer [data-template-id=footer-quote]{color:#cfbf8d;font-size:19px!important;line-height:1.7;font-family:'Fraunces',serif;max-width:410px}footer .media-credit{color:#9fb5a1;opacity:1;padding-top:18px;font-size:9px}footer .media-credit:first-of-type{border-top:1px solid #315343;margin-top:28px}footer .media-credit+.media-credit{padding-top:0}.dark .hero{border-color:#3a5f4d}.dark .theme-switch{background:var(--tint)}.dark .classification-copy strong,.dark .classification-copy p{color:var(--ink)}.dark .gram-explanation{background:var(--green);color:var(--ink)}.dark .map-copy h3,.dark .map-copy p{color:var(--ink)!important}.dark .quiz-circle strong,.dark .quiz-circle span{color:var(--ink)}.dark .quiz-correct-answer{color:#e7b98d}.dark .game-answer-card p{color:var(--muted)}
@media(max-width:1050px){.nav-scroll a{font-size:11px;gap:6px;padding-left:5px;padding-right:5px}.nav-scroll a svg{width:15px;height:15px}.hero{padding:38px!important;gap:25px}.hero .hero-img{height:315px}.chapter-chip{display:none}.brand-row{padding-top:17px;padding-bottom:17px}.section{padding:56px 0}}
@media(max-width:900px){html{scroll-padding-top:110px}.mobile-nav-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:1px 0}.mobile-nav-row>span{display:flex;align-items:center;gap:8px}.mobile-nav-kicker{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--muted)}#mobile-current{font-size:12px;font-weight:700}.mobile-nav-row button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;font-size:11px;font-weight:700;background:var(--tint);color:var(--ink)}.mobile-nav-row button svg{width:17px;height:17px}.mobile-nav-row button[aria-expanded=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.nav-inner{padding-top:9px;padding-bottom:11px}.nav-scroll{display:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 0 5px;gap:7px}.menu-open .nav-scroll{display:grid}.nav-scroll a{justify-content:flex-start;font-size:12px;min-height:45px;padding:11px 13px;background:var(--tint)}.nav-scroll a svg{width:17px;height:17px}.progress-row{margin-top:8px;font-size:9px}.brand-copy>strong{font-size:21px}.brand-teacher{font-size:10px}.theme-switch{padding:10px 11px}.hero{grid-template-columns:1.15fr 1fr}.hero h1{font-size:49px!important}.hero p[data-template-id=hero-topic]{font-size:12px!important}.hero .hero-img{height:300px}.section-head h2{font-size:32px!important}}
@media(max-width:650px){.brand-row{gap:10px}.brand-link{gap:10px}.school-monogram{width:43px;height:43px;border-radius:13px}.school-monogram span{font-size:21px}.school-monogram small{font-size:6px;margin-top:4px}.brand-copy>strong{font-size:19px}.brand-kicker{font-size:7px;letter-spacing:.07em}.brand-teacher{font-size:9px}.brand-actions{gap:0}.theme-switch{padding:10px;min-height:38px}.theme-switch span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-icon{width:16px;height:16px}.hero{grid-template-columns:1fr;padding:29px!important;gap:28px;border-radius:21px}.hero h1{font-size:48px!important;margin-top:18px!important}.hero .hero-img{height:245px}.hero p[data-template-id=hero-subtitle]{font-size:18px!important}.hero p[data-template-id=hero-topic]{font-size:13px!important;line-height:1.8}.hero-meta{font-size:9px}.section{padding:43px 0}.section-head h2{font-size:30px!important}.section-head p{font-size:13px!important}.learning-map-grid{gap:15px}.learning-map-card{border-radius:17px}.map-visual{height:205px!important}.map-copy h3{font-size:18px!important}.map-copy p{min-height:0}.roadmap-panel{padding:22px!important}.roadmap-stage{border-radius:14px}details[data-topic]>summary{font-size:13px;padding:20px 17px}details[data-topic]>.inside{padding:5px 16px 20px!important}.gram-stage strong{font-size:12px}.gram-controls .action,.gram-controls .secondary{font-size:11px}footer.topbar{padding-top:37px;padding-bottom:27px}footer [data-template-id=footer-quote]{font-size:17px!important;margin-top:22px}.role-card strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nav-scroll a,.theme-switch,.action{transition:none}}
/* Four bespoke editorial illustrations form a single learning-map composition. */
.outcomes-section{margin-top:64px;margin-bottom:44px}.outcomes-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:26px}.outcomes-heading h2{font-size:clamp(30px,3.6vw,44px);line-height:1.12;margin-top:10px;color:var(--ink);letter-spacing:-.035em}.outcomes-heading h2>span{color:#aa914f}.outcomes-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:2px;max-width:230px}.outcomes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.outcome-card{position:relative;min-width:0;border:1px solid #e2ddcd;border-radius:23px;overflow:hidden;background:#f4f0e4;box-shadow:0 7px 25px #21412b05;transition:transform .35s,border-color .35s,box-shadow .35s}.outcome-card:hover,.outcome-card:focus-within{transform:translateY(-4px);border-color:#a3b598;box-shadow:0 18px 35px #20432e13}.outcome-link{position:relative;min-height:340px;display:flex;align-items:center;text-decoration:none;color:#173f33;isolation:isolate}.outcome-link:focus-visible{outline-offset:-5px!important;border-radius:23px}.outcome-art{position:absolute;inset:0 0 0 34%;z-index:-1;display:flex;align-items:center;justify-content:center;overflow:hidden}.outcome-art img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s ease;mask-image:linear-gradient(to right,transparent 0,#000 17%,#000 94%,transparent 100%)}.outcome-art:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#f4f0e4 0,#f4f0e4d9 4%,#f4f0e454 22%,transparent 42%);pointer-events:none}.outcome-card:hover .outcome-art img{transform:scale(1.035)}.outcome-content{padding:28px 0 27px 28px;width:49%;min-width:0}.outcome-kicker{display:flex;align-items:center;gap:9px;font:800 8px/1.5 'DM Sans',sans-serif;letter-spacing:.14em;color:#68816c}.outcome-kicker b{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border:1px solid #cbd7c4;border-radius:50%;font-weight:600;letter-spacing:0;color:#466c55;background:#e7edde85}.outcome-content h3{font:600 clamp(23px,2.4vw,32px)/1.06 'Fraunces',serif;letter-spacing:-.035em;margin:16px 0 13px;color:#183f32}.outcome-content>p{font-size:11px;line-height:1.8;color:#617361;margin-bottom:15px;max-width:230px}.outcome-tag{display:inline-block;font-size:8px;line-height:1.5;color:#7c866b;font-weight:500;letter-spacing:.015em;margin-bottom:17px}.outcome-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;font-weight:700;color:#244f3c;width:max-content;min-width:155px;max-width:100%;padding:11px 13px;border-radius:8px;background:#fafff38c;border:1px solid #d4dfca;transition:background .2s,border-color .2s}.outcome-cta>span{font-size:16px;font-weight:400;line-height:1}.outcome-card:hover .outcome-cta{background:#1d5b4d;border-color:#1d5b4d;color:#f8f8e9}.outcomes-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 2px 0;color:var(--muted);font-size:9px}.outcomes-route{display:flex;align-items:center;gap:7px}.outcomes-route i{height:4px;width:4px;border-radius:50%;background:#bda76d}.dark .outcome-card{border-color:#44634f;background:#eae7d9}.dark .outcome-art:after{background:linear-gradient(90deg,#eae7d9 0,#eae7d9d9 4%,#eae7d954 22%,transparent 42%)}.dark .outcome-content h3{color:#173f32}.dark .outcome-content p{color:#50654f}.dark .outcome-tag{color:#65745c}details[data-topic][id]{scroll-margin-top:120px}
@media(min-width:1250px){.outcome-link{min-height:365px}.outcome-content{padding-left:32px;width:47%}.outcome-content h3{font-size:33px}.outcome-content>p{font-size:12px}.outcome-cta{font-size:11px}.outcome-kicker{font-size:9px}.outcome-tag{font-size:9px}}
@media(max-width:1000px){.outcome-content{width:52%;padding-left:22px}.outcome-content h3{font-size:27px}.outcome-content>p{font-size:11px}.outcome-art{left:33%}.outcome-link{min-height:330px}.outcome-cta{min-width:135px;padding:10px;font-size:9px}}
@media(max-width:760px){.outcomes-grid{grid-template-columns:1fr;gap:16px}.outcomes-heading{align-items:flex-start;flex-direction:column;gap:13px}.outcomes-heading>p{font-size:12px;max-width:none}.outcomes-heading>p br{display:none}.outcomes-section{margin-top:46px}.outcome-link{min-height:330px}.outcome-content{width:47%;padding:25px 0 25px 25px}.outcome-content h3{font-size:31px}.outcome-content>p{font-size:12px}.outcome-art{left:35%}.outcome-cta{min-width:150px;font-size:10px}.outcomes-footer{font-size:8px;gap:10px;align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.outcome-link{min-height:330px}.outcome-content{width:53%;padding:23px 0 23px 20px}.outcome-content h3{font-size:28px}.outcome-content>p{font-size:10px;line-height:1.8}.outcome-art{left:33%;right:-10px}.outcome-art img{object-fit:contain}.outcome-cta{font-size:9px;min-width:137px}.outcome-kicker{font-size:7px;gap:7px}.outcome-tag{font-size:7px}.outcomes-heading h2{font-size:32px}.outcomes-grid{gap:13px}}
@media(prefers-reduced-motion:reduce){.outcome-card,.outcome-art img{transition:none!important}}
.outcome-link{height:100%}
@media(min-width:1250px){.outcome-link{min-height:330px}.outcome-content{padding-top:24px;padding-bottom:24px}.outcome-content h3{font-size:31px}}
@media(max-width:520px){.outcome-link{display:flex;flex-direction:column;align-items:stretch;min-height:0}.outcome-art{position:relative;inset:auto;width:100%;height:220px;flex:0 0 220px;margin-bottom:-12px}.outcome-art img{width:100%;height:100%;mask-image:linear-gradient(to bottom,#000 0,#000 80%,transparent 100%)}.outcome-art:after{background:linear-gradient(0deg,#f4f0e4 0,transparent 18%)}.dark .outcome-art:after{background:linear-gradient(0deg,#eae7d9 0,transparent 18%)}.outcome-content{width:100%;padding:13px 23px 24px}.outcome-content h3{font-size:31px;margin-top:12px;margin-bottom:12px;line-height:1.08}.outcome-content h3 br{display:none}.outcome-content>p{font-size:13px;line-height:1.75;max-width:none;margin-bottom:10px}.outcome-tag{font-size:10px;line-height:1.6;margin-bottom:17px}.outcome-cta{font-size:11px;width:100%;min-width:0;padding:12px 14px}.outcome-kicker{font-size:9px}.outcome-kicker b{width:26px;height:26px}.outcomes-heading h2{font-size:32px}}
/* Bespoke homepage artwork; text and controls remain native, responsive HTML. */
.hero.hero-microworld{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:590px;padding:56px!important;border-radius:28px;background:#023a30;border:1px solid #285b4b;box-shadow:0 20px 50px #173f2b12;color:#f8f6e9}
.hero-microworld .hero-scene{position:absolute;inset:0;margin:0;z-index:-2}
.hero-microworld .hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-microworld:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#022e29d9 0%,#022e2999 35%,#022e2926 55%,transparent 75%);pointer-events:none}
.hero-microworld .hero-copy{width:46%;max-width:510px;position:relative}
.hero-microworld p[data-template-id=hero-tag]{display:flex;align-items:center;gap:10px;color:#d9d7ad;font-size:10px!important;letter-spacing:.17em;line-height:1.5;font-weight:700;margin:0 0 27px}
.hero-kicker>span{width:6px;height:6px;flex-shrink:0;background:#e5ca89;border-radius:50%;box-shadow:0 0 0 5px #e5ca8914}
.hero.hero-microworld h1{font-size:clamp(42px,4.65vw,64px)!important;line-height:1.07!important;letter-spacing:-.045em;margin:0 0 23px!important;color:#f8f6e9}
.hero-microworld p[data-template-id=hero-subtitle]{font-size:18px!important;line-height:1.55;font-weight:500!important;color:#e4e6cf;margin:0 0 16px}
.hero-microworld p[data-template-id=hero-topic]{max-width:350px;font-size:13px!important;line-height:1.85;color:#c4d6cb;margin:0 0 27px;opacity:1}
.hero-microworld .hero-start{min-height:50px;padding:13px 22px;border-radius:10px;gap:30px;background:#e5ca89;color:#133f33;font-size:13px;font-weight:700;display:inline-flex;align-items:center}
.hero-start svg{width:21px;height:21px;transition:transform .2s}.hero-start:hover svg{transform:translateX(3px)}
.hero-microworld .hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:28px;font-size:9px;color:#b7cfc1;line-height:1.5}
.hero-microworld .hero-meta>span{display:flex;align-items:center;gap:6px}
.hero-microworld .hero-meta>span+span{border-left:1px solid #a2bfad40;padding-left:15px}
.hero-microworld .hero-meta b{font-size:12px;font-weight:600;color:#eee5bd;letter-spacing:.03em}
.hero-meta svg{width:17px;height:17px;color:#eee5bd}
.hero-scene figcaption{position:absolute;right:27px;bottom:23px;font-size:7px;font-weight:500;letter-spacing:.17em;color:#cee0cb;opacity:.8}
@media(max-width:1050px){.hero.hero-microworld{padding:43px!important;min-height:560px}.hero-microworld .hero-copy{width:49%}.hero-microworld .hero-scene img{object-position:58% center}.hero-microworld .hero-meta{gap:11px}.hero-microworld .hero-meta>span+span{padding-left:11px}}
@media(max-width:760px){.hero.hero-microworld{padding:36px!important;min-height:550px}.hero-microworld .hero-copy{width:57%}.hero.hero-microworld h1{font-size:45px!important}.hero-microworld .hero-scene img{object-position:53% center}.hero-microworld:before{background:linear-gradient(90deg,#022e29ed,#022e29b3 38%,#022e294d 70%,#022e291a)}.hero-microworld .hero-meta{max-width:260px;row-gap:10px}.hero-microworld .hero-meta>span:last-child{border:0;padding-left:0}}
@media(max-width:600px){.hero.hero-microworld{display:flex;flex-direction:column;padding:0!important;min-height:0;border-radius:22px;background:#02382f}.hero-microworld .hero-copy{order:0;width:100%;max-width:none;padding:29px 26px 12px}.hero-microworld:before{display:none}.hero-microworld p[data-template-id=hero-tag]{font-size:8px!important;letter-spacing:.14em;margin-bottom:22px}.hero.hero-microworld h1{font-size:43px!important;line-height:1.06!important;margin-bottom:20px!important}.hero-microworld p[data-template-id=hero-subtitle]{font-size:16px!important;margin-bottom:14px}.hero-microworld p[data-template-id=hero-topic]{font-size:12px!important;line-height:1.8;max-width:350px;margin-bottom:23px}.hero-microworld .hero-start{font-size:12px;min-height:48px;padding:12px 19px;gap:26px}.hero-microworld .hero-meta{max-width:none;margin-top:24px;gap:11px;font-size:8px}.hero-microworld .hero-meta b{font-size:11px}.hero-microworld .hero-meta>span+span{padding-left:11px;border-left:1px solid #a2bfad40}.hero-microworld .hero-scene{position:relative;order:1;inset:auto;z-index:0;height:270px;width:100%;margin-top:0}.hero-microworld .hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(#02382f,transparent 26%,transparent 85%,#02382f55)}.hero-microworld .hero-scene img{object-position:right center;object-fit:cover}.hero-scene figcaption{right:17px;bottom:15px;font-size:6px;z-index:1;letter-spacing:.13em}}
@media(max-width:370px){.hero-microworld .hero-copy{padding:27px 22px 10px}.hero.hero-microworld h1{font-size:38px!important}.hero-microworld .hero-meta{gap:9px}.hero-microworld .hero-meta>span+span{padding-left:9px}.hero-microworld .hero-scene{height:240px}}
/* Seven-step learning journey, drawn in HTML and CSS rather than pasted imagery. */
.learning-guide{margin-top:64px;margin-bottom:12px;scroll-margin-top:18px;padding:34px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 3px 30px}.guide-heading h2{font:600 clamp(30px,3vw,42px)/1.12 'Fraunces',serif;letter-spacing:-.035em;color:var(--ink);margin:13px 0 16px}.guide-heading h2 em{font-style:italic;color:#8b7238}.guide-heading p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.guide-route{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:20px 23px}.guide-route-count{font:500 52px/1 'Fraunces',serif;letter-spacing:-.05em;color:var(--deep);padding-right:20px;border-right:1px solid var(--line)}.guide-route-count>span{display:block;font:700 7px/1.5 'DM Sans',sans-serif;letter-spacing:.18em;margin-top:8px;text-align:center}.guide-route-label{display:block;font-size:8px;font-weight:700;color:var(--muted);letter-spacing:.13em;margin-bottom:10px}.guide-route-stages{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:var(--ink);white-space:nowrap}.guide-route-stages i{font-size:14px;font-style:normal;color:#9baa8f}
.guide-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-stage{--guide-card:#eef3e9;--guide-ink:#193e34;--guide-muted:#53695b;--guide-border:#ccd9c8;--guide-num:#e0e9d6;--guide-numink:#355d44;display:flex;flex-direction:column;position:relative;min-width:0;padding:25px 25px 19px;border:1px solid var(--guide-border);border-radius:18px;background:var(--guide-card);color:var(--guide-ink);overflow:hidden}.guide-learn{--guide-card:#174b3e;--guide-ink:#f6f4e5;--guide-muted:#c6d5c8;--guide-border:#285d4e;--guide-num:#315f4f;--guide-numink:#f0d497;background:radial-gradient(ellipse at 100% 0,#366b514d,transparent 70%),#174b3e}.guide-reflect{--guide-card:#f5efdf;--guide-ink:#493f29;--guide-muted:#72664d;--guide-border:#e5dbc4;--guide-num:#e9dfc5;--guide-numink:#67532c}.guide-stage-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.guide-phase{font-size:8px;font-weight:700;letter-spacing:.14em;color:var(--guide-muted)}.guide-phase-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--guide-border);background:var(--guide-num);border-radius:12px;color:var(--guide-numink)}.guide-phase-icon svg{height:22px;width:22px}.guide-stage h3{font:600 27px/1.2 'Fraunces',serif;color:var(--guide-ink);letter-spacing:-.03em;margin:0 0 7px}.guide-stage-subtitle{font-size:10px;line-height:1.6;margin:0 0 25px;color:var(--guide-muted);min-height:16px}.guide-stage ol{padding:0;margin:0 0 22px;list-style:none;display:grid;gap:21px}.guide-stage li{position:relative;display:grid;grid-template-columns:29px 1fr;gap:12px;min-width:0}.guide-stage li:not(:last-child):before{content:'';position:absolute;left:14px;top:35px;height:calc(100% - 19px);border-left:1px dashed var(--guide-border)}.guide-step-number{display:grid;place-items:center;align-self:start;width:29px;height:29px;background:var(--guide-num);border:1px solid var(--guide-border);border-radius:50%;font-size:9px;font-weight:700;color:var(--guide-numink);font-variant-numeric:tabular-nums}.guide-stage h4{font-size:12px;font-weight:700;line-height:1.5;margin:4px 0 4px;color:var(--guide-ink)}.guide-stage li p{font-size:11px;line-height:1.7;margin:0;color:var(--guide-muted);max-width:245px}.guide-order{display:inline-block;font-size:7px;font-weight:700;letter-spacing:.025em;line-height:1.6;background:#ead49c;color:#493c20;padding:3px 7px;border-radius:5px;margin:0 0 7px}.guide-stage-note{margin-top:auto;padding-top:15px;border-top:1px solid var(--guide-border);font-size:9px;color:var(--guide-muted);display:flex;align-items:center;gap:7px}.guide-stage-note>span{color:var(--guide-numink);font-size:14px;line-height:1}
.guide-launch{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 3px 0}.guide-launch>div{display:flex;align-items:center;gap:13px}.guide-launch-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--green);margin:0 5px}.guide-launch strong{display:block;font-size:12px;font-weight:700;color:var(--ink)}.guide-launch p{font-size:10px;color:var(--muted);margin:4px 0 0}.guide-start{display:inline-flex;align-items:center;justify-content:center;gap:27px;font-size:12px;min-height:47px;padding:12px 20px;flex-shrink:0}.guide-start svg{width:19px;height:19px;transition:transform .2s}.guide-start:hover svg{transform:translateX(3px)}
.dark .guide-heading h2 em{color:#d8bf81}.dark .guide-stage:not(.guide-learn){--guide-card:#223c31;--guide-ink:#e5ebdc;--guide-muted:#b8c9b8;--guide-border:#3b5544;--guide-num:#344f3d;--guide-numink:#d6dfb9}.dark .guide-reflect{--guide-card:#39392a!important;--guide-ink:#eee7d4!important;--guide-muted:#c9c2ab!important;--guide-border:#55543e!important;--guide-num:#4b4934!important;--guide-numink:#e6d6a1!important}
@media(max-width:1000px){.learning-guide{padding:27px}.guide-stage{padding:20px 19px 17px}.guide-route{padding:18px;gap:15px}.guide-route-count{padding-right:15px}.guide-route-stages{gap:7px;font-size:10px}.guide-stages{gap:12px}.guide-stage-subtitle{min-height:32px}.guide-stage h3{font-size:25px}.guide-stage li{gap:10px}}
@media(max-width:760px){.learning-guide{padding:25px}.guide-heading{align-items:flex-start}.guide-route{padding:13px 15px}.guide-route-count{font-size:37px;padding-right:0;border:0}.guide-route>div{display:none}.guide-stage{padding:18px 14px 16px}.guide-stage li{gap:8px;grid-template-columns:25px 1fr}.guide-step-number{width:25px;height:25px;font-size:8px}.guide-stage li:not(:last-child):before{left:12px;top:31px;height:calc(100% - 15px)}.guide-stage h4{font-size:11px;margin-top:2px}.guide-stage li p{font-size:10px}.guide-phase-icon{width:33px;height:33px;border-radius:10px}.guide-phase-icon svg{width:19px;height:19px}.guide-stage-note{font-size:8px}}
@media(max-width:600px){.learning-guide{margin-top:40px;padding:24px 19px 19px;border-radius:21px;scroll-margin-top:0}.guide-heading{padding:0 2px 24px;gap:12px}.guide-heading h2{font-size:31px;margin-top:12px}.guide-heading p{font-size:11px}.guide-route{padding:11px 10px;border-radius:13px;margin-top:27px;align-self:flex-start}.guide-route-count{font-size:32px}.guide-route-count>span{font-size:6px}.guide-stages{grid-template-columns:1fr;gap:14px}.guide-stage{padding:23px 22px 19px;border-radius:16px}.guide-stage-heading{margin-bottom:6px}.guide-phase{font-size:8px}.guide-phase-icon{width:37px;height:37px}.guide-stage h3{font-size:27px}.guide-stage-subtitle{min-height:0;font-size:11px;margin-bottom:23px}.guide-stage ol{gap:21px;margin-bottom:23px}.guide-stage li{grid-template-columns:29px 1fr;gap:13px}.guide-step-number{width:29px;height:29px;font-size:9px}.guide-stage li:not(:last-child):before{left:14px;top:35px;height:calc(100% - 19px)}.guide-stage h4{font-size:12px;margin-top:3px}.guide-stage li p{font-size:11px;max-width:none}.guide-stage-note{font-size:9px}.guide-order{font-size:7px}.guide-launch{flex-direction:column;align-items:stretch;padding:23px 2px 0;gap:20px}.guide-launch strong{font-size:12px}.guide-launch p{font-size:10px;line-height:1.7}.guide-launch>div{gap:11px}.guide-start{width:100%;gap:20px}.guide-heading .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.guide-start svg{transition:none}}