:root{--ink:#1a1a1a;--ink-light:#555;--bg:#fffff8;--bg-subtle:#f4f1eb;--rule:#d4d0c8;--neutral:#e8e4dc;--dimmed:#c8c4bc;--success:#2a7a3f;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-xxl:6rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;font-size:16px}body{color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Source Serif 4",Georgia,serif;font-size:1.125rem;font-weight:400;line-height:1.65}h1{letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--space-sm);font-size:2.5rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;color:var(--ink);margin-bottom:var(--space-lg);font-size:1.5rem;font-weight:600;line-height:1.3}.section-anchor{opacity:0;color:var(--ink-light);margin-left:.3em;font-size:.85em;font-weight:400;text-decoration:none;transition:opacity .15s}h2:hover .section-anchor,.section-anchor:focus{opacity:.5}.section-anchor:hover{opacity:.8}h3{color:var(--ink);margin-bottom:var(--space-md);font-size:1.25rem;font-weight:600;line-height:1.35}p{margin-bottom:var(--space-md)}strong{font-weight:600}em{font-style:italic}a{color:var(--interactive);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:2px}a:hover{-webkit-text-decoration-color:var(--interactive);text-decoration-color:var(--interactive)}blockquote.formula{max-width:640px;margin:var(--space-lg) auto;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--accent,var(--rule));font-size:1.25rem;line-height:1.5}blockquote.formula .katex{font-size:1.25rem}.katex-display{overflow:auto hidden}.page-wrapper{width:100%;padding:0 var(--space-lg)}.title-area{max-width:640px;margin:var(--space-xl) auto var(--space-lg)}.field-title{color:var(--ink-light);margin-bottom:var(--space-xs);font-family:"Source Serif 4",Georgia,serif;font-size:1.125rem;font-weight:600;display:block}.subtitle{color:var(--ink-light);margin-top:var(--space-sm);font-size:1.125rem;font-style:italic}.prose{max-width:640px;margin:0 auto}.prose p{max-width:640px}.section{max-width:900px;padding-top:var(--space-lg);margin:0 auto;position:relative}.section-number{left:-3rem;top:calc(var(--space-xl) + .2rem);color:var(--ink-light);opacity:.6;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8125rem;position:absolute}.section-divider{background:var(--rule);width:60%;max-width:384px;height:1px;margin:var(--space-lg) auto;border:none}.figure-full{max-width:960px;margin:var(--space-lg) auto;padding:var(--space-md)}.figure-inline{max-width:640px;margin:var(--space-lg) auto;padding:var(--space-md)}.figure-caption{color:var(--ink-light);margin-top:var(--space-sm);max-width:640px;font-size:.875rem;line-height:1.5}.figure-full,.figure-inline{opacity:0;transition:opacity .3s ease-out}.figure-full.visible,.figure-inline.visible{opacity:1}.ui-label{letter-spacing:.02em;color:var(--ink-light);font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.4}.counter-display{color:var(--ink);font-family:"Source Sans 3",system-ui,sans-serif;font-size:1rem;font-weight:600;line-height:1.4}.pill-group{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.pill{letter-spacing:.02em;border:1px solid var(--rule);background:var(--bg-subtle);color:var(--ink-light);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.375rem .75rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8125rem;font-weight:500;transition:background-color .2s ease-out,color .2s ease-out}.pill:hover{border-color:var(--ink-light)}.pill.active{background:var(--interactive);color:#fff;border-color:var(--interactive)}.pill:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.btn{background:var(--interactive);color:#fff;cursor:pointer;border:none;border-radius:4px;min-height:44px;padding:.625rem 1.5rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.875rem;font-weight:500;transition:background-color .2s ease-out}.btn:hover{background:var(--interactive-hover,#2d5a8a)}.btn:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn-text{color:var(--interactive);cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;padding:.25rem 0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.875rem;font-weight:500;text-decoration:underline;display:inline-flex}.btn-text:hover{color:var(--interactive-hover,#2d5a8a)}input[type=range]{appearance:none;background:var(--rule);border-radius:3px;outline:none;width:100%;max-width:200px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--interactive);cursor:pointer;border-radius:50%;width:18px;height:18px}input[type=range]::-moz-range-thumb{background:var(--interactive);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}input[type=range]:focus-visible{outline:2px solid var(--interactive);outline-offset:4px}select{border:1px solid var(--rule);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:4px;padding:.375rem .75rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.875rem}select:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.control-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.hidden{display:none}details.derivation-collapsible{max-width:640px;margin:var(--space-md) auto var(--space-lg);border:1px solid var(--rule);background:var(--bg-subtle);border-radius:4px}details.derivation-collapsible summary{color:var(--ink-light);cursor:pointer;padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-xs);min-height:44px;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.875rem;font-weight:500;list-style:none;display:flex}details.derivation-collapsible summary::-webkit-details-marker{display:none}details.derivation-collapsible summary:before{content:"▸";font-size:.75rem;transition:transform .2s ease-out}details.derivation-collapsible[open] summary:before{transform:rotate(90deg)}details.derivation-collapsible summary:hover{color:var(--ink)}details.derivation-collapsible summary:focus-visible{outline:2px solid var(--interactive);outline-offset:-2px;border-radius:4px}details.derivation-collapsible .derivation-content{padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid var(--rule);color:var(--ink);font-size:.9375rem;line-height:1.6}details.derivation-collapsible .derivation-content p:last-child{margin-bottom:0}.tooltip{border:1px solid var(--rule);padding:var(--space-xs) var(--space-sm);color:var(--ink);white-space:nowrap;z-index:100;pointer-events:none;background:#fff;border-radius:2px;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8125rem;position:absolute;box-shadow:0 1px 3px #0000001a}button.sidenote-ref{color:var(--accent,var(--ink-light));cursor:pointer;vertical-align:super;background:0 0;border:none;margin-left:2px;padding:0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.75rem;font-weight:600;line-height:1;display:inline}button.sidenote-ref:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.sidenote-ref:not(button){vertical-align:super;color:var(--accent,var(--ink-light));cursor:pointer;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.75rem}.sidenote{color:var(--ink-light);max-width:640px;margin:0 auto var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-subtle);border-left:2px solid var(--rule);border-radius:0 2px 2px 0;font-size:.8125rem;line-height:1.5;display:none}.sidenote.visible{display:block}@media (width>=1100px){.sidenote{float:right;clear:right;background:0 0;border-left:none;border-radius:0;width:240px;max-width:240px;margin-right:-280px;padding:0;font-size:.8125rem;display:block;position:relative}}.progress-bar{background:var(--accent,var(--rule));z-index:1000;width:0%;height:2px;transition:width .1s linear,opacity .3s ease-out;position:fixed;top:0;left:0}.scroll-top{border:1px solid var(--rule);background:var(--bg);width:44px;height:44px;color:var(--ink-light);cursor:pointer;opacity:0;z-index:999;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:opacity .2s ease-out;display:flex;position:fixed;bottom:2rem;right:2rem}.scroll-top.visible{opacity:.5}.scroll-top:hover{opacity:1}.section-progress{top:var(--space-sm);right:var(--space-md);font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--ink-light);opacity:0;pointer-events:none;z-index:100;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.7rem;transition:opacity .3s ease-out;position:fixed;overflow:hidden}.section-progress.visible{opacity:.6}@media (width<=600px){.section-progress{max-width:200px;right:var(--space-sm);font-size:.65rem}}.guess-prompt{max-width:640px;margin:var(--space-lg) auto;padding:var(--space-lg);text-align:center;background:var(--bg-subtle);border:1px solid var(--rule);border-radius:4px}.guess-prompt-text{color:var(--ink);margin-bottom:var(--space-md);font-size:1.0625rem;line-height:1.55}.guess-options{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.guess-option{border:1px solid var(--rule);background:var(--bg);color:var(--ink);cursor:pointer;align-items:center;gap:var(--space-xs);border-radius:4px;flex-direction:column;min-width:44px;min-height:44px;padding:.5rem 1.25rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.9375rem;font-weight:500;transition:background-color .2s ease-out,border-color .2s ease-out;display:flex}.guess-option:hover{border-color:var(--interactive)}.guess-option:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.guess-option.selected{background:var(--interactive);color:#fff;border-color:var(--interactive)}.guess-option.selected svg{color:#fff}.guess-option:disabled:not(.selected){opacity:.35;cursor:default}.guess-reveal{margin-top:var(--space-md);color:var(--ink);opacity:0;font-size:1rem;line-height:1.6;transition:opacity .4s ease-out}.guess-reveal.visible{opacity:1}.guess-numeric{justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.guess-numeric input[type=number]{text-align:center;border:1px solid var(--rule);width:5ch;padding:var(--space-xs) var(--space-sm);background:var(--bg);min-height:44px;color:var(--ink);border-radius:4px;font-family:Source Code Pro,Menlo,monospace;font-size:1.25rem}.guess-numeric input[type=number]:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.pause-guess{margin:var(--space-xxl) 0;text-align:center;font-style:italic}@media (width<=1099px){.section-number{display:none}.pill{justify-content:center;align-items:center;min-height:44px;padding:.5rem .75rem;display:flex}input[type=range]::-webkit-slider-thumb{width:44px;height:44px}input[type=range]::-moz-range-thumb{width:44px;height:44px}}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.25rem}.page-wrapper{padding:0 var(--space-md)}.figure-full,.figure-inline{padding:var(--space-sm)}.btn{width:100%}.guess-options{flex-direction:column;align-items:stretch}.guess-option{flex-direction:row;justify-content:center}.control-row{flex-direction:column;align-items:stretch}input[type=range]{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.figure-full,.figure-inline{opacity:1!important}}