@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--green:#10392f;--green2:#17483a;--deep:#0c2b26;--cream:#f5f1e7;--paper:#fffdf7;--text:#1d302b;--muted:#63726c;--line:#d9dfd4;--orange:#e99052}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--cream);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:16px;z-index:20;padding:10px;background:white;color:#123}.skip-link:focus{top:10px}.topbar{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-box{background:var(--green);color:#fff;width:56px;height:40px;display:grid;place-items:center;border-radius:4px;font:800 18px Outfit;letter-spacing:-.08em}.brand-box span{color:var(--orange)}.brand-sub{font:800 16px Outfit;letter-spacing:.04em;line-height:1}.brand-sub small{display:block;color:#798b7c;font:700 8px DM Sans;letter-spacing:.17em;margin-top:6px}.topbar nav{display:flex;gap:26px}.topbar nav a{font-size:12px;font-weight:700;text-decoration:none;color:#4a5d53}.topbar nav a:hover,.topbar nav a:focus{color:#bf5a25}.nav-button{display:none}.hero{background:var(--deep);color:#fff;position:relative;isolation:isolate;min-height:610px;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,#0a2825 0%,#0a2825e8 29%,#0a2825a0 56%,#0a28251c 85%)}.hero-inner{position:relative;padding:92px 0 105px}.hero-tag,.overline,.chapter-no{font-size:11px;font-weight:800;letter-spacing:.17em}.hero-tag{color:#f3b289;display:flex;align-items:center;gap:11px}.tag-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #e9905230}.hero h1{font-family:Outfit,Arial,sans-serif;font-weight:700;font-size:clamp(47px,5.9vw,78px);line-height:1.055;letter-spacing:-.055em;max-width:700px;margin:30px 0 20px}.hero h1 em{font-style:normal;color:#ffc394}.hero-inner>p:not(.hero-tag){max-width:510px;color:#e2eae4;font-size:17px;line-height:1.7;margin:0}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px;flex-wrap:wrap}.hero-cta{background:var(--orange);padding:15px 19px;border-radius:3px;color:#19332b;display:inline-flex;align-items:center;gap:24px;text-decoration:none;font-weight:800;font-size:14px;box-shadow:0 7px 0 #a2572e}.hero-cta:hover{background:#f5ae76;transform:translateY(-2px)}.hero-secondary{text-decoration:none;border-bottom:1px solid #e2e7e1;color:#f7faf7;font-size:13px;font-weight:700;padding-bottom:3px}.hero-index{position:relative;border-top:1px solid #ffffff5e;display:flex;justify-content:space-between;gap:12px;padding:17px 0 19px;color:#d6e1db;font-size:10px;font-weight:700;letter-spacing:.14em}.page-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:70px;align-items:start}.side-index{position:sticky;top:100px;padding-top:75px;display:grid;gap:10px}.side-index span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#7e9185;margin-bottom:7px}.side-index a{font-size:12px;text-decoration:none;border-left:2px solid #c4d3c7;padding:4px 0 4px 13px;color:#476052;line-height:1.4}.side-index a:hover,.side-index a.active{border-color:var(--orange);color:#a04f25}.story{max-width:820px;min-width:0;padding:70px 0 90px}.story-lead{padding-bottom:28px;border-bottom:2px solid var(--green)}.overline{color:#a25428}.story h2,.story h3{font-family:Outfit,Arial,sans-serif;letter-spacing:-.035em;line-height:1.2}.story h2{font-size:clamp(31px,3.5vw,42px);font-weight:700;margin:11px 0 22px}.story h3{font-size:23px;margin:31px 0 12px}.story p{font-size:16px;line-height:1.86;color:#394943;margin:0 0 19px}.story-lead>p:not(.overline){font-size:18px;line-height:1.78}.story strong{color:#18382d}.chapter{padding:55px 0;border-bottom:1px solid #cbd8cc}.chapter-no{color:#ac582c;font-family:Outfit;display:flex;gap:15px;align-items:center}.chapter-no span{color:#6a8470}.editor-box{background:#e5e8dd;border-left:4px solid var(--green);padding:22px 25px;margin:26px 0}.editor-box>span,.math-note>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#b06236}.editor-box p,.math-note p{margin:7px 0 0;font-size:14px;line-height:1.65}.type-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:28px 0}.type-cards>div{border:1px solid #b9cabb;background:#fffdf7;padding:20px}.type-cards span{font:800 12px Outfit;color:#b96135}.type-cards h3{font-size:19px;margin:11px 0 7px}.type-cards p{font-size:13px;line-height:1.62;margin:0}.math-note{background:#18483a;color:#fff;padding:25px 29px;margin:28px 0}.math-note span{color:#ffc295}.math-note p{color:#eaf2e8}.math-note b{color:#fff;font:700 26px Outfit;letter-spacing:-.04em}.story figure{margin:34px 0 36px}.story figure img{display:block;width:100%;height:auto;border-radius:3px;aspect-ratio:1672/941;object-fit:cover}.story figcaption{color:#687a6e;font-size:12px;margin-top:10px}.checklist{border:1px solid #afc2af;background:#fdfcf7;margin:29px 0 26px}.check-head{display:flex;justify-content:space-between;gap:18px;background:#dce8dc;padding:16px 20px;font-size:14px}.check-progress{color:#315f45;font-weight:800;font-size:12px}.checklist label{display:flex;align-items:flex-start;gap:14px;border-top:1px solid #d8e0d6;padding:14px 19px;cursor:pointer}.checklist label:hover{background:#f4f8ef}.checklist input{appearance:none;width:20px;height:20px;flex:none;border:2px solid #7f9b81;border-radius:2px;margin:2px 0 0;display:grid;place-items:center}.checklist input:checked{background:#1b684e;border-color:#1b684e}.checklist input:checked:after{content:'✓';color:white;font-size:15px;line-height:1}.checklist input:focus-visible{outline:3px solid #e99052;outline-offset:2px}.checklist b{display:block;font-size:14px}.checklist small{color:#667a6c;font-size:12px;line-height:1.45;display:block;margin-top:2px}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin:25px 0;border-top:1px solid #cfdbcf}.glossary div{border-bottom:1px solid #cfdbcf;padding:14px 0}.glossary dt{font-size:14px;font-weight:800}.glossary dd{font-size:13px;color:#56695c;line-height:1.55;margin:5px 0 0}.faq details{border-top:1px solid #cad9cb}.faq details:last-child{border-bottom:1px solid #cad9cb}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:16px 2px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:500 25px Outfit;color:#ba6238}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 22px 15px 2px;margin:0;font-size:14px}.closing{background:#dfebe0;padding:34px 39px;margin-top:55px;border-top:4px solid var(--green)}.closing>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#aa5b31}.closing h2{font-size:30px}.closing p{font-size:15px}.closing a{font-size:13px;font-weight:800;text-decoration:none;color:#206044;border-bottom:1px solid #206044}footer{background:var(--green);color:#f2f7ee;padding:39px 0}.footer-grid{display:flex;justify-content:space-between;gap:40px}footer strong{font:800 20px Outfit}footer strong span{font-size:14px;font-weight:500;margin-left:9px}footer p,footer small{font-size:12px;color:#bed1c3;margin:7px 0 0}.footer-grid>div:last-child{text-align:right}@media(max-width:950px){.page-grid{grid-template-columns:155px minmax(0,1fr);gap:35px}.topbar nav{gap:13px}.topbar nav a{font-size:11px}}@media(max-width:760px){.shell{width:min(100% - 34px,620px)}.topbar-inner{height:66px}.nav-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #91aa94;border-radius:3px;padding:7px 10px;color:var(--green);font-size:12px;font-weight:700}.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:18px max(17px,calc((100vw - 620px)/2));flex-direction:column;gap:13px;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.topbar nav a{font-size:14px}.hero{min-height:600px}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#092d29ed,#092d29bd 58%,#092d2970)}.hero-inner{padding:75px 0 80px}.hero h1{font-size:clamp(44px,9vw,66px)}.hero-inner>p:not(.hero-tag){font-size:16px}.hero-index{flex-wrap:wrap;justify-content:flex-start;gap:8px 22px}.page-grid{display:block}.side-index{display:none}.story{padding:50px 0 65px}.chapter{padding:42px 0}.story-lead>p:not(.overline){font-size:16px}.footer-grid{display:block}.footer-grid>div:last-child{text-align:left;margin-top:20px}}@media(max-width:510px){.brand-sub{font-size:14px}.brand-sub small{font-size:7px}.hero{min-height:610px}.hero-inner{padding:68px 0 70px}.hero h1{font-size:43px}.hero-actions{gap:19px}.hero-cta{width:100%;justify-content:space-between}.hero-index{font-size:9px}.story h2{font-size:30px}.story p{font-size:15px}.type-cards,.glossary{grid-template-columns:1fr}.check-head{display:block}.check-progress{display:block;margin-top:4px}.closing{padding:27px 24px}.closing h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-cta{transform:none!important}}
