/* The documents beside the page: the page's palette, plain type, one column. */
:root { --bg:#000; --p0:#0b0b0b; --line:#262626; --ink:#ececec; --mid:#9a9a9a; --dim:#5a5a5a; }
html, body { margin:0; background:var(--bg); color:var(--ink); font:14px/1.55 "Helvetica Neue", Helvetica, Arial, sans-serif; }
main { max-width:720px; margin:24px auto; padding:16px 18px 24px; border:2px solid var(--line); background:var(--p0); }
h1 { font-size:20px; margin:0 0 4px; } h2 { font-size:15px; margin:22px 0 6px; color:var(--ink); } h3 { font-size:13px; margin:14px 0 4px; color:var(--mid); text-transform:uppercase; letter-spacing:.04em; }
p, li { color:var(--mid); } p.d { font-size:12px; color:var(--dim); margin:0 0 14px; } .crumb { font-size:12px; margin:0 0 10px; }
a { color:var(--ink); } code, pre { font-family:ui-monospace, Menlo, monospace; font-size:12px; } code { background:#151515; padding:1px 4px; }
pre { background:#101010; border:1px solid var(--line); padding:10px; overflow:auto; white-space:pre-wrap; color:var(--mid); }
table { border-collapse:collapse; width:100%; font-size:12.5px; } td { border-top:1px solid var(--line); padding:6px 8px 6px 0; vertical-align:top; color:var(--mid); } td:first-child { white-space:nowrap; color:var(--ink); }
ul, ol { padding-left:22px; } li { margin:4px 0; }
footer { margin-top:26px; padding-top:10px; border-top:1px solid var(--line); font-size:11px; color:var(--dim); } footer a { color:var(--mid); }
