@font-face{font-family:"Inter";src:url("InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#f7f6f0;--paper:#fffefa;--ink:#193b36;--muted:#65756d;--teal:#167c70;--line:#dedfd5;--orange:#b95d36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 "Inter",sans-serif}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,pre,code,kbd,samp{font-family:inherit}button,input,button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e69e4a;outline-offset:4px}.skip{position:fixed;top:-100px;left:10px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}#sidebar{width:298px;position:fixed;inset:0 auto 0 0;background:#eeefe7;border-right:1px solid var(--line);overflow-y:auto;padding:28px 22px;z-index:20}input{width:100%;border:1px solid #d3d7ca;padding:10px 12px;border-radius:8px;background:#fafbf5}.nav-group{font-size:11px;font-weight:600;margin:25px 0 10px;color:var(--muted)}.nav-lesson{display:flex;gap:10px;font-size:13px;line-height:1.5;padding:9px 8px;border-radius:7px;color:#53685f;margin:2px 0}.nav-lesson span{font-size:11px;min-width:19px;padding-top:2px;color:#7b8e82}.nav-lesson:hover,.nav-lesson.active{background:#dce8dc;color:#174d40;text-decoration:none}.nav-lesson.active{font-weight:600}.workspace{margin-left:298px}.topbar{height:65px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;background:rgba(247,246,240,.95);position:sticky;top:0;z-index:10}.topbar a{color:var(--muted)}#menu{display:none;border:0;background:transparent}main{max-width:1260px;margin:auto;padding:44px 5% 70px}h1,h2,h3{line-height:1.2;}h1{font-weight:500;font-size:32px;margin:18px 0 25px}h2{font-size:24px;margin:18px 0}h3{font-size:20px}.eyebrow{font-size:11px;font-weight:500;color:var(--teal)}.orange{color:var(--orange)}.lead{font-size:17px;color:#52675c;line-height:1.85;max-width:760px}.home-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding:20px 0 35px}.home-hero h1{line-height:1.1}.home-hero h1 span{color:var(--teal)}figure{margin:24px 0}img{max-width:100%;display:block;height:auto}figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}.home-hero img{border-radius:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:8px;font-size:13px;font-weight:600;padding:12px 20px;line-height:1.5}.button:hover{text-decoration:none;background:#27594d}.button.secondary{color:var(--ink);background:transparent;border-color:#bac6b7}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0 45px;padding:25px 0;gap:20px}.stats strong{display:block;font-weight:500;font-size:34px}.stats span{font-size:12px;color:var(--muted)}.how{background:#e9eee3;border-radius:16px;padding:24px 30px;margin-bottom:50px}.how h2{margin-top:0;font-size:23px}.muted{font-size:13px;color:var(--muted)}.course-group{margin:45px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson-card{display:flex;flex-direction:column;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;color:var(--ink);transition:transform .2s,box-shadow .2s}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #193b3610;text-decoration:none}.card-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.lesson-card h3{font-size:20px;margin:18px 0 10px}.lesson-card p{font-size:13px;color:var(--muted);margin:0 0 22px}.card-arrow{font-size:12px;color:var(--teal);margin-top:auto}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:30px}.lesson-head h1{line-height:1.35}.lesson-head .lead{max-width:none}.jump{display:flex;gap:25px;border-block:1px solid var(--line);padding:15px 0;font-size:12px;margin:30px 0 45px;flex-wrap:wrap}.section-title{display:flex;align-items:center;gap:14px}.badge{font-size:10px;background:#e5ede3;border-radius:20px;padding:4px 12px;color:#467059}.practice{background:var(--paper);padding:30px;border:1px solid var(--line);border-radius:18px}.practice h2{font-size:30px}.map img{width:100%}.compare{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.compare>div{padding:20px;background:#f5f3e9;border-radius:12px}.compare>div+div{background:#eef4ed}.compare p{font-size:15px;margin-bottom:0}.prompt-box{background:#193b36;color:#f2f4e8;padding:23px;border-radius:12px}.prompt-box>div{display:flex;justify-content:space-between;align-items:center}.prompt-box .eyebrow{color:#a8c8ad}.prompt-box pre{font-family:inherit;font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.prompt-box small{font-size:11px;color:#b4c7bb;display:block}.copy{border:1px solid #658a78;background:transparent;color:#d8e8d5;padding:5px 12px;border-radius:6px;font-size:12px}.accept{padding:16px 0 0}.accept h3{font-size:18px}.accept p{font-size:15px}.original{margin:36px 0}.toc{border:1px solid var(--line);border-radius:10px;margin:24px 0;padding:15px 20px}.toc summary{cursor:pointer;font-size:13px}.toc nav{display:grid;gap:8px;margin-top:15px;font-size:13px}article{font-size:17px;line-height:1.95}article h2{font-size:24px;margin:50px 0 22px;line-height:1.3}article p{margin:20px 0}article ul,article ol{padding-left:25px}article li{margin:8px 0}article strong{font-weight:600}article table{display:block;overflow-x:auto;border-collapse:collapse;font-size:14px;margin:25px 0}article td,article th{padding:12px;border:1px solid var(--line);min-width:130px}article blockquote{border-left:3px solid var(--teal);padding:5px 25px;margin:20px 0;color:var(--muted)}article hr{border:0;border-top:1px solid var(--line);margin:30px 0}.takeaways{background:#e9eee3;padding:15px 23px;border-radius:12px;font-size:15px}.source-figure img{width:100%;border-radius:12px;background:#eeefe7}.source-figure{margin:35px 0}.lesson-pagination{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:25px;font-size:14px}footer{border-top:1px solid var(--line);padding:25px 5%;color:var(--muted);font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:8px;padding:10px 18px;font-size:13px;z-index:30;display:none}[hidden]{display:none!important}@media(min-width:1500px){.home-hero h1{font-size:40px}}@media(max-width:1150px){#sidebar{width:255px}.workspace{margin-left:255px}.cards{grid-template-columns:repeat(2,1fr)}.home-hero{grid-template-columns:1fr}.home-hero figure{max-width:700px}.home-hero h1{font-size:36px}}@media(max-width:760px){#sidebar{transform:translateX(-100%);width:290px;box-shadow:10px 0 35px #193b3620;transition:transform .2s}body.menu-open #sidebar{transform:translateX(0)}.workspace{margin-left:0}#menu{display:block}.topbar{padding:0 6%}.topbar>a{display:none}main{padding:25px 6% 45px}.home-hero h1{font-size:32px}.stats{grid-template-columns:1fr 1fr;gap:22px}.cards,.compare{grid-template-columns:1fr}.practice{padding:20px 16px}.practice h2{font-size:25px}.map{overflow-x:auto}.map img{min-width:700px;max-width:none}.map a{display:block;width:700px}article{font-size:16px}article h2{font-size:22px}.lesson-head h1{font-size:28px}.jump{gap:14px}.how{padding:22px}.button{padding:11px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{#sidebar,.topbar,.jump,.copy,footer,.lesson-pagination{display:none}.workspace{margin:0}main{padding:0;max-width:none}.practice{break-inside:avoid}.source-figure{break-inside:avoid}body{background:white;color:black}a{color:inherit}.prompt-box{color:black;background:white;border:1px solid #aaa}.prompt-box .eyebrow,.prompt-box small{color:black}}

.sidebar-home{display:block;color:var(--ink);font-size:15px;font-weight:500;margin-bottom:24px}.nav-group{font-size:13px;font-weight:500}.eyebrow{font-size:13px;font-weight:500}.card-meta,.badge{font-size:12px}h1{font-weight:600}h2,h3{font-weight:600}
.logout-button{border:1px solid var(--line);border-radius:7px;padding:7px 12px;background:var(--paper);color:var(--ink);font-size:12px;white-space:nowrap}.logout-button:hover{background:#e5ebe2}.topbar form{margin:0}
