:root{--paper:#EFF0F1;--ink:#1F2326;--graphite:#5B6266;--rule:#CDD0D2;--blue:#A2441F;--grid:rgba(162,68,31,.06)}
@media(prefers-color-scheme:dark){:root{--paper:#161819;--ink:#E6E8E9;--graphite:#A4ABAF;--rule:#363A3D;--blue:#E58B63;--grid:rgba(229,139,99,.06)}}
*{box-sizing:border-box}
html{font-size:102%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Superclarendon,Rockwell,'Roboto Slab','Rockwell Nova',Georgia,serif;line-height:1.65;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px}
.page{display:grid;grid-template-columns:minmax(0,40rem) 13rem;gap:3rem;max-width:62rem;margin:0 auto;padding:3rem 1.5rem}
.side{position:sticky;top:2rem;align-self:start;order:2}
.brand{margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}
.brand a{color:var(--ink);text-decoration:none}
.tag{margin:.3rem 0 1.5rem;color:var(--graphite);font-size:.9rem}
nav a{display:block;padding:.15rem 0;color:var(--blue);text-decoration:none}
nav a[aria-current]{color:var(--ink);border-left:3px solid var(--blue);padding-left:.6rem;margin-left:-.9rem}
a{color:var(--blue)}
h1{font-size:1.9rem;line-height:1.2;margin:0 0 .5rem}
h2{font-size:1.25rem;margin:2rem 0 .3rem}
.meta{color:var(--graphite);font-size:.9rem;margin:0 0 1.5rem}
.meta time{margin-right:.8em}
figure{margin:1.8rem 0}
svg{width:100%;height:auto;display:block}
svg path[fill*="var"]{fill:var(--blue);fill-opacity:.08}
.ink{stroke:var(--ink)}.blue{stroke:var(--blue)}.t{fill:var(--ink);stroke:none}.f{fill:var(--ink);fill-opacity:.15;stroke:none}
figcaption{color:var(--graphite);font-size:.88rem;margin-top:.4rem}
table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.95rem}
th,td{text-align:left;padding:.35rem .6rem;border-bottom:1px solid var(--rule)}
th{border-bottom:2px solid var(--ink)}
.table-wrap{overflow-x:auto}
.list{list-style:none;padding:0;margin:2rem 0}
.list li{border-bottom:1px solid var(--rule);padding:1rem 0}
.list a{font-size:1.15rem}
.list p{margin:.3rem 0}
.list small,small{color:var(--graphite)}
.list small time{margin-right:.8em}
.plain{padding-left:1.2rem}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--rule);color:var(--graphite);font-size:.88rem}
@media(max-width:760px){.page{grid-template-columns:1fr;gap:1.2rem;padding:1.5rem 1rem}.side{position:static;order:0}nav{display:flex;gap:1.2rem;flex-wrap:wrap}nav a[aria-current]{border:0;padding:0;margin:0;font-weight:700}table{display:block;overflow-x:auto}}
@media print{body{background:#fff;color:#000}.side nav{display:none}.page{display:block}}