:root{--bg: #fbf6ee;--ink: #2b2117;--accent: #d9741f;--accent-hover: #c4650f;--accent-link-hover: #b35a10;--green: #2e7d4f;--red: #b3402a;--border: #e8decc;--muted: #6b5b48;--faint: #9a8a72;--chip-bg: #f2e7d4;--track: #f0e7d6;--sel-bg: #f9ebd9;--dot-border: #c9bca2;--h-bg: #faf7f0;--h-ink: #20180f;--h-accent: #c46a1b;--h-border: #e3daca;--h-muted: #7a6b54;--h-pill-border: #d6cbb6;--h-unlock-bg: #f1eadd;--font-display: "Bricolage Grotesque", sans-serif;--font-serif: "Newsreader", serif;--font-sans: "Public Sans", system-ui, sans-serif;--font-body: system-ui, sans-serif;--shadow-card: 0 8px 24px rgba(90, 60, 20, .08);--shadow-soft: 0 4px 14px rgba(90, 60, 20, .06);--shadow-panel: 0 16px 40px rgba(90, 60, 20, .12)}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;background:var(--h-bg);font-family:var(--font-serif);color:var(--h-ink)}a{color:var(--h-accent);text-decoration:none}a:hover{color:var(--accent-link-hover)}h1,h2,h3{text-wrap:balance}@keyframes wordIn{0%{opacity:0;transform:translateY(26px) rotate(1.5deg)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes pulseDot{0%,to{opacity:.35}50%{opacity:1}}.kicker{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--h-accent);font-weight:700;font-family:var(--font-display)}.body-text{font-family:var(--font-sans);color:var(--h-muted);line-height:1.6;text-wrap:pretty}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;font-family:var(--font-display);color:var(--ink);transition:opacity .9s ease,visibility 0s linear .9s}.intro-overlay.done{opacity:0;pointer-events:none;visibility:hidden}.intro-overlay .kicker{color:var(--accent)}.intro-overlay .body-text{font-family:var(--font-body);color:var(--muted)}.intro-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;text-align:center;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.intro-stage.active{opacity:1;pointer-events:auto;overflow-y:auto}.intro-stage.before{opacity:0;pointer-events:none;transform:translateY(36px);overflow:hidden}.intro-stage.after{opacity:0;pointer-events:none;transform:translateY(-36px);overflow:hidden}.intro-inner{margin:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 6vw}.word-in{display:inline-block;animation:wordIn .7s cubic-bezier(.2,.7,.2,1) both}.btn-accent{background:var(--accent);color:#fff;border:0;border-radius:99px;padding:15px 30px;font-size:16px;font-weight:700;font-family:var(--font-display);cursor:pointer;box-shadow:0 10px 24px #d9741f59;transition:background .25s}.btn-accent:hover{background:var(--accent-hover)}.btn-ink{background:var(--ink);color:var(--bg);border:0;border-radius:99px;padding:14px 28px;font-size:15px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:background .25s}.btn-ink:hover{background:#453626}.stat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 22px;min-width:140px;box-shadow:var(--shadow-card)}.stat-label{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-body)}.stat-value{font-size:26px;font-weight:800;margin-top:4px}.level-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;font-family:var(--font-body)}.level-label{font-size:13px;color:var(--faint);margin-right:2px}.level-pill{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:99px;padding:8px 16px;font-size:13.5px;font-weight:600;border:2px solid var(--border);background:#fff;color:var(--muted);transition:all .25s}.level-pill.selected{border-color:var(--accent);background:var(--sel-bg);color:var(--accent-link-hover)}.level-dot{width:14px;height:14px;border-radius:99px;box-sizing:border-box;border:2px solid var(--dot-border);background:#fff;transition:all .25s}.level-pill.selected .level-dot{border:4.5px solid var(--accent)}.level-badge{font-size:12px;font-weight:600;color:var(--accent);background:var(--sel-bg);border-radius:99px;padding:3px 10px;vertical-align:middle;font-family:var(--font-body)}.profile-card{width:230px;background:#fff;border-radius:16px;padding:20px 22px;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left;border:2px solid var(--border);box-shadow:var(--shadow-soft);transition:all .3s}.profile-card:hover{transform:translateY(-3px)}.profile-card.selected{border-color:var(--accent);box-shadow:0 12px 28px #d9741f38}.profile-panel{width:min(640px,100%);background:#fff;border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;gap:14px;text-align:left;box-shadow:var(--shadow-panel);overflow:hidden;max-height:0;opacity:0;padding:0 28px;transition:max-height .8s cubic-bezier(.2,.7,.2,1),opacity .6s,padding .6s}.profile-panel.open{max-height:520px;opacity:1;padding:24px 28px}.bar-track{flex:1;height:8px;border-radius:99px;background:var(--track)}.bar-fill{height:100%;border-radius:99px;width:0;transition:width .9s cubic-bezier(.2,.7,.2,1)}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 44px;border-bottom:1px solid var(--h-border);gap:16px}.brand{font-weight:600;font-size:20px;color:var(--h-ink);font-family:var(--font-serif);display:inline-flex;align-items:center;gap:9px}.brand em{color:var(--h-accent);font-style:normal}.nav-links{display:flex;gap:20px;align-items:center;font-size:13.5px;color:var(--h-muted);font-family:var(--font-sans);white-space:nowrap;min-width:0;flex-wrap:wrap;justify-content:flex-end}.nav-links a{color:var(--h-muted)}.nav-links a:hover,.nav-links a.active{color:var(--h-accent)}.pill{border:1px solid var(--h-pill-border);border-radius:99px;padding:4px 12px;font-size:12px;color:var(--h-ink);font-family:var(--font-sans);background:none}button.pill{color:var(--h-muted);cursor:pointer;transition:all .2s}button.pill:hover{border-color:var(--h-accent);color:var(--h-accent)}.home-reveal{opacity:0;transform:translateY(28px);min-height:100vh}.home-reveal.shown{opacity:1;transform:none;transition:opacity 1s ease .2s,transform 1s cubic-bezier(.2,.7,.2,1) .2s}.home2{background:var(--h-bg);color:var(--h-ink);font-family:var(--font-serif);min-height:100vh}.home2-grid{display:grid;grid-template-columns:340px 1fr}.home2-left{padding:44px;border-right:1px solid var(--h-border);display:flex;flex-direction:column;gap:18px}.home2-left h1{margin:0;font-size:42px;line-height:1.02;font-weight:500}.profile-chip{align-self:flex-start;background:var(--chip-bg);border:1px solid var(--h-border);border-radius:99px;padding:5px 14px;font-size:12.5px;font-family:var(--font-sans);color:var(--h-muted)}.profile-chip strong{color:var(--h-ink)}.check-row{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:13px;color:var(--h-muted)}.check-dot{width:26px;height:26px;border-radius:99px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.cta-dark{margin-top:8px;background:var(--h-ink);color:var(--h-bg);border:0;border-radius:99px;padding:14px 26px;text-align:center;font-weight:700;font-size:15px;font-family:var(--font-sans);align-self:flex-start;cursor:pointer;display:inline-block;transition:background .25s}.cta-dark:hover{background:#3a2e20;color:var(--h-bg)}.home2-right{padding:36px 44px;min-width:0}.lesson-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.lesson-card{background:#fff;border:1px solid var(--h-border);border-radius:12px;padding:16px 14px;color:inherit;display:block;min-width:0;min-height:96px;transition:transform .2s,border-color .2s}.lesson-card:hover{transform:translateY(-2px);border-color:var(--h-accent);color:inherit}.lesson-card .num{font-size:30px;font-weight:600;color:var(--h-accent)}.lesson-card .t{font-size:12px;font-family:var(--font-sans);margin-top:4px;color:var(--h-muted)}.lesson-card.first{background:var(--h-accent);border-color:var(--h-accent);color:#fff}.lesson-card.first .num{color:#fff}.lesson-card.first .t{color:#ffffffe6}.phase-header{grid-column:1 / -1;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--h-muted);margin-top:10px}.phase-header:first-child{margin-top:0}.lesson-unlock{background:var(--h-unlock-bg);border:1px dashed var(--dot-border);border-radius:12px;padding:16px 14px;display:grid;place-items:center;grid-column:1 / -1;font-size:13px;color:var(--h-muted);font-family:var(--font-sans);text-align:center}.lesson-unlock strong{color:var(--h-ink)}.learners-row{margin-top:18px;display:flex;gap:14px;font-family:var(--font-sans);font-size:12.5px;color:var(--h-muted);align-items:center;flex-wrap:wrap}.learners-pill{background:#eaf3ec;color:var(--green);border-radius:99px;padding:4px 12px;font-weight:700}.page{max-width:1080px;margin:0 auto;padding:44px 44px 80px}.page-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:34px}.page-header h1{margin:0;font-size:38px;font-weight:500;line-height:1.05}.page-header .covers{justify-content:center}.card{background:#fff;border:1px solid var(--h-border);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:8px}.covers{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.covers span{font-size:11.5px;font-family:var(--font-sans);color:var(--h-muted);background:var(--h-unlock-bg);border:1px solid var(--h-border);border-radius:99px;padding:3px 10px}.placeholder{border:2px dashed var(--h-pill-border);border-radius:14px;padding:26px 24px;background:#ffffff8c;display:flex;flex-direction:column;gap:6px}.placeholder .ph-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--h-accent);font-weight:700;font-family:var(--font-sans)}.placeholder .ph-title{font-weight:600;font-size:17px}.placeholder .ph-note{font-size:13.5px}.prevnext{display:flex;justify-content:space-between;gap:14px;margin-top:34px}.prevnext a{min-width:0}.prevnext .to{overflow-wrap:break-word}.prevnext a{flex:1;border:1px solid var(--h-border);background:#fff;border-radius:12px;padding:14px 18px;color:var(--h-ink);transition:border-color .2s}.prevnext a:hover{border-color:var(--h-accent);color:var(--h-ink)}.prevnext .dir{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-family:var(--font-sans)}.prevnext .to{font-weight:600;margin-top:3px;font-size:15px}.prevnext a.next{text-align:right}.tag{display:inline-block;font-size:11px;font-weight:700;font-family:var(--font-sans);border-radius:99px;padding:3px 10px;letter-spacing:.04em;text-transform:capitalize}.tag.beginner{background:#eaf3ec;color:var(--green)}.tag.intermediate{background:#f6ead8;color:var(--accent-hover)}.tag.advanced{background:#f3e0dc;color:var(--red)}.tag.soon{background:var(--h-unlock-bg);color:var(--faint)}.tool-grid,.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.footer2{background:var(--h-ink);color:#8a7a62;font-size:11.5px;font-family:var(--font-sans);padding:24px 44px;line-height:1.6}.footer2-brand{margin-bottom:12px}.footer-brand{color:#faf7f0;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.footer-brand:hover{opacity:.9}.footer-brand span{font-size:17px;font-family:var(--font-serif);font-weight:600;color:#faf7f0}.footer-brand em{color:var(--h-accent);font-style:normal}.footer2>div+div{margin-top:6px}.footer2 a{color:#b3986f;text-decoration:underline;text-underline-offset:2px}.footer2 a.footer-brand{text-decoration:none}.footer2-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px}.footer2 a:hover{color:#e7dbc4}.notice{background:var(--sel-bg);border:1px solid var(--h-border);border-left:3px solid var(--h-accent);border-radius:10px;padding:12px 16px;font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--h-muted)}.notice strong{color:var(--h-ink);font-weight:700}.notice a{color:var(--h-accent);text-decoration:underline;text-underline-offset:2px}.notice a:hover{color:var(--accent-link-hover)}.lesson-body{display:flex;flex-direction:column;gap:6px}.lesson-body .lede{font-family:var(--font-sans);font-size:16.5px;line-height:1.65;color:var(--h-muted);margin:0 0 8px;text-wrap:pretty}.lesson-body section{margin-bottom:26px}.lesson-body h2{margin:0 0 12px;font-size:26px;font-weight:500;line-height:1.15}.lesson-body p{font-family:var(--font-sans);font-size:15px;line-height:1.7;color:#3d3226;margin:0 0 14px;text-wrap:pretty}.lesson-body p,.lesson-body li,.lesson-body h2,.lesson-body h3{overflow-wrap:break-word}.lesson-body strong{color:var(--h-ink)}.md-ul{font-family:var(--font-sans);font-size:15px;line-height:1.7;color:#3d3226;margin:0 0 14px;padding-left:22px}.md-ul li{margin-bottom:6px}.callout{background:#f9ebd9;border:1px solid #eeD9bd;border-left:3px solid var(--h-accent);border-radius:10px;padding:14px 18px;margin:0 0 14px}.callout-label{display:block;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--h-accent);margin-bottom:4px}.callout p{margin:0}.md-table-block{margin:0 0 14px}.md-table-scroll{position:relative}.md-table-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.md-table-scroll:before,.md-table-scroll:after{content:"";position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none;opacity:0;transition:opacity .2s ease}.md-table-scroll:before{left:0;background:linear-gradient(to right,var(--h-bg),rgba(250,247,240,0))}.md-table-scroll:after{right:0;background:linear-gradient(to left,var(--h-bg),rgba(250,247,240,0))}.md-table-block.more-left .md-table-scroll:before{opacity:1}.md-table-block.more-right .md-table-scroll:after{opacity:1}.md-table-hint{display:none;margin-top:5px;text-align:right;font-family:var(--font-sans);font-size:11.5px;font-weight:700;color:var(--h-accent)}.md-table-block.more-right .md-table-hint{display:block}.md-table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:13.5px;background:#fff;border:1px solid var(--h-border);border-radius:10px;overflow:hidden}.md-table th{text-align:left;background:var(--h-unlock-bg);color:var(--h-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;padding:9px 14px}.md-table td{padding:9px 14px;border-top:1px solid var(--h-border);color:#3d3226}.md-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.md-table th,.md-table td{overflow-wrap:anywhere}.figure{background:#fff;border:1px solid var(--h-border);border-radius:14px;padding:18px;margin:4px 0 14px}.figure figcaption{font-family:var(--font-sans);font-size:12.5px;color:var(--h-muted);margin-top:12px;line-height:1.55}.figure{margin-left:0;margin-right:0}.figure{overflow-x:auto;overscroll-behavior-x:contain}.chart-tip{position:absolute;z-index:5;background:var(--h-ink);color:var(--h-bg);font-family:var(--font-sans);font-size:12px;padding:6px 10px;border-radius:8px;pointer-events:none;white-space:nowrap;line-height:1.5}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--font-sans);font-size:12.5px;color:var(--h-muted);margin-bottom:8px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.quiz{display:flex;flex-direction:column;gap:20px}.quiz-q{background:#fff;border:1px solid var(--h-border);border-radius:14px;padding:18px 20px}.quiz-qtext{font-weight:600;font-size:16.5px;margin-bottom:12px}.quiz-opts{display:flex;flex-direction:column;gap:8px}.quiz-opt{text-align:left;font-family:var(--font-sans);font-size:14px;color:#3d3226;background:var(--h-bg);border:1.5px solid var(--h-border);border-radius:10px;padding:10px 14px;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.quiz-opt:hover:enabled{border-color:var(--h-accent)}.quiz-opt.correct{border-color:var(--green);background:#eaf3ec;font-weight:600}.quiz-opt.wrong{border-color:var(--red);background:#f7e9e6}.quiz-opt.faded{opacity:.55}.quiz-opt:disabled{cursor:default}.quiz-explain{font-family:var(--font-sans);font-size:13.5px;line-height:1.6;margin-top:10px;padding:10px 14px;border-radius:10px}.quiz-explain.right{background:#eaf3ec;color:#24512f}.quiz-explain.notright{background:#f7e9e6;color:#7c2d1e}.quiz-result{border-radius:14px;padding:18px 20px;font-family:var(--font-sans)}.quiz-result.pass{background:#eaf3ec;border:1px solid #cfe3d4}.quiz-result.fail{background:var(--h-unlock-bg);border:1px solid var(--h-border)}.quiz-score{font-family:var(--font-serif);font-size:22px;font-weight:600;margin-bottom:8px}.quiz-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13.5px;color:var(--h-muted)}.next-teaser{background:#fff;border:1px solid var(--h-border);border-radius:14px;padding:16px 20px;font-family:var(--font-sans);font-size:14px;color:var(--h-muted);line-height:1.6;margin-top:8px}.next-teaser strong{color:var(--h-ink)}.done-tick{float:right;font-family:var(--font-sans);font-weight:700;color:var(--green)}.lesson-card.first .done-tick{color:#fff}.lesson-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start}.lesson-fade{animation:fadeUp .45s cubic-bezier(.2,.7,.2,1) both}.track-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--h-bg);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .22s ease}.track-veil.on{opacity:1;pointer-events:auto}.track-veil-inner{text-align:center;display:flex;flex-direction:column;gap:8px;animation:fadeUp .3s ease both}.track-veil-title{font-family:var(--font-serif);font-size:26px;font-weight:600;color:var(--h-ink)}.track-veil-sub{font-family:var(--font-sans);font-size:13.5px;color:var(--h-muted)}.csb{border-right:1px solid var(--h-border);padding:28px 24px 40px;position:sticky;top:0;max-height:100vh;overflow-y:auto;font-family:var(--font-sans)}.csb-head .csb-name{font-weight:700;font-size:14.5px;color:var(--h-ink)}.csb-head .csb-sub{font-size:11.5px;color:var(--faint)}.csb-progress{display:flex;align-items:center;gap:8px;margin:10px 0 18px}.csb-progress span{font-size:11px;color:var(--faint);white-space:nowrap}.csb-bar{flex:1;height:6px;border-radius:99px;background:#f0eadc}.csb-fill{height:100%;border-radius:99px;background:var(--h-accent);transition:width .6s cubic-bezier(.2,.7,.2,1)}.csb-group{margin-bottom:18px}.csb-group-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.csb-item{display:flex;gap:10px;align-items:center;border-radius:9px;padding:8px 10px;color:#3d3226;font-size:13.5px;border:1px solid transparent;transition:background .15s}.csb-item:hover{background:var(--h-unlock-bg);color:#3d3226}.csb-item.now{background:#f9ebd9;border-color:#eed9bd;color:var(--h-ink);font-weight:600}.csb-item.unwritten{color:var(--faint)}.csb-circle{width:22px;height:22px;border-radius:99px;border:1.5px solid var(--dot-border);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--h-muted);flex:none;background:#fff}.csb-circle.filled{background:var(--h-accent);border-color:var(--h-accent);color:#fff}.csb-circle.dashed{border-style:dashed;color:#b8a88e;background:none}.csb-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csb-now{margin-left:auto;color:var(--h-accent);font-size:11px;flex:none}.csb-note{font-size:11.5px;color:#b8a88e;padding:4px 10px 0;line-height:1.5}.csb-tracks{border-top:1px solid var(--h-border);padding-top:16px}.csb-track{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--h-border);background:#fff;border-radius:9px;padding:9px 12px;color:#3d3226;font-size:13px;font-family:var(--font-sans);cursor:pointer;margin-bottom:6px;transition:border-color .2s}.csb-track:hover{border-color:var(--h-accent)}@media (max-width: 1100px){.lesson-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 980px){.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-layout>.page{order:1}.csb{order:2;position:static;max-height:46vh;overscroll-behavior:contain;margin:0 44px 48px;padding:18px 16px;border:1px solid var(--h-border);border-radius:14px;background:#fff}.csb:before{content:"The rest of the course";display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--h-accent);margin-bottom:10px}}@media (max-width: 640px){.prevnext{flex-direction:column}.prevnext a.next{text-align:left}}@media (max-width: 980px){.lesson-layout{overflow-x:clip}}@media (max-width: 900px){.home2-grid{grid-template-columns:1fr}.home2-left{border-right:none;border-bottom:1px solid var(--h-border);padding:32px 24px}.home2-right{padding:28px 24px}.tool-grid,.strategy-grid{grid-template-columns:1fr 1fr}.nav{padding:14px 20px}.page{padding:32px 20px 64px}.csb{margin:0 20px 48px}.footer2{padding:16px 20px}}@media (max-width: 720px){.md-table{font-size:12.5px}.md-table th,.md-table td{padding:8px 11px;min-width:84px}.md-table td.num{min-width:0}}@media (max-width: 620px){.figure{margin-left:-20px;margin-right:-20px;padding:12px 16px;border-left:0;border-right:0;border-radius:0;overflow:auto hidden}.figure svg{min-width:480px}.figure:has(svg):after{content:"↔ swipe the chart";display:block;position:sticky;left:0;margin-top:6px;font-family:var(--font-sans);font-size:11.5px;font-weight:700;color:var(--h-accent)}}@media (max-width: 600px){.lesson-grid{grid-template-columns:repeat(2,1fr)}.tool-grid,.strategy-grid{grid-template-columns:1fr}.home2-left h1{font-size:34px}.nav{flex-wrap:wrap;padding:12px 16px;gap:8px}.nav-links{width:100%;gap:16px;font-size:13px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav-links::-webkit-scrollbar{display:none}.nav-links>*{flex:none}.page-header h1{font-size:29px}.kicker{line-height:1.6}.lesson-body h2{font-size:22px}.lesson-body .lede{font-size:15.5px}.prevnext{flex-direction:column}.prevnext a.next{text-align:left}.quiz-q{padding:15px}.quiz-qtext{font-size:15.5px}.glossary-term,.glossary-def{min-width:0}.comic-bubble{max-width:62%}}.lesson-body p,.lesson-body h2,.page-header h1,.md-ul li,.callout p,.next-teaser,.quiz-qtext,.quiz-opt,.quiz-explain,.search-title,.search-snippet,.search-where,.glossary-def,.covers span{overflow-wrap:anywhere}.todo-dot{float:right;width:9px;height:9px;margin-top:8px;border-radius:99px;border:1.5px solid var(--h-pill-border);background:transparent}.lesson-card.first .todo-dot{border-color:#ffffffbf}.csb-todo{margin-left:auto;width:7px;height:7px;border-radius:99px;border:1.5px solid var(--h-pill-border);flex-shrink:0}.tool-form{display:flex;flex-wrap:wrap;gap:10px}.tool-field{display:flex;flex-direction:column;gap:4px;font-family:var(--font-sans);font-size:11.5px;font-weight:600;color:var(--h-muted)}.tool-field input,.tool-field select{border:1px solid var(--h-border);border-radius:8px;padding:8px 10px;font-size:14px;font-family:var(--font-sans);background:#fff;color:var(--h-ink)}.tool-field input:focus,.tool-field select:focus{outline:2px solid var(--h-accent);outline-offset:0;border-color:var(--h-accent)}.tool-mini-btn{border:1px solid var(--h-border);background:#fff;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:700;font-family:var(--font-sans);color:var(--h-muted);cursor:pointer;align-self:flex-end}.tool-mini-btn:hover{border-color:var(--h-accent);color:var(--h-accent)}.tool-result{background:var(--h-unlock-bg);border-radius:10px;padding:12px 16px;font-family:var(--font-sans);font-size:13.5px;line-height:1.6}.tool-result strong{color:var(--h-accent)}.tool-note{margin-top:6px;font-size:12px;color:var(--h-muted)}.glossary-search{border:1px solid var(--h-border);border-radius:10px;padding:10px 14px;font-size:14.5px;font-family:var(--font-sans);background:#fff;color:var(--h-ink);width:100%;max-width:380px}.glossary-search:focus{outline:2px solid var(--h-accent);outline-offset:0;border-color:var(--h-accent)}.glossary-letter{font-family:var(--font-sans);font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--h-accent);margin:14px 0 8px}.glossary-card{flex-direction:row;gap:16px;align-items:baseline;flex-wrap:wrap}.glossary-term{font-weight:600;font-size:16px;min-width:190px}.glossary-def{font-size:14px;flex:1;min-width:240px}.glossary-home{font-size:12.5px;font-family:var(--font-sans);white-space:nowrap}.glossary-also{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;padding-top:9px;border-top:1px dashed var(--h-border);font-family:var(--font-sans);font-size:12px;color:var(--faint)}.glossary-also a{color:var(--h-muted)}.glossary-also a:hover{color:var(--h-accent)}.glossary-also a+a:before{content:"· ";color:var(--h-pill-border)}.glossary-also button{border:0;background:none;padding:0;font:inherit;color:var(--h-accent);cursor:pointer}.gloss-link{position:relative;color:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--h-accent);text-decoration-thickness:1px;text-underline-offset:3px}.gloss-link:hover,.gloss-link:focus-visible{color:var(--h-accent);text-decoration-style:solid}.gloss-link:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%);z-index:20;width:max-content;max-width:min(260px,calc(100vw - 28px));padding:8px 11px;border-radius:9px;background:var(--h-ink);color:var(--h-bg);font-family:var(--font-sans);font-size:12px;font-weight:400;font-style:normal;line-height:1.5;text-align:left;overflow-wrap:anywhere;box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility 0s linear .15s}.gloss-link:hover:after,.gloss-link:focus-visible:after{opacity:1;visibility:visible;transition-delay:.12s,0s}@media (hover: none){.gloss-link:after{content:none}}.search-input{max-width:460px}.search-count{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}.search-results{display:flex;flex-direction:column;gap:10px}.search-hit{display:block;background:#fff;border:1px solid var(--h-border);border-radius:12px;padding:14px 16px;color:var(--h-ink);transition:border-color .2s,transform .2s}.search-hit:hover{border-color:var(--h-accent);color:var(--h-ink);transform:translateY(-1px)}.search-hit-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.search-chip{font-family:var(--font-sans);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:3px 9px;background:var(--h-unlock-bg);color:var(--h-muted);flex:none}.search-chip.kind-lesson{background:#eaf3ec;color:var(--green)}.search-chip.kind-glossary{background:#f9ebd9;color:var(--accent-hover)}.search-chip.kind-strategy{background:#e8eff7;color:#3572b0}.search-chip.kind-quiz{background:#f3e0dc;color:var(--red)}.search-where{font-family:var(--font-sans);font-size:11.5px;color:var(--faint);min-width:0}.search-title{font-size:16.5px;font-weight:600;line-height:1.3}.search-snippet{font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--h-muted);margin-top:5px}.search-hit mark{background:#f7e2c4;color:inherit;border-radius:3px;padding:0 1px}.search-empty{font-size:14.5px;max-width:560px;margin:0 auto;text-align:center}.search-empty p{margin:0 0 10px}.mode-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--h-pill-border);border-radius:999px;background:var(--h-unlock-bg);margin:0 0 14px}.mode-toggle button{font-family:var(--font-sans);font-size:12.5px;font-weight:700;padding:5px 14px;border:0;border-radius:999px;background:transparent;color:var(--h-muted);cursor:pointer}.mode-toggle button.on{background:var(--h-ink);color:var(--h-bg)}.mode-toggle button:hover:not(.on){color:var(--h-ink)}.comic-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:4px 0 14px}.comic-panel{margin:0;background:#fff;border:2px solid var(--h-ink);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.comic-panel.tone-good{background:#f3f8f4}.comic-panel.tone-bad{background:#fbf3f1}.comic-art{position:relative;flex:1;background:#f2e6cf}.tone-good .comic-art{background:#e7f0e6}.tone-bad .comic-art{background:#f7e9e2}.comic-art svg{display:block;width:100%;height:auto}.comic-caption{display:flex;gap:9px;align-items:baseline;border-top:2px solid var(--h-ink);padding:10px 13px;font-family:var(--font-sans);font-size:12.5px;line-height:1.5;color:var(--h-ink);background:var(--h-unlock-bg)}.comic-n{flex:none;font-weight:800;color:var(--h-accent)}.comic-bubble{position:absolute;max-width:52%;background:#fff;border:2px solid var(--h-ink);border-radius:12px;padding:7px 10px;font-family:var(--font-sans);font-size:11.5px;line-height:1.4;box-shadow:2px 2px #20180f1f}.comic-bubble:after{content:"";position:absolute;bottom:-7px;width:11px;height:11px;background:#fff;border-right:2px solid var(--h-ink);border-bottom:2px solid var(--h-ink);transform:rotate(45deg)}.comic-bubble:after{left:var(--tail-x, 16px)}.comic-note{font-family:var(--font-sans);font-size:12.5px;color:var(--h-muted);line-height:1.55;margin:-4px 0 14px}@media (max-width: 720px){.comic-strip{grid-template-columns:minmax(0,1fr)}.comic-bubble{font-size:12.5px;max-width:58%}}.comic-strip[lang=hi],.comic-strip[lang=mr],.comic-note[lang=hi],.comic-note[lang=mr],.mode-toggle button[lang=hi],.mode-toggle button[lang=mr]{font-family:var(--font-sans),"Noto Sans Devanagari",sans-serif}.comic-strip[lang=hi] .comic-caption,.comic-strip[lang=mr] .comic-caption,.comic-strip[lang=hi] .comic-bubble,.comic-strip[lang=mr] .comic-bubble{line-height:1.65}.comic-strip[lang=hi] svg text,.comic-strip[lang=mr] svg text{font-family:Noto Sans Devanagari,system-ui,sans-serif}.toggle-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}.toggle-row .mode-toggle{margin:0}.suggest-form{display:flex;flex-direction:column;gap:18px;margin:0 0 8px}.suggest-kinds{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.suggest-kinds legend{padding:0;margin-bottom:8px;font-family:var(--font-sans);font-size:12.5px;font-weight:600;color:var(--h-muted)}.kind-option{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;background:#fff;border:1px solid var(--h-border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.kind-option:hover{border-color:var(--dot-border)}.kind-option.on{border-color:var(--h-accent);background:var(--sel-bg)}.kind-option input{margin-top:3px;accent-color:var(--h-accent);flex:none}.kind-option span{display:flex;flex-direction:column;gap:2px;font-family:var(--font-sans)}.kind-option strong{font-size:14px;font-weight:600;color:var(--h-ink)}.kind-option em{font-style:normal;font-size:12px;line-height:1.45;color:var(--h-muted)}.form-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans)}.form-field>span{font-size:12.5px;font-weight:600;color:var(--h-muted)}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--h-border);border-radius:10px;padding:11px 13px;font-size:14.5px;font-family:var(--font-sans);line-height:1.55;background:#fff;color:var(--h-ink)}.form-field textarea{resize:vertical;min-height:120px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--h-accent);outline-offset:1px;border-color:transparent}.form-field ::placeholder{color:var(--faint)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.suggest-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.suggest-actions .btn-ink:disabled{opacity:.55;cursor:default}.form-note{font-family:var(--font-sans);font-size:12px;color:var(--faint)}.form-error{font-family:var(--font-sans);font-size:13.5px;line-height:1.6;color:var(--red);background:#f8ece9;border:1px solid #e8cdc6;border-radius:10px;padding:11px 14px}.errata-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.errata-list li{border-left:2px solid var(--h-border);padding-left:14px}.errata-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:3px}.errata-where{font-family:var(--font-sans);font-size:12px;font-weight:700;color:var(--h-accent);letter-spacing:.04em;text-transform:uppercase}.errata-date{font-family:var(--font-sans);font-size:12px;color:var(--faint)}.errata-list p{margin:0}.errata-credit{font-family:var(--font-sans);font-size:12.5px;color:var(--faint);margin-top:4px}@media (max-width: 640px){.suggest-kinds{grid-template-columns:1fr}}
