:root { --bg:#fbfbf8; --ink:#1a1a1a; --rule:#c0392b; --muted:#5c5c5c; }
* { box-sizing:border-box; }
html { background:var(--bg); color:var(--ink); }
body { margin:0; font:17px/1.7 "Iowan Old Style","Palatino Linotype","Songti SC",serif; }
a { color:inherit; }
header, main, footer { width:min(38rem, calc(100% - 2.4rem)); margin:0 auto; }
header { border-top:4px solid var(--rule); padding-top:.8rem; margin-top:1.2rem; display:flex; justify-content:space-between; }
.mark { font-variant:small-caps; letter-spacing:.08em; text-decoration:none; }
nav a { margin-left:.9rem; color:var(--muted); text-decoration:none; font-size:.92rem; }
h1 { font-size:2rem; font-weight:500; margin:1.2rem 0 .4rem; }
.num { font-family:ui-monospace,monospace; color:var(--rule); font-size:.85rem; margin-right:.4rem; }
section { padding:1rem 0; border-bottom:1px solid #e6e6e0; }
section h2 { font-size:1.15rem; font-weight:500; margin:0 0 .4rem; }
dt { font-family:ui-monospace,monospace; font-size:.92rem; margin-top:.8rem; }
dd { margin:.15rem 0 .2rem; }
footer { color:var(--muted); font-size:.82rem; padding:1.2rem 0 2rem; }
.toc a { display:block; padding:.25rem 0; text-decoration:none; }