@font-face{font-family:Fraunces;src:url(/fonts/fraunces-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/plexsans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/plexsans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/plexmono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink: #1e2320;--surface: #f1efe8;--wing: #daded7;--amber: #d89a3c;--river: #2f6f68;--ash: #8a8b83;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--text-3xl: 3.25rem;--leading-tight: 1.15;--leading-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 999px;--duration-fade: .4s;--ease-standard: ease}:focus-visible{outline:2px solid var(--river);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 640px){.hero-wing{top:auto!important;bottom:-6%!important;right:-30%!important;width:18rem!important;opacity:.22!important}}@media (max-width: 640px){.control-bar{gap:var(--space-3) var(--space-4)!important}.control-button{min-height:44px!important;padding:var(--space-3) var(--space-5)!important;font-size:var(--text-base)!important;box-sizing:border-box!important}.self-preview{width:15rem!important}}@media (min-width: 900px){.explainer-section{max-width:70rem!important}.diagram-pair{flex-direction:row!important;align-items:flex-start!important;gap:var(--space-7)!important}.diagram-pair-text{flex:0 1 auto!important;min-width:20rem!important}.diagram-pair-figure{flex:1 1 0%!important;max-width:36rem!important;min-width:22rem!important}}