:root{--ink:#172d33;--muted:#566a70;--paper:#f7f5ed;--surface:#fffdf7;--teal:#123f47;--teal-2:#1e6d70;--mint:#cde8df;--mint-light:#eaf5f0;--coral:#ee6c4d;--amber:#f6b657;--line:#d7ded8;--safe:#1f7257;--unsafe:#a33c31;--partial:#8c5c13;--shadow:0 16px 48px rgba(18,63,71,.1);--radius:22px;--content:1120px;--reading:760px;--s1:.5rem;--s2:.75rem;--s3:1rem;--s4:1.5rem;--s5:2rem;--s6:3rem;--s7:5rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;line-height:1.6;background:radial-gradient(circle at 92% 4%,rgba(205,232,223,.8),transparent 28rem),var(--paper)}img,svg{display:block;max-width:100%}a{color:var(--teal-2);text-underline-offset:.2em}button,input{font:inherit}button,.button{min-height:48px;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:6px}h1,h2,h3{line-height:1.12;letter-spacing:-.025em;margin:0 0 var(--s3)}h1{font-size:clamp(2.5rem,7vw,5.4rem);max-width:12ch}h2{font-size:clamp(1.65rem,4vw,2.6rem)}h3{font-size:1.25rem}p{margin:0 0 var(--s3)}[hidden]{display:none!important}.skip-link{position:fixed;z-index:99;top:10px;left:10px;transform:translateY(-150%);padding:.7rem 1rem;background:#fff;color:var(--ink)}.skip-link:focus{transform:none}.site-header{position:relative;z-index:5;border-bottom:1px solid rgba(23,45,51,.1);background:#f7f5eddb;backdrop-filter:blur(14px)}.header-inner,.footer-inner{max-width:var(--content);margin:auto;padding:1rem clamp(1rem,4vw,2rem);display:flex;align-items:center;gap:clamp(1rem,4vw,3rem)}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--ink);font-weight:850;text-decoration:none;font-size:1.15rem;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:50% 50% 46% 46%;display:grid;place-items:center;background:var(--teal);transform:rotate(-8deg)}.brand-mark span{display:block;width:10px;height:18px;border:solid var(--mint);border-width:0 4px 4px 0;transform:rotate(45deg) translate(-2px,-2px)}.site-header nav{display:flex;gap:1.8rem;margin-left:auto}.site-header nav a{color:var(--ink);font-weight:700;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.context-chip{display:flex;gap:.35rem;align-items:center;padding:.5rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:800;font-size:.8rem;background:var(--surface)}.main{width:min(var(--reading),calc(100% - 2rem));min-height:62vh;margin:0 auto;padding:var(--s6) 0 var(--s7)}.main--wide{width:min(var(--content),calc(100% - 2rem))}.site-footer{background:var(--teal);color:#e7f1ed}.site-footer a{color:#fff}.footer-inner{align-items:flex-start;justify-content:space-between;padding-block:var(--s5)}.brand--footer{color:#fff}.footer-inner p{color:#bcd0ca;margin:.35rem 0}.footer-inner nav{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:.8rem 2rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:850;font-size:.76rem;color:var(--teal-2);margin-bottom:var(--s3)}.lede{font-size:clamp(1.1rem,2.5vw,1.35rem);max-width:62ch;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.72rem 1.15rem;border:2px solid var(--teal);border-radius:999px;background:var(--teal);color:#fff;text-decoration:none;font-weight:800;box-shadow:none;transition:transform .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #123f4733}.button--light{background:var(--surface);color:var(--teal)}.button--coral{background:var(--coral);border-color:var(--coral);color:#1e292b}.button--text{background:transparent;color:var(--teal);border-color:transparent}.hero{padding:var(--s4) 0 var(--s6);position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s6);align-items:center}.hero-art{min-height:420px;border-radius:40px;background:var(--teal);position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-art:before{content:"";position:absolute;inset:10% -30% auto;height:115px;background:#3f555b;transform:rotate(-15deg);box-shadow:0 0 0 18px #e8e2d1}.hero-art:after{content:"";position:absolute;width:190px;height:190px;border:35px solid var(--mint);border-radius:50%;right:10%;bottom:10%}.route-line{display:flex;align-items:center;gap:.4rem;margin:var(--s5) 0;color:var(--teal);font-weight:850}.route-line span{width:10px;height:10px;border-radius:50%;background:var(--coral)}.route-line i{height:3px;width:3rem;background:var(--mint);border-radius:4px}.selection-card,.card,.content-panel{background:var(--surface);border:1px solid rgba(23,45,51,.11);border-radius:var(--radius);box-shadow:var(--shadow)}.selection-card{padding:clamp(1.25rem,4vw,2.2rem)}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin:var(--s4) 0}.choice-group{border:0;padding:0;margin:0}.choice-group legend{font-size:1.15rem;font-weight:850;margin-bottom:.2rem}.field-help{font-size:.9rem;color:var(--muted);margin-bottom:.8rem}.choice{display:flex;align-items:center;gap:.75rem;padding:.8rem;margin:.55rem 0;border:2px solid var(--line);border-radius:14px;font-weight:750;cursor:pointer}.choice:has(input:checked){border-color:var(--teal-2);background:var(--mint-light)}.choice input{width:22px;height:22px;accent-color:var(--teal)}.safety-notice{display:flex;gap:1rem;background:#fff3d9;border:1px solid #e7c77c;border-radius:18px;padding:1.1rem 1.25rem;margin:var(--s5) 0}.safety-notice h2{font-size:1rem;margin-bottom:.2rem}.safety-notice p{margin:0}.notice-icon{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--amber);font-weight:900}.module-card{display:grid;grid-template-columns:1fr .8fr;overflow:hidden}.module-card>div{padding:clamp(1.5rem,5vw,3rem)}.module-visual{background:var(--mint);position:relative;min-height:320px}.module-visual:before,.module-visual:after{content:"";position:absolute;border-radius:999px;background:var(--surface)}.module-visual:before{width:70%;height:40px;left:15%;top:34%;transform:rotate(-18deg);box-shadow:0 55px 0 var(--surface),0 110px 0 var(--surface)}.module-visual:after{width:54px;height:54px;background:var(--coral);right:15%;top:12%}.meta-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}.pill{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:var(--mint-light);color:var(--teal);font-size:.82rem;font-weight:800}.lesson-header{margin-bottom:var(--s5)}.routine{margin:var(--s5) 0;padding:clamp(1.25rem,5vw,2.2rem);background:var(--teal);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.routine h2{color:#fff}.routine p{color:#c9dad5}.routine-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-top:1.5rem}.routine-step{padding:1rem .5rem;text-align:center;background:#ffffff1a;border-radius:14px;font-weight:850}.routine-step span{display:block;color:var(--amber);font-size:.72rem;margin-bottom:.2rem}.key-idea{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:800;padding:var(--s4);border-left:6px solid var(--coral);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;margin:var(--s5) 0}.claim-list{display:grid;gap:1rem;margin:var(--s4) 0}.claim{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.claim strong{display:block;margin-bottom:.25rem}.review-note{font-size:.86rem;color:var(--muted)}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:var(--s5)}.road-scene{width:100%;border-radius:18px}.scenario-list{display:grid;gap:var(--s5);margin:var(--s5) 0}.scenario-card{padding:clamp(1rem,4vw,1.8rem)}.scenario-card header{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:center;margin-bottom:1rem}.scenario-options{border:0;padding:0;margin:0;display:grid;gap:.7rem}.scenario-options legend{font-weight:850;margin-bottom:.6rem}.scenario-option{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;padding:.9rem 1rem;border:2px solid var(--line);border-radius:14px;cursor:pointer}.scenario-option:hover{border-color:#93aaa4}.scenario-option.is-selected{border-color:var(--teal-2);background:var(--mint-light)}.scenario-option input{width:22px;height:22px;accent-color:var(--teal)}.feedback{margin-top:1rem;padding:1rem;border-radius:14px;font-weight:700;background:var(--mint-light);border-left:5px solid var(--safe)}.feedback[data-outcome=unsafe]{background:#fff0ec;border-color:var(--unsafe)}.feedback[data-outcome=partially-safe]{background:#fff5dd;border-color:var(--partial)}.static-explanations{margin-top:1rem;color:var(--muted)}.js .static-explanations{display:none}.quiz-form{display:grid;gap:var(--s4);margin:var(--s5) 0}.quiz-question{padding:clamp(1rem,4vw,1.6rem)}.quiz-question legend{font-size:1.15rem;font-weight:850;margin-bottom:1rem}.quiz-question[data-state=correct]{border-color:var(--safe)}.quiz-question[data-state=incorrect]{border-color:var(--coral)}.answer-feedback{font-weight:750;margin-top:1rem;color:var(--teal)}.quiz-result{padding:clamp(1.3rem,5vw,2.5rem);background:var(--teal);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.quiz-result h2{color:#fff}.score-big{font-size:3rem;font-weight:900;color:var(--amber);line-height:1}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}.skill-grid div{padding:1rem;background:#ffffff1a;border-radius:14px}.skill-grid strong,.skill-grid span{display:block}.badge{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;color:var(--ink);border-radius:16px}.badge-icon{width:62px;height:62px;border-radius:50%;background:var(--amber);display:grid;place-items:center;font-size:1.6rem}.progress-card{padding:clamp(1.3rem,5vw,2.5rem);margin:var(--s4) 0}.progress-score{font-size:2.8rem;font-weight:900;color:var(--teal-2)}.source-list{display:grid;gap:1rem;margin:var(--s4) 0}.source-card{padding:1.2rem}.source-card h2{font-size:1.1rem}.source-card dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;font-size:.9rem}.source-card dt{font-weight:800}.source-card dd{margin:0;color:var(--muted)}.prose h2{margin-top:var(--s5)}.prose li{margin:.45rem 0}.callout{padding:1.2rem;border-radius:16px;background:var(--mint-light);margin:var(--s4) 0}.update-toast{position:fixed;z-index:20;right:1rem;bottom:1rem;display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.update-toast button{border:0;border-radius:999px;padding:.5rem .8rem;background:var(--teal);color:#fff;font-weight:800}@media(max-width:760px){.site-header nav{display:none}.header-inner{gap:.75rem}.context-chip{margin-left:auto}.hero-grid,.module-card,.scenario-card header{grid-template-columns:1fr}.hero-art{min-height:270px}.selection-grid{grid-template-columns:1fr;gap:1rem}.routine-steps{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;padding-bottom:.5rem}.skill-grid{grid-template-columns:1fr}.footer-inner{display:grid}.footer-inner nav{grid-template-columns:1fr 1fr}.main{padding-top:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.site-header,.site-footer,.page-actions,.button,.update-toast{display:none!important}.main,.main--wide{width:100%;padding:0}.card,.content-panel{box-shadow:none;break-inside:avoid}.static-explanations{display:block!important}}