:root{--paper:#ECEFEA;--ink:#1D2630;--graphite:#55616B;--rule:#B9C4CA;--blue:#2F6690;--grid:rgba(47,102,144,.07)}
@media (prefers-color-scheme:dark){:root{--paper:#151B21;--ink:#E3E8EB;--graphite:#9AA7B0;--rule:#34414B;--blue:#7DB3DB;--grid:rgba(125,179,219,.07)}}
*{box-sizing:border-box}
html{font-size:106%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,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:24px 24px}
a{color:var(--blue);text-underline-offset:.2em}
a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.page{display:grid;grid-template-columns:13rem minmax(0,40rem);gap:4rem;max-width:62rem;margin:0 auto;padding:3.5rem 1.5rem 4rem}
.side{align-self:start;position:sticky;top:3.5rem}
.brand{font-size:1.55rem;line-height:1.15;font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}
.brand a{color:var(--ink);text-decoration:none}
.tag{margin:0 0 1.6rem;color:var(--graphite);font-size:.95rem;font-style:italic}
nav a{display:block;padding:.15rem 0;color:var(--ink);text-decoration:none;border-left:2px solid transparent;padding-left:.7rem;margin-left:-.7rem}
nav a:hover,nav a[aria-current]{border-left-color:var(--blue);color:var(--blue)}
main h1{font-size:2.3rem;line-height:1.15;letter-spacing:-.015em;margin:0 0 .4rem;font-weight:600}
main h2{font-size:1.3rem;margin:2.2rem 0 .4rem;font-weight:600}
.meta{color:var(--graphite);font-size:.95rem;margin:0 0 2rem}
.meta time{margin-right:1.2rem}
figure{margin:1.8rem 0}
figure svg{width:100%;height:auto;display:block}
figcaption{color:var(--graphite);font-size:.92rem;margin-top:.5rem;font-style:italic}
.list{list-style:none;margin:2.2rem 0 0;padding:0;border-top:1px solid var(--rule)}
.list li{padding:1.1rem 0;border-bottom:1px solid var(--rule)}
.list a{font-size:1.2rem;font-weight:600;text-decoration:none}
.list a:hover{text-decoration:underline}
.list p{margin:.25rem 0 .3rem}
.list small{color:var(--graphite)}
.list small time{margin-right:1rem}
table{border-collapse:collapse;width:100%;margin:1.4rem 0;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--rule)}
th{font-weight:600;border-bottom:2px solid var(--ink)}
td:nth-child(1),td:nth-child(2),th:nth-child(1),th:nth-child(2){text-align:right}
ol,ul.plain{padding-left:1.3rem}
li{margin:.3rem 0}
footer{margin-top:3.5rem;padding-top:1rem;border-top:1px solid var(--rule);color:var(--graphite);font-size:.9rem}
.ink{stroke:var(--ink)} .blue{stroke:var(--blue)} .t{fill:var(--graphite);font-family:inherit}
@media (max-width:760px){.page{grid-template-columns:1fr;gap:1.8rem;padding:2rem 1.1rem 3rem}.side{position:static}nav{display:flex;gap:1.4rem}nav a{border-left:0;margin-left:0;padding-left:0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current]{border-bottom-color:var(--blue)}main h1{font-size:1.9rem}}
@media print{body{background:#fff;color:#000}.side nav{display:none}}
