:root{--ink:#14213d;--ink-soft:#4a5878;--accent:#ffd23f;--paper:#fbfbf9;--grid:#e6e9f0;--rule:#c4cad8;--panel:#fff;--stage:#f2f1ec;--on-ink:#fff;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Cascadia Mono", Consolas, "JetBrains Mono", "Liberation Mono", "DejaVu Sans Mono", monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-lg:1.125rem;--fs-xl:1.5rem;--fs-2xl:clamp(1.75rem, 4vw, 2.5rem);--lh:1.55;--grid-size:16px;--line:1.5px;--gutter:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--max-width:1200px;--radius:0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-mono);font-size:var(--fs-base);line-height:var(--lh);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);flex-direction:column;margin:0;display:flex;overflow-x:hidden}img,video,canvas{max-width:100%;display:block}a{color:inherit;text-underline-offset:3px}a:hover{background:var(--accent)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-mono);margin:0 0 var(--space-2);line-height:1.2}h1{font-size:var(--fs-2xl);font-weight:600}h2{font-size:var(--fs-lg);letter-spacing:.04em;font-weight:600}p{margin:0 0 var(--space-3)}.muted{color:var(--ink-soft)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);background:var(--accent);border:var(--line) solid var(--ink);padding:var(--space-1) var(--space-2);z-index:10;position:absolute;top:-40px}.skip:focus{top:var(--space-2)}.container{width:100%;max-width:var(--max-width);padding-inline:var(--gutter);margin-inline:auto}main{padding-block:var(--space-6) var(--space-12);flex:1}.site-header{border-bottom:var(--line) solid var(--ink);background:color-mix(in srgb, var(--paper) 92%, transparent)}.site-header .container{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.logo{letter-spacing:.06em;font-weight:700;text-decoration:none}.site-nav{align-items:center;gap:var(--space-1) var(--space-4);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.site-nav a{text-decoration:none}.site-nav a[aria-current=page]{text-decoration:underline 2px}.lang a,.lang span{padding:1px 4px}.lang [aria-current=true]{background:var(--ink);color:var(--on-ink)}.site-footer{border-top:var(--line) solid var(--ink);font-size:var(--fs-xs)}.site-footer .container{justify-content:space-between;gap:var(--space-2) var(--space-6);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.site-footer ul{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.box{border:var(--line) solid var(--ink);background:var(--panel);padding:var(--space-3)}.stage{border:var(--line) solid var(--ink);background:var(--stage);position:relative;overflow:hidden}.lbl{background:var(--ink);color:var(--on-ink);font-size:var(--fs-xs);letter-spacing:.04em;padding:1px 6px;display:inline-block}.row{justify-content:space-between;gap:var(--space-3);border-bottom:1px dashed var(--rule);padding:3px 0;display:flex}.btn{align-items:center;gap:var(--space-1);border:var(--line) solid var(--ink);background:var(--accent);color:var(--ink);font:inherit;font-size:var(--fs-sm);cursor:pointer;border-radius:var(--radius);padding:6px 12px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink);color:var(--accent)}.btn.o{background:var(--panel)}.btn.o:hover{background:var(--ink);color:var(--on-ink)}.tabs{border-bottom:var(--line) solid var(--ink);display:flex}.tabs>*{border:var(--line) solid var(--ink);margin-right:calc(-1 * var(--line));background:var(--panel);border-bottom:none;padding:4px 10px}.tabs>.on{background:var(--ink);color:var(--on-ink)}.section-title{align-items:baseline;gap:var(--space-2);border-bottom:var(--line) solid var(--ink);padding-bottom:var(--space-1);margin:var(--space-8) 0 var(--space-4);font-size:var(--fs-base);display:flex}.hatch{background-image:repeating-linear-gradient(45deg, transparent 0 6px, color-mix(in srgb, var(--ink) 12%, transparent) 6px 7px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}