:root{--bg:#fdfcf9;--fg:#1d1d1f;--muted:#5f6368;--line:#e3e1da;--accent:#9a3412;--quote:#f4f1ea}
@media (prefers-color-scheme: dark){:root{--bg:#141414;--fg:#e8e6e1;--muted:#a3a19c;--line:#2e2d2a;--accent:#fb923c;--quote:#1f1e1c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
header.site,main,footer.site{max-width:46rem;margin:0 auto;padding:0 16px}
header.site{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:baseline;justify-content:space-between;padding-top:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:1.2rem;text-decoration:none;color:var(--fg)}
nav a{margin-right:1rem;color:var(--muted)}
a{color:var(--accent);overflow-wrap:anywhere}
h1{font-size:1.6rem;line-height:1.25;margin:1.5rem 0 .75rem}
h2{font-size:1.2rem;line-height:1.3;margin:2rem 0 .5rem}
.rank{color:var(--muted)}
.facts{font-weight:600;margin:.25rem 0}
.meta,.dateline,.note,.count,.date,.gist{color:var(--muted)}
.meta{font-style:italic;margin:.25rem 0 .75rem}
.dateline{margin:1.5rem 0 0;font-size:.95rem}
blockquote{margin:.75rem 0;padding:.5rem 1rem;background:var(--quote);border-left:3px solid var(--accent)}
blockquote p{margin:0}
blockquote footer{color:var(--muted);font-size:.9rem;margin-top:.25rem;overflow-wrap:anywhere}
.links{font-size:.95rem}
.pick{border-bottom:1px solid var(--line);padding-bottom:1rem}
.notices ul,.issues{padding-left:1.1rem}
.notices li{margin:.4rem 0;font-size:.95rem}
.issues li{margin:.6rem 0}
.date{display:block;font-size:.9rem}
.count{font-size:.9rem;white-space:nowrap}
.note{font-size:.9rem}
.star{color:var(--accent)}
.pager{margin:2rem 0}
footer.site{margin-top:3rem;padding-top:1rem;padding-bottom:2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}