:root{--paper:#faf8f4;--ink:#23201c;--muted:#6f6a62;--rule:#e2dcd1;--link:#8a3a26}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Georgia,"Iowan Old Style","Times New Roman",serif;padding:0 22px}
.wrap{max-width:41rem;margin:0 auto}
a{color:var(--link);text-decoration:none;border-bottom:1px solid rgba(138,58,38,.35)}
a:hover{color:#5d2417;border-bottom-color:#5d2417}
header.site{padding:46px 0 26px;border-bottom:1px solid var(--rule);margin-bottom:34px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:baseline;justify-content:space-between}
header.site .brand{font-size:20px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border:0;font-family:Helvetica,Arial,sans-serif}
header.site nav{display:flex;gap:20px;font:13px/1 Helvetica,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
header.site nav a{border:0;color:var(--muted)}
header.site nav a:hover,header.site nav a[aria-current]{color:var(--link)}
.lede{color:var(--muted);font-size:17px;margin:0 0 40px;max-width:32rem}
h1.page{font-size:30px;line-height:1.2;margin:0 0 8px;font-weight:normal}
.year{font:12px/1 Helvetica,Arial,sans-serif;letter-spacing:.18em;color:var(--muted);margin:38px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
ul.index{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
ul.index li{display:grid;grid-template-columns:5.5rem 1fr;gap:4px 18px}
ul.index time{font:13px/1.8 Helvetica,Arial,sans-serif;color:var(--muted);letter-spacing:.04em}
ul.index .t{font-size:19px}
ul.index .t a{border:0}
ul.index .d{grid-column:2;color:var(--muted);font-size:15.5px;margin-top:2px}
article h1{font-size:31px;line-height:1.18;font-weight:normal;margin:0 0 12px}
.meta{font:13px/1.7 Helvetica,Arial,sans-serif;color:var(--muted);letter-spacing:.03em;margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--rule)}
.meta span+span:before{content:"·";margin:0 8px;color:var(--rule)}
article p{margin:0 0 20px;text-wrap:pretty}
article blockquote{margin:26px 0;padding-left:20px;border-left:2px solid var(--rule);color:#4a453d;font-size:17px}
article h2{font-size:19px;font-weight:normal;font-style:italic;margin:34px 0 12px}
.tags{margin:34px 0 0;font:13px/1.7 Helvetica,Arial,sans-serif;color:var(--muted);letter-spacing:.04em}
.pager{margin-top:44px;padding-top:22px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;font:14px/1.5 Helvetica,Arial,sans-serif}
.pager .nx{text-align:right}
.pager em{display:block;font:11px/1.6 Helvetica,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-style:normal}
footer.site{margin:70px 0 46px;padding-top:20px;border-top:1px solid var(--rule);font:13px/1.8 Helvetica,Arial,sans-serif;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
footer.site a{color:var(--muted);border-bottom-color:var(--rule)}
footer.site a:hover{color:var(--link)}
.shelf{list-style:none;margin:0;padding:0;font-size:17px}
.shelf li{padding:9px 0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px}
.shelf li span{color:var(--muted);font:13px/1.8 Helvetica,Arial,sans-serif;white-space:nowrap}
@media(max-width:560px){ul.index li{grid-template-columns:1fr}ul.index .d{grid-column:1}header.site{padding-top:30px}}