:root{--ink:#1d1b18;--ink2:#5a554d;--paper:#faf7f2;--rule:#e2dccf;--accent:#8a2131}
@media (prefers-color-scheme:dark){:root{--ink:#ece6da;--ink2:#a8a092;--paper:#1b1916;--rule:#3a352d;--accent:#e08a96}}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 "Source Serif 4",Georgia,serif}
a{color:var(--accent)}
.top{padding:12px 20px;border-bottom:1px solid var(--rule);font:13px/1.4 ui-monospace,Menlo,monospace}
.brand{font-weight:700;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:24px 20px 60px}
.sym{font:13px ui-monospace,Menlo,monospace;color:var(--ink2);margin:0}
h1{font-size:28px;line-height:1.25;margin:.2em 0 .3em}
.meta,.actions{color:var(--ink2);font-size:14px;margin:.3em 0}
.note.warn{border-left-color:#b7791f}
.note{border-left:3px solid var(--accent);padding:8px 12px;margin:16px 0;font-size:14px;color:var(--ink2);background:rgba(0,0,0,.03)}
.toc{font-size:14px;border:1px solid var(--rule);padding:8px 16px;margin:16px 0}.toc ol{list-style:none;padding:0}.toc .d1{padding-left:1em}.toc .d2{padding-left:2em}.toc .d3{padding-left:3em}
h2,h3,h4,h5{font-family:ui-monospace,Menlo,monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:2em 0 .6em}
h3,h4,h5{text-transform:none;letter-spacing:0;font-size:14px}
.para{display:grid;grid-template-columns:52px 1fr;gap:8px;margin:0 0 1em}
.pn{font:13px ui-monospace,Menlo,monospace;color:var(--ink2);text-decoration:none;padding-top:4px}
.pt p{margin:0}.fn a{text-decoration:none;font-size:.75em}
.notes{font-size:13px;color:var(--ink2);margin:.4em 0 0;padding-left:1.4em}
.links{font-size:14px}.links ul{padding-left:1.2em}
footer{max-width:760px;margin:0 auto;padding:20px;border-top:1px solid var(--rule);font-size:12px;color:var(--ink2)}
@media (max-width:600px){.para{grid-template-columns:1fr}.pn{padding:0}}
