@font-face{font-family:Spectral Fallback;src:local("Georgia");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Space Mono Fallback;src:local("Courier New");size-adjust:95%;ascent-override:85%;descent-override:25%;line-gap-override:0%}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/spectral-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-latin-700-normal.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafaf9;--text: #1c1c1c;--text-dim: #666;--text-muted: #aaa;--border: #e8e8e6;--font-serif: "Spectral", "Spectral Fallback", Georgia, serif;--font-mono: "Space Mono", "Space Mono Fallback", "Courier New", monospace;--bg-code: #f0efed;--bg-pre: #f5f4f2;--sh-keyword: #7c6fcd;--sh-string: #4a7c59;--sh-comment: #aaa;--sh-class: #a05a2c;--sh-identifier: #1c1c1c;--sh-sign: #888;--sh-property: #2a6090;--sh-entity: #a05a2c;--sh-jsxliterals:#5c8a8a}html{background:var(--bg);color:var(--text);font-family:var(--font-serif);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scrollbar-gutter:stable}body{min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}iframe{display:block;margin-bottom:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:#d4e4f7;color:var(--text)}@media(prefers-color-scheme:dark){:root{--bg: #111110;--text: #e8e4dd;--text-dim: #888;--text-muted: #555;--border: #2c2b29;--sh-keyword: #a78bfa;--sh-string: #6fcf97;--sh-comment: #666;--sh-class: #f0a070;--sh-identifier: #e8e4dd;--sh-sign: #aaa;--sh-property: #7eb8e0;--sh-entity: #f0a070;--sh-jsxliterals:#7ecfcf;--bg-code: #1e1e1c;--bg-pre: #1a1a18}::selection{background:#2a3f5a;color:var(--text)}}.intro{margin-bottom:3rem}main p a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--text-dim);transition:text-decoration-color .15s}main p a:hover{text-decoration-color:var(--text)}.header-image{display:block;width:100%;height:auto;margin:2.5rem 0 3rem;filter:sepia(6%) saturate(88%) brightness(1.01)}@media(prefers-color-scheme:dark){.header-image{filter:sepia(4%) saturate(70%) brightness(.88)}}.skip-link{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background:var(--text);color:var(--bg);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;z-index:1000}.skip-link:focus{top:1rem}header{background:var(--bg);border-bottom:1px solid var(--border);padding:1.25rem 0;position:sticky;top:0;z-index:100}header .container{display:flex;justify-content:space-between;align-items:center}.site-name{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text);transition:color .15s}.site-name:hover{color:var(--text-dim)}nav{display:flex;gap:1.5rem}.nav-link{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);transition:color .15s}.nav-link:hover,.nav-link.is-active{color:var(--text)}.container{width:100%;max-width:740px;margin:0 auto;padding:0 2rem}main.container{flex:1;padding-top:4rem;padding-bottom:6rem}footer{border-top:1px solid var(--border);padding:2rem 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem 2rem}.footer-links{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:flex-end}.footer-link{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);transition:color .15s}.footer-link:hover{color:var(--text)}@media(max-width:600px){.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{width:100%;justify-content:flex-start}}