:root{--dark:#12372e;--dark2:#1d5341;--leaf:#bce6bf;--green:#297755;--bg:#f5f7f3;--ink:#20392d;--muted:#607567;--line:#dbe6dc;--white:#fff;--warm:#f3eee1;--pink:#ffefea;--red:#a3463c;--shadow:0 12px 28px #163e2710}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;line-height:1.53}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #72bf95;outline-offset:2px}p,h1,h2,h3{margin-top:0}h1{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.06em;line-height:1.12}h2{font-size:1.55rem;letter-spacing:-.03em}h3{font-size:1.15rem;letter-spacing:-.02em}p{color:#4c6557}small{color:var(--muted)}a{color:var(--dark2)}.shell{max-width:1200px;margin:auto;padding:22px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.side{background:var(--dark);color:white;border-radius:25px;padding:24px 15px;position:sticky;top:20px;align-self:start;min-height:calc(100vh - 40px);box-shadow:var(--shadow)}.brand{font-weight:950;letter-spacing:-.07em;font-size:2rem;padding:0 10px 4px}.brand span{color:var(--leaf)}.tagline{padding:0 10px 23px;color:#c3dacb;font-size:.82rem}.side-nav{display:grid;gap:4px}.navlink{width:100%;background:transparent;border:0;border-radius:12px;color:#d5e7dd;padding:11px;text-align:left;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.94rem;font-weight:750}.navlink.active,.navlink:hover{background:#345c49;color:white}.sideline{font-size:.8rem;border-top:1px solid #426451;margin:26px 8px;padding-top:19px;color:#c3dccb}.mobilehead{display:none}.main{min-width:0;padding-bottom:70px}.hero{background:var(--dark);color:white;padding:30px;border-radius:23px;margin-bottom:19px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:260px;height:260px;border:46px solid #376c51;border-radius:50%;right:-95px;top:-122px;opacity:.5;pointer-events:none}.hero h1,.hero p,.hero .eyebrow{position:relative;z-index:1}.hero h1{margin:10px 0}.hero p{color:#d2e9da;margin:0;max-width:650px}.eyebrow{font-size:.71rem;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#b9e7c4}.panel,.tile,.metric,.quiz-card{background:white;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.panel{padding:24px}.tile{padding:22px;display:flex;flex-direction:column;align-items:start;gap:8px}.tile h3,.tile p{margin:0}.tile p{font-size:.91rem}.tile .btn{margin-top:auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:17px}.metric strong{display:block;font-weight:900;font-size:1.8rem;color:var(--dark);letter-spacing:-.05em;overflow-wrap:anywhere}.metric small{display:block}.row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.between{justify-content:space-between}.spacer{height:17px}.btn{border:1px solid #cfe0d1;background:white;color:var(--dark);padding:10px 14px;border-radius:11px;font-weight:800;display:inline-block;text-decoration:none}.btn.primary{background:var(--dark);border-color:var(--dark);color:white}.btn.soft{background:#eaf4e9;border-color:#eaf4e9;color:#266347}.btn:disabled{opacity:.45;cursor:default}.btn:hover:not(:disabled){filter:brightness(.96)}.chip{display:inline-block;background:#e8f4e6;color:#2b6b4c;padding:5px 9px;border-radius:9px;font-size:.76rem;font-weight:850;letter-spacing:.03em}.chip.warn{background:#f8e5db;color:#864032}.progress{height:10px;background:#e3ece2;border-radius:20px;overflow:hidden}.progress>span{background:#4d9b70;display:block;height:100%;transition:width .2s}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:0 0 14px}.section-head h2{margin:0}.section-head p{margin:3px 0 0}.map-root{font-weight:900;background:var(--dark);color:#fff;text-align:center;padding:19px;border-radius:16px;max-width:300px;margin:8px auto 17px}.branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.branches button{background:#eff7ed;border:2px solid #d8eada;border-radius:12px;text-align:left;padding:16px;color:var(--dark);font-weight:850}.branches button.active{border-color:#4d9670;background:#ddf2e0}.branches small{display:block;margin-top:5px;font-weight:400}.lesson{border-bottom:1px solid var(--line);padding:12px 0}.lesson:last-child{border-bottom:0}.lesson strong{font-size:.99rem}.lesson p{font-size:.91rem;margin:5px 0 0}.formula{display:inline-block;background:#eaf4ed;padding:9px 13px;color:#286346;border-radius:9px;font-weight:800;margin:6px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tabs button{background:white;border:1px solid var(--line);color:var(--muted);font-weight:750;border-radius:10px;padding:9px 12px}.tabs button.active{background:var(--dark);color:white}.flash{width:100%;border:1px solid #cbdfcb;border-radius:20px;background:linear-gradient(135deg,#ebf5ea,#fbfcf4);padding:27px;min-height:258px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:var(--dark);box-shadow:var(--shadow)}.flash.reverse{background:var(--dark);color:white}.flash b{font-size:clamp(1.35rem,3.5vw,2rem);line-height:1.3;letter-spacing:-.03em}.flash small{color:inherit;opacity:.7}.quiz-card{padding:23px}.question{font-size:1.28rem;letter-spacing:-.02em;font-weight:850;color:var(--dark);margin:18px 0}.options{display:grid;gap:9px}.options button{padding:14px;border:1px solid #d5e4d8;background:#f7faf6;color:var(--ink);border-radius:11px;text-align:left;font-weight:680}.options button.good{background:#dff3e3;border-color:#68af82}.options button.bad{background:var(--pink);border-color:#dca39a}.options button:disabled{cursor:default}.notice{padding:14px;border-radius:10px;background:#e7f4e8;margin-top:15px;color:#23563b;font-size:.92rem}.notice.bad{background:#ffefea;color:#81453c}.notice.neutral{background:#f5f3e9;color:#695a3b}.meter{display:flex;gap:4px}.meter span{height:6px;flex:1;background:#e0eae1;border-radius:3px}.meter span.done{background:#4b9a6c}.form-label{display:block;font-size:.83rem;font-weight:800;margin-bottom:8px;color:var(--dark)}textarea,input{width:100%;border:1px solid #cbdccd;border-radius:11px;padding:12px;background:#fafcf9;color:var(--dark)}textarea{resize:vertical;min-height:90px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chart{overflow-x:auto}.chart svg{display:block;min-width:340px;max-width:100%;margin:auto}.bar-area{height:130px;display:flex;align-items:end;gap:6px;overflow-x:auto;padding:10px 3px 0;border-bottom:1px solid #b9cab9}.bar{flex:1;min-width:30px;text-align:center}.barfill{background:#71a980;border-radius:5px 5px 0 0}.bar small{font-size:.7rem;white-space:nowrap}.footnote{padding:20px 4px;font-size:.79rem;color:#6e8171}.footer-link{font-weight:800}.fallback summary{cursor:pointer;font-weight:800;padding:10px 0}.fallback details{border-bottom:1px solid var(--line);padding:6px 0}.fallback details p{margin:4px 0 12px}.fallback hr{border:none;border-top:1px solid var(--line)}.visual-label{font-size:.83rem;color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{background:#eef6ee;border:1px solid #d4e8d7;border-radius:15px;padding:20px}.hidden{display:none!important}.tip{font-size:.85rem;color:var(--muted)}@media(max-width:960px){.shell{display:block;padding:13px}.side{display:none}.mobilehead{display:block;position:sticky;top:0;z-index:10;background:var(--dark);padding:11px 13px;margin:-13px -13px 13px;box-shadow:0 6px 13px #123c291a}.mobilebrand{display:flex;justify-content:space-between;align-items:center;color:white;font-weight:900;margin-bottom:8px}.mobilebrand b{font-size:1.2rem;letter-spacing:-.07em}.mobilebrand span{color:#bddfc4;font-size:.75rem}.mobilenav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.mobilenav .navlink{width:auto;white-space:nowrap;padding:8px 11px;font-size:.81rem;background:#2c5743;color:#e3f2e9}.mobilenav .navlink.active{background:#dcf0df;color:var(--dark)}.hero{padding:26px}}@media(max-width:660px){.grid,.grid.three,.grid.four,.two{grid-template-columns:1fr}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:2.3rem}.panel{padding:17px}.section-head{display:block}.form-grid{grid-template-columns:1fr}.flash{min-height:240px}.quiz-card{padding:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}