*{box-sizing:border-box}
:root{--bg:#faf9f7;--fg:#17161a;--mut:#6b6870;--line:#e0ddd8;--acc:#7c4b2a;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#121114;--fg:#eae7e2;--mut:#94909a;--line:#2b292f;--acc:#d69a6a;--card:#1a181c}}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 Newsreader,Georgia,serif}
.wrap{max-width:74ch;margin:0 auto;padding:0 1.5rem}
.bar{border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);z-index:9}
.bar .wrap{max-width:96ch;display:flex;gap:2rem;align-items:baseline;justify-content:space-between;padding-block:.9rem}
.mark{font:600 1.15rem/1 Newsreader,serif;color:var(--fg);text-decoration:none;letter-spacing:-.01em}
.mark em{color:var(--acc);font-style:italic}
nav{display:flex;gap:1.25rem;flex-wrap:wrap}
nav a{font:500 .78rem/1 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);text-decoration:none}
nav a:hover{color:var(--acc)}
.phead{padding:3rem 0 1.5rem;border-bottom:1px solid var(--line);margin-bottom:2.5rem}
.crumb{font:400 .74rem/1.5 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:0 0 1.25rem}
.crumb a{color:var(--mut);text-decoration:none}.crumb a:hover{color:var(--acc)}.crumb .sep{opacity:.4;margin:0 .5rem}
h1{font:600 clamp(1.9rem,4.5vw,2.9rem)/1.15 Newsreader,serif;letter-spacing:-.02em;margin:0 0 1rem}
.stand{font-size:1.15rem;color:var(--mut);margin:0;max-width:60ch;font-style:italic}
.prose h2{font:600 1.42rem/1.3 Newsreader,serif;letter-spacing:-.01em;margin:2.75rem 0 .85rem}
.prose h3{font:600 1.12rem/1.35 Newsreader,serif;margin:2rem 0 .6rem}
.prose p{margin:0 0 1.15rem}
.prose blockquote{margin:1.75rem 0;padding:.2rem 0 .2rem 1.4rem;border-left:2px solid var(--acc);color:var(--mut);font-style:italic}
.note{margin:2rem 0;padding:1.1rem 1.3rem;background:var(--card);border:1px solid var(--line);border-radius:2px;font:500 .95rem/1.6 JetBrains Mono,monospace;color:var(--mut)}
.prose ul{margin:0 0 1.15rem;padding-left:1.2rem}.prose li{margin:.35rem 0}
.tw{overflow-x:auto;margin:1.75rem 0}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font:500 .74rem/1.4 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin:2rem 0}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}
.grid a{background:var(--bg);padding:1.1rem 1.2rem;text-decoration:none;color:var(--fg);display:block}
.grid a:hover{background:var(--card)}
.grid .k{display:block;font:500 .68rem/1 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--acc);margin-bottom:.45rem}
.grid .t{display:block;font-weight:600;line-height:1.35}
.grid .d{display:block;font-size:.88rem;color:var(--mut);margin-top:.35rem}
.rel{border-top:1px solid var(--line);margin-top:4rem;padding-top:2rem}
.rel h2{font:500 .78rem/1 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin:0}
footer{border-top:1px solid var(--line);margin-top:5rem;padding:2rem 0 3rem}
footer .wrap{max-width:96ch;display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:space-between;font:400 .78rem/1.5 JetBrains Mono,monospace;color:var(--mut)}
footer a{color:var(--mut)}
main{padding-bottom:2rem}