.guide{--bg: #F4F6F7;--surface: #FFFFFF;--ink: #17212B;--muted: #586572;--rule: #D6DDE3;--grid: #E7EDF1;--accent: #0E6B77;--accent-soft: #DDEFF1;--pen: #B45309;--pen-soft: #FBEBD6;--good: #1E7A4C;--good-soft: #DDF2E6;--bad: #B42318;--bad-soft: #FBE3E0;--f-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--f-body: "Source Serif 4", Georgia, "Times New Roman", serif;--f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--step--1: .875rem;--step-0: 1.0625rem;--step-1: 1.3rem;--step-2: 1.65rem;--step-3: 2.3rem;--radius: 10px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .guide{--bg: #0F151A;--surface: #151D24;--ink: #E2E8ED;--muted: #94A2AE;--rule: #2A3641;--grid: #1B252D;--accent: #55C2CD;--accent-soft: #123138;--pen: #F2A541;--pen-soft: #3A2A14;--good: #4CC38A;--good-soft: #12301F;--bad: #F2766B;--bad-soft: #3A1A17;color-scheme:dark}}:root[data-theme=dark] .guide{--bg: #0F151A;--surface: #151D24;--ink: #E2E8ED;--muted: #94A2AE;--rule: #2A3641;--grid: #1B252D;--accent: #55C2CD;--accent-soft: #123138;--pen: #F2A541;--pen-soft: #3A2A14;--good: #4CC38A;--good-soft: #12301F;--bad: #F2766B;--bad-soft: #3A1A17;color-scheme:dark}.guide *{box-sizing:border-box}.guide{margin:0;background:var(--bg);color:var(--ink);font:400 var(--step-0)/1.65 var(--f-body);padding-inline:16px;padding-block:0 64px}.guide a{color:var(--accent);text-underline-offset:2px}.guide :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.guide h1,.guide h2,.guide h3{font-family:var(--f-display);line-height:1.15;text-wrap:balance;margin:0}.guide h1{font-size:var(--step-3);font-weight:700;letter-spacing:-.02em}.guide h2{font-size:var(--step-2);font-weight:650;letter-spacing:-.01em}.guide h3{font-size:var(--step-1);font-weight:600}.guide p{margin:0}.guide code,.guide .mono{font-family:var(--f-mono);font-size:.88em}.guide code{overflow-wrap:anywhere}.guide .eyebrow{font:600 var(--step--1)/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.guide .topbar{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding-block:14px;border-bottom:1px solid var(--rule);font:500 var(--step--1)/1.3 var(--f-display)}.guide .topbar a{text-decoration:none}.guide .topbar .crumbs{color:var(--muted)}.guide .masthead{max-width:1120px;margin:0 auto;padding-block:40px 28px;display:grid;gap:14px}.guide .masthead .lede{max-width:62ch;font-size:var(--step-1);line-height:1.5;color:var(--muted)}.guide .meta{display:flex;flex-wrap:wrap;gap:8px;font:500 var(--step--1)/1 var(--f-mono);color:var(--muted)}.guide .meta span{border:1px solid var(--rule);border-radius:999px;padding:6px 10px;background:var(--surface)}.guide .badge-sample{color:var(--pen);border-color:var(--pen)!important}.guide .layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:32px}@media(min-width:960px){.guide .layout{grid-template-columns:230px minmax(0,1fr);gap:56px}.guide .toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 20px);align-self:start}}.guide .toc{font:500 .92rem/1.35 var(--f-display)}.guide .toc ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px;counter-reset:toc}.guide .toc li a{display:grid;grid-template-columns:1.6em 1fr;gap:6px;padding:6px 8px;border-radius:6px;color:var(--muted);text-decoration:none}.guide .toc li a:before{counter-increment:toc;content:counter(toc);font-family:var(--f-mono);font-size:.8em;padding-top:.15em}.guide .toc li a:hover{background:var(--accent-soft);color:var(--ink)}.guide .toc li a.active{color:var(--accent);background:var(--accent-soft)}.guide .toc .toc-extra:before{content:""!important}@media(max-width:959px){.guide .toc{border:1px solid var(--rule);border-radius:var(--radius);padding:14px;background:var(--surface)}}.guide article{min-width:0;max-width:72ch;display:grid;gap:56px}.guide article>section{display:grid;gap:18px;scroll-margin-top:20px}.guide article>section>*,.guide .callout>*,.guide .bigpicture>*,.guide .mcq>*,.guide details.check .answer>*{min-width:0}.guide .section-head{display:grid;gap:8px}.guide .src{display:inline-flex;flex-wrap:wrap;gap:6px;font:500 .78rem/1 var(--f-mono);color:var(--muted)}.guide .src span{background:var(--grid);border-radius:4px;padding:4px 6px}.guide article ul,.guide article ol{margin:0;padding-left:1.3em;display:grid;gap:6px}.guide article li{min-width:0}.guide .bigpicture{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:22px;display:grid;gap:14px}.guide .goals{list-style:none;padding:0!important}.guide .goals label{display:grid;grid-template-columns:22px 1fr;gap:10px;cursor:pointer}.guide .goals input{width:18px;height:18px;margin-top:.3em;accent-color:var(--accent)}.guide figure.diagram{margin:0;border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background-color:var(--surface);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px}.guide figure.diagram .canvas{overflow-x:auto;padding:16px}.guide figure.diagram .canvas>svg{display:block;width:100%;height:auto;min-width:300px;margin:0 auto}.guide figure.diagram.row .canvas{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.guide figure.diagram.row .canvas>svg{min-width:0}.guide figure.diagram figcaption{border-top:1px solid var(--rule);background:var(--surface);padding:12px 16px;font-size:var(--step--1);color:var(--muted);line-height:1.5}.guide figure.diagram figcaption b{color:var(--ink);font-family:var(--f-display);font-weight:600}.guide .d-axis{stroke:var(--muted);stroke-width:1.5;fill:none}.guide .d-ink{stroke:var(--ink);stroke-width:2;fill:none}.guide .d-accent{stroke:var(--accent);stroke-width:2.5;fill:none}.guide .d-pen{stroke:var(--pen);stroke-width:2;fill:none}.guide .d-dash{stroke-dasharray:5 4}.guide .d-thin{stroke-width:1.2}.guide .d-dot{fill:var(--ink);stroke:none}.guide .d-dot-accent{fill:var(--accent);stroke:var(--surface);stroke-width:1.5}.guide .d-dot-pen{fill:var(--pen);stroke:var(--surface);stroke-width:1.5}.guide .d-fill-soft{fill:var(--accent-soft);stroke:none}.guide .d-fill-pen{fill:var(--pen-soft);stroke:none}.guide .d-fill-good{fill:var(--good-soft);stroke:none}.guide .d-fill-bad{fill:var(--bad-soft);stroke:none}.guide .d-fill-grid{fill:var(--grid);stroke:none}.guide .d-box{fill:var(--surface);stroke:var(--muted);stroke-width:1.2}.guide .d-cell{fill:none;stroke:var(--muted);stroke-width:1.2}.guide .d-dot-hollow{fill:var(--surface);stroke:var(--ink);stroke-width:1.8}.guide .d-test{fill:var(--surface);stroke:var(--pen);stroke-width:2.4}.guide .d-label-good{fill:var(--good);font:600 13px var(--f-display)}.guide .d-label-bad{fill:var(--bad);font:600 13px var(--f-display)}.guide .d-big{fill:var(--ink);font:700 17px var(--f-display)}.guide .d-label{fill:var(--ink);font:500 13px var(--f-display)}.guide .d-small{fill:var(--muted);font:500 11.5px var(--f-mono)}.guide .d-label-accent{fill:var(--accent);font:600 13px var(--f-display)}.guide .d-label-pen{fill:var(--pen);font:600 13px var(--f-display)}.guide .d-title{fill:var(--ink);font:650 14px var(--f-display)}.guide .math{overflow-x:auto;padding:14px 16px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}.guide .math p+p{margin-top:8px}.guide mjx-container{color:var(--ink)}.guide mjx-container[display=true]{max-width:100%;overflow-x:auto;overflow-y:hidden}.guide .symbols{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;font-size:var(--step--1);margin-top:10px}.guide .symbols dt{font-weight:600}.guide .symbols dd{margin:0;color:var(--muted)}.guide .callout{border-radius:var(--radius);padding:14px 16px;display:grid;gap:6px}.guide .callout>.eyebrow{font-size:.75rem}.guide .callout.intuition{background:var(--accent-soft)}.guide .callout.trap{background:var(--bad-soft)}.guide .callout.trap>.eyebrow{color:var(--bad)}.guide .callout.example{background:var(--surface);border:1px solid var(--rule)}.guide .callout.example>.eyebrow{color:var(--pen)}.guide .steps{counter-reset:step;list-style:none;padding:0!important;display:grid;gap:10px!important}.guide .steps>li{display:grid;grid-template-columns:2em minmax(0,1fr);gap:8px}.guide .steps>li:before{counter-increment:step;content:counter(step);width:1.7em;height:1.7em;border-radius:50%;display:grid;place-items:center;background:var(--pen-soft);color:var(--pen);font:600 .8rem/1 var(--f-mono);margin-top:.15em}.guide .steps>li>div{min-width:0;overflow-x:auto}.guide .table-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.guide table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.guide th,.guide td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}.guide th{font:600 .78rem/1.2 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.guide tr:last-child td{border-bottom:none}.guide td.num{font-variant-numeric:tabular-nums;font-family:var(--f-mono)}.guide details.check{border:1px dashed var(--accent);border-radius:var(--radius);padding:12px 16px;background:var(--surface)}.guide details.check summary{cursor:pointer;font-family:var(--f-display);font-weight:600;list-style:none;display:block}.guide details.check summary::-webkit-details-marker{display:none}.guide details.check summary:before{content:"Check";display:inline-block;margin-right:10px;font:600 .72rem/1.9 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.guide details.check .answer{margin-top:10px;padding-top:10px;border-top:1px solid var(--rule);display:grid;gap:8px}.guide details.check .hint{color:var(--muted);font-size:var(--step--1)}.guide .score{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--rule);font:600 var(--step-0)/1.2 var(--f-display)}.guide .score .mono{font-variant-numeric:tabular-nums}.guide button{font:inherit;cursor:pointer}.guide .btn-quiet{border:1px solid var(--rule);background:transparent;color:var(--muted);border-radius:6px;padding:6px 12px;font:500 var(--step--1)/1 var(--f-display)}.guide .mcq{display:grid;gap:10px;padding:18px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.guide .mcq .q{font-weight:600}.guide .mcq .q .qn{font:600 .8rem/1 var(--f-mono);color:var(--muted);margin-right:6px}.guide .opts{display:grid;gap:8px}.guide .opts button{text-align:left;border:1px solid var(--rule);border-radius:8px;padding:10px 12px;background:var(--bg);color:var(--ink);font-family:var(--f-body);line-height:1.45}.guide .opts button:hover:not(:disabled){border-color:var(--accent)}.guide .opts button.right{background:var(--good-soft);border-color:var(--good)}.guide .opts button.wrong{background:var(--bad-soft);border-color:var(--bad)}.guide .opts button:disabled{cursor:default}.guide .why{font-size:var(--step--1);padding:10px 12px;border-radius:8px;background:var(--accent-soft)}.guide .why .verdict{font-family:var(--f-display);font-weight:700}.guide .why .verdict.ok{color:var(--good)}.guide .why .verdict.no{color:var(--bad)}.guide .lectures{list-style:none;padding:0;margin:0;display:grid;gap:12px}.guide .lectures a{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-decoration:none}.guide .lectures a:hover{border-color:var(--accent)}.guide .lectures .num{font:600 var(--step--1)/1 var(--f-mono);color:var(--accent)}.guide .lectures .t{font:600 var(--step-1)/1.25 var(--f-display)}.guide .lectures .d{color:var(--muted);font-size:var(--step--1);margin-top:4px}.guide .lectures .go{font:500 var(--step--1)/1 var(--f-mono);color:var(--muted)}@media(max-width:560px){.guide .lectures a{grid-template-columns:minmax(0,1fr);gap:6px}.guide .lectures .go{display:none}}.guide{--bg: #ece4da;--surface: #f6f3ec;--ink: #36302a;--muted: #6b5d52;--rule: #d6cbbd;--grid: #e4dace;--accent: #2f6a64;--accent-soft: #d8e4dd;--pen: #b0532a;--pen-soft: #f1ddcc;--good: #2e6f45;--good-soft: #dae8d6;--bad: #a8382c;--bad-soft: #f2d9d3;--f-display: var(--font-head);--f-body: var(--font-body);--f-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;background:transparent;padding-inline:var(--gutter, 16px);padding-block:0 4rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .guide{--bg: #1f1b18;--surface: #2a2521;--ink: #ece4da;--muted: #b3a698;--rule: #3d3631;--grid: #302a26;--accent: #7cc0b5;--accent-soft: #233a37;--pen: #f0a06a;--pen-soft: #3d2a1d;--good: #7cc98f;--good-soft: #1f3324;--bad: #f08a7c;--bad-soft: #3d221e}}:root[data-theme=dark] .guide{--bg: #1f1b18;--surface: #2a2521;--ink: #ece4da;--muted: #b3a698;--rule: #3d3631;--grid: #302a26;--accent: #7cc0b5;--accent-soft: #233a37;--pen: #f0a06a;--pen-soft: #3d2a1d;--good: #7cc98f;--good-soft: #1f3324;--bad: #f08a7c;--bad-soft: #3d221e}.guide h1,.guide h2,.guide h3{font-weight:400;letter-spacing:0}.guide .masthead{padding-block:1.5rem 1.75rem}.guide svg text[class]{font-family:var(--font-body)}.guide svg text.d-small{font-family:var(--f-mono)}.guide .mjx-display{display:block;overflow-x:auto;overflow-y:hidden;text-align:center;padding-block:.35em}.guide .mjx-display svg{display:inline-block;max-width:none}.guide .mjx-inline svg{display:inline;max-width:none}.guide .mjx-wide{display:inline-block;max-width:100%;overflow-x:auto;overflow-y:hidden;vertical-align:middle}.guide .crumbs{font-size:.9rem;color:var(--muted)}.guide .crumbs a{color:inherit}