:root{color-scheme:light dark;--ink:#16161a;--paper:#fbf8f2;--rule:color-mix(in oklab,var(--ink) 22%,transparent);--accent:#f6c177}
@media (prefers-color-scheme:dark){:root{--ink:#ece8e1;--paper:#141416}}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
header,main{width:min(100%,40rem);margin:0 auto;padding:1rem clamp(1rem,4vw,2rem)}header{border-bottom:2px solid var(--ink)}
header a{font-weight:700;letter-spacing:.08em;color:inherit;text-decoration:none}a{color:inherit}
h1{font-size:clamp(2rem,1.2rem + 3vw,3rem);line-height:1.1;margin:.25rem 0 1rem}h2{font-size:1.1rem;margin:2rem 0 .5rem}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:1.5rem 0 0}.small{font-size:.9rem;opacity:.8}
form.stack{display:grid;gap:.5rem;max-width:24rem}label{font-weight:600}
input{font:inherit;padding:.6rem .7rem;border:1px solid var(--ink);border-radius:0;background:transparent;color:inherit}
.code{font:600 1.6rem ui-monospace,monospace;letter-spacing:.2em}
button{font:inherit;cursor:pointer}.button{justify-self:start;padding:.6rem 1.1rem;border:2px solid var(--ink);background:var(--accent);color:#0f0f0f;font-weight:600}
.link{border:0;background:none;padding:0;text-decoration:underline;color:inherit}
.error{color:#b4232a;font-weight:600}@media (prefers-color-scheme:dark){.error{color:#ff8a8f}}
ol,ul{list-style:none;padding:0;margin:0}li{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:baseline;padding:.5rem 0;border-top:1px solid var(--rule)}
li .name{flex:1 1 12rem}li form{display:inline}pre{padding:.75rem;border:1px solid var(--rule);overflow:auto}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}