.read-progress{z-index:40;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.read-progress i{background:var(--accent);transform-origin:100%;width:100%;height:100%;display:block;transform:scaleX(0)}.a-head{padding:clamp(36px, 5vw, 64px) 0 var(--space-6)}.crumbs{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--space-5);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.a-head-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.kicker{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.pill{font-size:var(--fs-xs);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 12px;font-weight:600}.pill.kind{background:var(--accent-soft);color:var(--accent-ink)}.a-head h1{letter-spacing:-.035em;font-size:clamp(2.2rem,1.4rem + 3.4vw,4rem);font-weight:800;line-height:1.06}.dek{font-size:var(--fs-lg);color:var(--muted);margin:var(--space-5) 0 var(--space-6);max-width:48ch}.byline{align-items:center;gap:var(--space-4);font-size:var(--fs-xs);color:var(--muted);padding-top:var(--space-5);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.avatar{background:var(--teal);width:40px;height:40px;color:var(--on-teal);border-radius:50%;place-items:center;display:grid}.avatar svg{width:20px;height:20px}.byline strong{color:var(--ink);font-size:var(--fs-sm);font-weight:600;display:block}.byline .sep{background:var(--line);width:1px;height:28px}.level{align-items:center;gap:3px;display:inline-flex}.level i{background:var(--line-strong);border-radius:2px;width:6px;height:12px}.level i.on{background:var(--teal)}.a-art{aspect-ratio:1;border-radius:var(--radius-lg) var(--radius-lg) 80px var(--radius-lg);background:var(--teal);color:var(--on-teal);box-shadow:var(--shadow);place-items:center;display:grid;position:relative;overflow:hidden}.a-art svg{width:78%;height:78%}.a-art .orbit{fill:none;stroke:currentColor;stroke-width:1.4px;opacity:.35;transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite breathe}.a-art .orbit.r2{animation-delay:-3s}@keyframes breathe{50%{opacity:.2;transform:scale(1.06)}}.a-layout{padding:var(--space-6) 0 var(--section);grid-template-columns:240px minmax(0,680px);justify-content:space-between;gap:clamp(32px,5vw,80px);display:grid}.toc{align-self:start;position:sticky;top:92px}.toc small{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--space-3);font-weight:600;display:block}.toc ol{border-inline-start:2px solid var(--line);margin:0;padding:0;list-style:none}.toc a{font-size:var(--fs-sm);color:var(--muted);transition:color .2s var(--ease), border-color .2s var(--ease);border-inline-start:2px solid #0000;margin-inline-start:-2px;padding:7px 14px;line-height:1.45;text-decoration:none;display:block}.toc a:hover{color:var(--ink)}.toc a.current{color:var(--ink);border-color:var(--accent);font-weight:600}.toc-actions{gap:var(--space-2);margin-top:var(--space-5);display:flex}.toc-mobile{display:none}.prose{font-size:1.125rem;line-height:1.85}.prose>*{margin-block:0}.prose>*+*{margin-top:1.1em}.prose h2{align-items:baseline;gap:12px;margin-top:2.4em;scroll-margin-top:90px;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);display:flex}.prose h2 .n{font-size:var(--fs-sm);color:var(--accent-ink);flex:none;font-weight:600}.prose h3{margin-top:1.8em;font-size:1.25rem;font-weight:600}.prose ul,.prose ol{padding-inline-start:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--accent)}.prose a{color:var(--teal);text-underline-offset:3px;text-decoration-thickness:1px}.prose strong{font-weight:600}.tldr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6)}.tldr b{font-size:var(--fs-xs);color:var(--accent-ink);margin-bottom:var(--space-2);display:block}.tldr ol{margin:0;padding-inline-start:1.2em;font-size:1rem;line-height:1.7}.callout{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);grid-template-columns:auto 1fr;font-size:1rem;line-height:1.7;display:grid}.callout svg{width:22px;height:22px;margin-top:3px}.callout strong{display:block}.callout.tip{background:var(--teal-soft)}.callout.tip svg{color:var(--teal)}.callout.warn{background:var(--accent-soft)}.callout.warn svg{color:var(--accent-ink)}.callout.note{background:color-mix(in srgb, var(--mustard) 18%, var(--surface))}.callout.note svg{color:var(--mustard)}.term{border-bottom:1.5px dotted var(--teal);cursor:help;position:relative}.term:focus{background:var(--teal-soft);border-radius:3px;outline:none}.tip-pop{z-index:35;background:var(--inverse-bg);width:260px;color:var(--inverse-ink);font-size:var(--fs-xs);box-shadow:var(--shadow);opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);pointer-events:none;border-radius:12px;padding:12px 14px;line-height:1.6;position:absolute;transform:translateY(4px)}.tip-pop.show{opacity:1;transform:none}.term .tip-pop{animation:q-fade-in .2s var(--ease);top:calc(100% + 8px);cursor:default;width:min(260px,80vw);font-weight:400;inset-inline-start:50%;translate:50%}.tip-pop b{color:var(--mustard);margin-bottom:2px;display:block}.prose figure{margin:2em 0}.prose figure .fig{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5)}.prose figure svg{width:100%;height:auto;display:block}.prose figcaption{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--space-2)}.fig .wall{fill:none;stroke:var(--ink);stroke-width:3px}.fig .inner{stroke:var(--line-strong);stroke-width:1.5px}.fig .mamad{fill:var(--surface-2);stroke:var(--ink);stroke-width:5px}.fig .lbl{fill:var(--muted);font:500 12px var(--font)}.fig .wave{fill:none;stroke:var(--teal);stroke-width:1.6px;stroke-dasharray:4 5;transform-box:fill-box;transform-origin:50%;animation:wave 3.6s var(--ease) infinite;opacity:0}.fig .wave.w2{animation-delay:1.2s}.fig .wave.w3{animation-delay:2.4s}@keyframes wave{0%{opacity:0;transform:scale(.2)}25%{opacity:.8}to{opacity:0;transform:scale(1)}}.fig-toggle{background:var(--surface-2);margin-bottom:var(--space-4);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.fig-toggle button{font-size:var(--fs-xs);color:var(--muted);transition:all .2s var(--ease);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-weight:500}.fig-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.fig .router{transition:transform .6s var(--ease)}.fig .dead{fill:var(--accent);opacity:.14;transition:opacity .5s var(--ease)}.fig.good .dead{opacity:0}.mini-table{border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;font-size:.95rem;overflow:hidden}.mini-table th,.mini-table td{text-align:start;border-bottom:1px solid var(--line);padding:12px 16px;line-height:1.5}.mini-table thead th{background:var(--bg);font-size:var(--fs-xs);color:var(--muted);font-weight:600}.mini-table tbody th{font-weight:600}.mini-table td{color:var(--muted)}.mini-table tr:last-child th,.mini-table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.quiz{background:var(--inverse-bg);color:var(--inverse-ink);border-radius:var(--radius-lg) var(--radius-lg) 56px var(--radius-lg);margin:2em 0;padding:clamp(24px,4vw,36px)}.quiz small{color:var(--mustard);font-size:var(--fs-xs);font-weight:600}.quiz h3{margin:6px 0 var(--space-4);font-size:1.3rem}.q-step{display:none}.q-step.on{animation:q-fade-in .4s var(--ease);display:block}@keyframes q-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.q-step p{margin:0 0 var(--space-3);font-weight:500}.q-opts{gap:var(--space-2);display:grid}.q-opts button{text-align:start;border:1px solid color-mix(in srgb, var(--inverse-ink) 22%, transparent);color:var(--inverse-ink);border-radius:var(--radius-sm);font-size:var(--fs-sm);transition:all .2s var(--ease);background:0 0;padding:12px 16px}.q-opts button:hover{background:color-mix(in srgb, var(--inverse-ink) 8%, transparent);border-color:color-mix(in srgb, var(--inverse-ink) 45%, transparent)}.q-dots{margin-top:var(--space-4);gap:6px;display:flex}.q-dots i{background:color-mix(in srgb, var(--inverse-ink) 20%, transparent);width:22px;height:4px;transition:background-color .3s var(--ease);border-radius:4px}.q-dots i.on{background:var(--mustard)}.q-result strong{margin-bottom:var(--space-2);font-size:1.4rem;display:block}.q-result p{color:color-mix(in srgb, var(--inverse-ink) 78%, transparent);font-weight:400}.q-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.q-actions .btn:not(.primary){color:var(--inverse-ink);border-color:color-mix(in srgb, var(--inverse-ink) 30%, transparent);background:0 0}.checklist{gap:var(--space-2);list-style:none;display:grid;padding:0!important}.checklist li{margin:0!important}.checklist label{gap:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:all .2s var(--ease);grid-template-columns:auto 1fr;align-items:start;padding:12px 16px;font-size:1rem;line-height:1.6;display:grid}.checklist input{appearance:none;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;width:22px;height:22px;transition:all .2s var(--ease);border-radius:7px;place-items:center;margin:2px 0 0;display:grid}.checklist input:after{content:"";border:solid var(--on-teal);width:10px;height:6px;transition:transform .2s var(--ease);border-width:0 0 2px 2px;margin-top:-2px;transform:rotate(-45deg)scale(0)}.checklist input:checked{background:var(--teal);border-color:var(--teal)}.checklist input:checked:after{transform:rotate(-45deg)scale(1)}.checklist label:has(input:checked){color:var(--muted);border-color:var(--teal);background:color-mix(in srgb, var(--teal-soft) 50%, var(--surface))}.checklist small{color:var(--muted);font-size:var(--fs-xs);display:block}.check-count{font-size:var(--fs-xs);color:var(--muted)}.a-end{margin-top:var(--space-8);gap:var(--space-4);display:grid}.feedback{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.feedback .btns{gap:var(--space-2);display:flex}.feedback button{border:1px solid var(--line);background:var(--bg);font-size:var(--fs-xs);transition:all .2s var(--ease);border-radius:999px;padding:6px 14px;font-weight:500}.feedback button:hover{border-color:var(--line-strong)}.feedback button[aria-pressed=true]{border-color:var(--teal);background:var(--teal-soft);color:var(--teal)}.plan-cta{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--accent-soft);display:flex}.plan-cta h3{font-size:1.35rem}.plan-cta p{color:var(--muted);font-size:var(--fs-sm);margin:4px 0 0}.plan-cta .btn{flex:none}.related{padding:var(--section) 0;border-top:1px solid var(--line)}.related h2{margin-bottom:var(--space-5);font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem)}.rel-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.rel{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:transform .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;text-decoration:none;display:flex}.rel:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.rel span{font-size:var(--fs-xs);color:var(--accent-ink);font-weight:600}.rel strong{font-size:1.1rem;font-weight:600;line-height:1.35}.rel small{color:var(--muted);font-size:var(--fs-xs);padding-top:var(--space-3);margin-top:auto}.toast{background:var(--inverse-bg);color:var(--inverse-ink);font-size:var(--fs-sm);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:50;border-radius:999px;padding:11px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:960px){.a-head-grid{grid-template-columns:1fr}.a-art{aspect-ratio:1.4;border-radius:var(--radius-lg) var(--radius-lg) 56px var(--radius-lg);max-width:340px}.a-layout{grid-template-columns:1fr;justify-content:stretch}.toc{display:none}.toc-mobile{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-bottom:var(--space-5);display:block}.toc-mobile summary{font-weight:600;font-size:var(--fs-sm);cursor:pointer;justify-content:space-between;padding:14px 18px;list-style:none;display:flex}.toc-mobile summary:after{content:"+";color:var(--muted)}.toc-mobile[open] summary:after{content:"−"}.toc-mobile ol{font-size:var(--fs-sm);margin:0;padding:0 18px 14px;padding-inline-start:36px}.toc-mobile li{padding:4px 0}.toc-mobile a{color:var(--muted);text-decoration:none}.rel-grid{grid-template-columns:1fr}}@media (max-width:720px){.prose{font-size:1.0625rem}.byline .sep{display:none}.plan-cta{flex-direction:column;align-items:start}.tldr{padding:var(--space-4)}}@media print{.topbar,.mobile-menu,.toc,.toc-mobile,.read-progress,.quiz,.a-end,.related,footer{display:none!important}.a-layout{grid-template-columns:1fr}}