:root{--cream:#F2EDE0;--paper:#FDFAF2;--paper-warm:#F7F2E4;--doc:#F1EFE8;--doc-raised:#FAF9F4;--ink:#14110F;--ink-soft:#2A2520;--stone:#57534A;--bronze:#8B6F47;--sand:#D8D1BD;--sand-light:#E8E1CC;--clay:#C97150;--clay-deep:#A85838;--clay-light:#E0A38A;--color-surface-base:var(--cream);--color-surface-paper:var(--paper);--color-surface-raised:var(--paper);--color-surface-inverse:var(--ink);--color-text-primary:var(--ink);--color-text-secondary:var(--ink-soft);--color-text-tertiary:var(--stone);--color-text-meta:var(--bronze);--color-text-inverse:var(--cream);--color-accent:var(--clay);--color-accent-strong:var(--clay-deep);--color-border-subtle:var(--sand);--color-border-default:var(--sand);--font-display:"Source Serif 4",Georgia,"Times New Roman",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono","SF Mono",Consolas,monospace;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--layout-max-wide:1200px;--layout-max-default:980px;--layout-max-prose:680px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-surface-base);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em}a,p{color:var(--color-text-primary)}a{text-decoration:none}button{border:0;background:transparent;cursor:pointer}button,input{font:inherit;color:inherit}::selection{background:var(--clay-light);color:var(--ink)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}h1[id],h2[id],h3[id],h4[id]{scroll-margin-top:88px}h2[id]:hover:before,h3[id]:hover:before,h4[id]:hover:before{content:"#";position:absolute;margin-left:-1.1em;color:var(--clay);font-family:var(--font-mono);font-weight:400;opacity:.6;font-size:.7em;line-height:1.6}