:root{--ink:#2b2620;--bg:#fffdf9;--rust:#b35c2a;--rust-tint:#f9efe7;--rule:#e2d9cd;--muted:#7a7064}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17.5px/1.7 Georgia,"Times New Roman",serif}
header.site{text-align:center;padding:34px 20px 8px}
.wordmark{font-size:15px;letter-spacing:.26em;text-transform:uppercase;color:var(--rust);text-decoration:none;font-family:-apple-system,"Segoe UI",sans-serif;font-weight:700}
nav.main{margin:14px 0 0;font-family:-apple-system,"Segoe UI",sans-serif;font-size:13.5px}
nav.main a{color:var(--muted);text-decoration:none;padding:0 4px}
nav.main a::after{content:" ◆";color:var(--rule);font-size:9px;vertical-align:2px}
nav.main a:last-child::after{content:""}
nav.main a:hover{color:var(--ink)}nav.main a.here{color:var(--rust);font-weight:700}
.rule{max-width:120px;margin:18px auto 0;border-bottom:2px solid var(--rust)}
main{max-width:680px;margin:0 auto;padding:14px 22px 64px}
h1{font-size:35px;font-weight:400;line-height:1.18;text-align:center;margin:28px 0 14px}
.deck{font-size:18px;font-style:italic;color:var(--muted);text-align:center;margin:0 0 30px}
h2{font-size:22px;font-weight:400;text-align:center;margin:46px 0 16px}
h2::after{content:"";display:block;width:46px;margin:12px auto 0;border-bottom:1px solid var(--rust)}
p{margin:0 0 17px}
a{color:var(--rust)}
.libcard{float:right;width:250px;margin:6px 0 14px 24px;background:var(--rust-tint);border:1px solid var(--rule);padding:14px 16px;font-family:-apple-system,"Segoe UI",sans-serif;font-size:13.5px;color:var(--muted)}
.libcard b{display:block;color:var(--rust);letter-spacing:.12em;text-transform:uppercase;font-size:11px;margin-bottom:6px}
.libcard a{word-break:break-all}
aside.callout{margin:28px 0;padding:14px 18px;background:#fff;border:1px solid var(--rule);font-size:16px}
aside.callout::before{content:"NOTE —";font-family:"SF Mono",Menlo,monospace;font-size:12px;color:var(--rust);letter-spacing:.1em;display:block;margin-bottom:6px}
figure.lede{margin:26px 0}figure.lede img{width:100%;height:auto;display:block;border:6px solid #fff;outline:1px solid var(--rule)}
figure.video{margin:30px 0}
figure.video .frame{position:relative;padding-top:56.25%;background:#241f19;border:6px solid #fff;outline:1px solid var(--rule)}
figure.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
figcaption{font-size:13.5px;color:var(--muted);margin-top:8px;font-family:-apple-system,"Segoe UI",sans-serif}
.toc{margin:30px 0;padding:0;list-style:none;counter-reset:rn}
.toc li{counter-increment:rn;padding:13px 0;border-bottom:1px dotted var(--rule)}
.toc li::before{content:counter(rn,upper-roman) ".";color:var(--rust);font-weight:700;margin-right:12px}
.toc a{font-size:18.5px;text-decoration:none;color:var(--ink)}
.toc a:hover{color:var(--rust)}
.toc p{margin:3px 0 0 34px;font-size:14px;color:var(--muted);font-family:-apple-system,"Segoe UI",sans-serif}
footer.site{text-align:center;border-top:1px solid var(--rule)}
footer.site .inner{max-width:680px;margin:0 auto;padding:24px 20px;font-size:13px;color:var(--muted);font-family:-apple-system,"Segoe UI",sans-serif}
@media(max-width:640px){h1{font-size:27px}.libcard{float:none;width:auto;margin:20px 0}}
