@import url("base.css");
:root{--bg:#F7F6F0;--surface:#FFF;--surface-2:#EFF2EC;--ink:#172B2D;--muted:#52666A;--line:#D5DEDA;--navy:#14373A;--yellow:#D9F064;--yellow-ink:#173A3B;--good:#126D50;--focus:#F6C34B;--display:"Manrope",system-ui,sans-serif;--r:20px}
html{scroll-behavior:smooth}body{font-size:17px;line-height:1.55}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(2.5rem,6vw,5.65rem)}h2{font-size:clamp(1.7rem,3vw,2.65rem)}h3{font-size:1.25rem}a:hover{text-decoration-thickness:2px}.wrap{max-width:1260px;padding-inline:clamp(20px,4vw,52px)}.proto{background:#D9F064;color:#173A3B}.bar{background:#F7F6F0;color:#173A3B;border-bottom:1px solid #D9E0DC;box-shadow:none}.bar .wrap{min-height:74px}.brand{color:#173A3B;font-size:1.15rem;max-width:260px}.lplate{background:#D9F064;box-shadow:none;border:0;border-radius:9px}.lplate b{color:#173A3B}.nav a{color:#173A3B}.nav a:hover,.nav a[aria-current=page]{background:#E8EEE4}.nav .btn{background:#173A3B;color:#fff;box-shadow:none}.btn{border-radius:11px;box-shadow:none;min-height:48px}.btn:hover{filter:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-y{background:#D9F064;color:#173A3B;box-shadow:none}.btn-n{background:#173A3B;box-shadow:none}.btn-o{border-color:#829A98}.eyebrow{color:#38615D;letter-spacing:.13em}.card,.tile{box-shadow:none;border:1px solid #D8E1DC}.tile{min-height:220px}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(18,57,54,.08);border-color:#6E9990}.tile .go{color:#216055}main{padding-top:24px}section{margin-top:72px}.section-head p{color:#52666A}.tag{color:#416D62;font-size:.75rem;font-weight:800;letter-spacing:.14em}
.newhero{display:grid;grid-template-columns:1.12fr .88fr;min-height:570px;background:#173A3B;color:#fff;border-radius:27px;overflow:hidden;position:relative}.hero-content{padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.newhero .eyebrow{color:#D9F064}.newhero h1{max-width:720px;line-height:1.02;margin:20px 0}.newhero h1 em{font-style:normal;color:#D9F064}.hero-lead{max-width:60ch;color:#DFE9E3;font-size:1.08rem}.hero-cta{margin-top:28px}.newhero .btn-o{color:#fff;border-color:#AEC4BC}.hero-foot{display:flex;gap:20px;flex-wrap:wrap;margin-top:42px;padding-top:18px;border-top:1px solid #52706A;color:#D3E1DB;font-size:.82rem}.hero-foot b{font-size:1rem;color:#fff}.hero-art{position:relative;min-height:570px;background:radial-gradient(circle at 65% 25%,#587D73 0,#315A53 45%,#214740 100%);overflow:hidden}.hero-art:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #91B0A4;border-radius:50%;top:-180px;right:-170px;box-shadow:0 0 0 80px #ffffff0b,0 0 0 160px #ffffff08}.road-graphic{position:absolute;inset:18% 17% -28%;background:#273D3E;transform:perspective(550px) rotateX(25deg) rotateZ(18deg);border-left:12px solid #E9ECE3;border-right:12px solid #E9ECE3;box-shadow:20px 20px 60px #08242055}.road-graphic i{position:absolute;width:7px;height:80px;background:#E8E8D7;left:50%;top:10%}.road-graphic i:nth-child(2){top:40%}.road-graphic i:nth-child(3){top:70%}.art-car{position:absolute;top:48%;left:28%;width:98px;height:178px;border:12px solid #D9F064;background:#B5D94C;border-radius:34px 34px 28px 28px;display:grid;place-items:center;color:#173A3B;font:800 60px/1 var(--display);transform:rotate(-8deg);box-shadow:9px 14px 0 #0b2429}.art-car:before,.art-car:after{content:"";position:absolute;width:18px;height:42px;background:#151C1F;top:28px;border-radius:4px}.art-car:before{left:-23px}.art-car:after{right:-23px}.float-card{position:absolute;background:#F7F6F0;color:#173A3B;border-radius:15px;padding:16px 20px;box-shadow:0 16px 38px #0c2c2a55;transform:rotate(-5deg)}.float-card span{font-size:.7rem;letter-spacing:.1em;font-weight:800;display:block;color:#4F736D}.float-card strong{font-size:1.16rem}.fc-one{top:17%;left:5%}.fc-two{right:6%;bottom:17%;transform:rotate(6deg);background:#D9F064}
.today{display:grid;gap:22px}.today h2{max-width:720px}.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.today-card{min-height:310px;border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;position:relative;transition:transform .2s,box-shadow .2s}.today-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #173A3B22}.today-card.lime{background:#D9F064}.today-card.cream{background:#EEE8D9}.today-card.blue{background:#DCE9E6}.today-card .eyebrow{color:#36645B}.today-card h3{font-size:clamp(1.5rem,2.2vw,2rem);margin:8px 0}.today-card p{max-width:28ch;color:#435852}.card-number{font:800 3.5rem/1 var(--display);opacity:.35}.arrow{position:absolute;right:24px;top:20px;font-size:1.6rem}
.journey-panel{margin:72px 0 0;padding:clamp(26px,4vw,50px);border-radius:23px;background:#fff;box-shadow:none;border:1px solid #D8E1DC}.stage-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.stage-choice{display:flex;align-items:center;gap:11px;text-align:left;min-height:68px;padding:11px 16px;background:#F7F8F4;border:2px solid #E0E8E2;border-radius:13px;font-weight:700;cursor:pointer}.stage-choice span{font:.8rem var(--display);color:#51786B}.stage-choice[aria-pressed=true]{border-color:#173A3B;background:#EAF4C2}.stage-choice[aria-pressed=true] span{font-weight:800}.stage-next{background:#173A3B;color:#fff;border-radius:16px;padding:26px;margin-top:20px}.stage-next .eyebrow{color:#D9F064}.stage-next ol{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stage-next li a{display:flex;justify-content:space-between;gap:10px;height:100%;background:#ffffff15;padding:17px;border-radius:10px;text-decoration:none;font-weight:700}.stage-next li a:hover{background:#ffffff28}.explore .tile{padding:28px;min-height:230px}.explore .tile h3{font-size:1.6rem;margin:8px 0}.explore .tile p{color:#52666A}.explore .tile .go{padding-top:24px}
.page-intro{max-width:860px;margin:28px 0 30px}.page-intro h1{font-size:clamp(2.5rem,5vw,4.5rem);margin:12px 0 20px}.page-intro p:not(.eyebrow){font-size:1.13rem;color:#52666A}.hazard-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;margin-top:30px}.clip-list{display:grid;gap:8px;align-content:start}.clip-select{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:1px solid #DAE3DC;background:#fff;color:#173A3B;border-radius:12px;padding:14px;cursor:pointer}.clip-select[aria-pressed=true]{border:2px solid #173A3B;background:#EAF4C2}.clip-select>span:last-child{margin-left:auto}.clip-select small{display:block;color:#52666A}.clip-index{font-weight:800;color:#397265}.viewer{background:#fff;border:1px solid #DAE3DC;border-radius:18px;overflow:hidden;align-self:start}.viewer video{width:100%;display:block;background:#142529;aspect-ratio:16/9}.clip-explanation{padding:23px;display:grid;gap:8px}.clip-explanation h3{margin-top:10px}.clip-explanation p{max-width:70ch}.clip-explanation .btn{justify-self:start;margin-top:10px}.notice{background:#EFF4E4;border-color:#D3E6B8;color:#183D38;padding:18px}.qwrap:not(:has(.grid)){box-shadow:none}.qtext{font-size:clamp(1.35rem,2vw,1.65rem)}.opt:hover:not(:disabled){border-color:#517D73}.opt.sel{border-color:#173A3B}.guide{max-width:78ch}.aside .card{background:#EAF4C2}.aside .notice{background:#F7F8F4}.track i{background:#367663}.footer-link{border:0;background:none;padding:0;color:#D9F064;text-decoration:underline;cursor:pointer}footer{background:#173A3B;color:#DAE7E1}footer a{color:#D9F064}.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;max-width:1000px;margin:auto;background:#fff;color:#173A3B;z-index:100;border:2px solid #173A3B;border-radius:16px;box-shadow:0 14px 55px #082c2c55;padding:20px;display:flex;align-items:center;gap:22px}.cookie-banner[hidden]{display:none}.cookie-actions{display:flex;gap:8px;flex:none}.cookie-banner p{font-size:.9rem;color:#52666A}.trust-body{max-width:75ch;background:#fff;border-radius:20px;padding:clamp(20px,4vw,50px)}.trust-body h2{font-size:1.6rem;margin:24px 0 10px}.trust-body p,.trust-body li{margin-bottom:12px}.trust-body a{color:#1A6A63}
@media(max-width:980px){.newhero{grid-template-columns:1fr}.hero-art{min-height:250px}.road-graphic{inset:-70% 15% -90%}.float-card{top:28%!important;bottom:auto!important}.today-grid{grid-template-columns:1fr 1fr}.today-card:last-child{grid-column:1/-1}.hazard-layout{grid-template-columns:1fr}.clip-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.bar .wrap{display:grid;grid-template-columns:1fr;gap:6px}.nav{overflow:visible;justify-content:space-between}.nav>a[data-nav="practical"],.nav>a[data-nav="progress"]{display:none}.nav-more{display:block}.newhero{border-radius:18px}.hero-content{padding:32px 23px}.newhero h1{font-size:clamp(2.55rem,11vw,4rem)}.hero-art{display:none}.hero-foot{margin-top:26px;gap:8px;justify-content:space-between}.hero-foot span{max-width:95px}.hero-cta .btn{width:100%}.hero-cta .btn-o{display:inline-flex}.today-grid{grid-template-columns:1fr}.today-card{min-height:205px}.today-card:last-child{grid-column:auto}.journey-panel{margin-top:48px;padding:20px}.stage-selector{grid-template-columns:1fr 1fr}.stage-choice{min-height:64px;font-size:.84rem}.stage-next ol{grid-template-columns:1fr}.clip-list{grid-template-columns:1fr}.cookie-banner{flex-direction:column;align-items:stretch;bottom:8px;left:8px;right:8px}.cookie-actions{flex-wrap:wrap}.cookie-actions .btn{flex:1}.mobile-practice{background:#D9F064;color:#173A3B;box-shadow:0 8px 26px #173A3B55}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:light;--bg:#F7F6F0;--surface:#fff;--surface-2:#EFF2EC;--ink:#172B2D;--muted:#52666A;--line:#D5DEDA;--navy:#14373A;--yellow:#D9F064;--yellow-ink:#173A3B}.journey-panel{background:#fff;color:#173A3B}.route{background:#EFF2EC;color:#173A3B}.next{background:#EFF2EC;color:#173A3B}.practice-cards .card:nth-child(2){background:#DCE9E6;color:#173A3B}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.today-card,.tile{transition:none}}

.nav-more{color:#173A3B}.nav-more[open] summary{background:#E8EEE4}.nav-more-panel{background:#fff;color:#173A3B}