:root{--bg:#f6f3ec;--fg:#1d1d1b;--muted:#5f5d57;--card:#fffefb;--line:#ddd8cb;--accent:#7a3210;--quote:#f1ece0;--chip:#ebe4d3}
@media (prefers-color-scheme:dark){:root{--bg:#18171b;--fg:#ece9e2;--muted:#a8a49c;--card:#222127;--line:#37353d;--accent:#eba575;--quote:#2b2931;--chip:#2f2c36}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:19px/1.75 Georgia,"Iowan Old Style","Times New Roman",serif}
.wrap{max-width:46rem;margin:0 auto;padding:2rem 16px 5rem}
@media (max-width:600px){body{font-size:18px}}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
a{color:var(--accent)}
header.site{border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:1rem}
h1{font-size:1.7rem;line-height:1.25;margin:.2rem 0 .4rem}
h2{font-size:1.3rem;margin:2.2rem 0 .2rem}
h3{font-size:1.05rem;margin:1.4rem 0 .1rem}
.crumbs,.meta,.sub,.small{font:14px/1.5 system-ui,Segoe UI,sans-serif;color:var(--muted)}
.crumbs a{color:var(--muted)}
.sub{margin:0 0 .5rem}
input.filter{width:100%;padding:.6rem .8rem;font:16px system-ui,sans-serif;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);margin:.5rem 0 0}
nav.jump{font:14px/2 system-ui,sans-serif;margin-top:.8rem}
nav.jump a{margin-right:.9rem;white-space:nowrap}
ul.threads{list-style:none;margin:.3rem 0 0;padding:0}
ul.threads li{padding:.7rem 0;border-bottom:1px solid var(--line);line-height:1.45}
ul.threads a{font-size:1.05rem;text-decoration:none;font-weight:600}
ul.threads a:hover{text-decoration:underline}
ul.threads .meta{display:block}
.chip{font:12px system-ui,sans-serif;background:var(--chip);color:var(--muted);border-radius:99px;padding:1px 8px;margin-left:.4rem;white-space:nowrap}
article.post{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0 0 1.4rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
article.post>header{display:flex;flex-wrap:wrap;gap:.2rem .8rem;align-items:baseline;padding:.7rem 1.2rem;border-bottom:1px solid var(--line);background:var(--quote);font:15px/1.4 system-ui,Segoe UI,sans-serif}
article.post .who{font-weight:700;font-size:16px}
article.post .when,article.post .num{color:var(--muted)}
article.post .num{margin-left:auto;text-decoration:none}
article.post .subj{flex-basis:100%;color:var(--muted)}
.body{padding:1rem 1.2rem 1.2rem;overflow-wrap:anywhere}
.edited{padding:0 1.2rem .8rem;font:13px system-ui,sans-serif;color:var(--muted)}
blockquote{margin:.6rem 0;padding:.4rem .9rem;background:var(--quote);border-left:3px solid var(--accent);border-radius:4px}
blockquote .qh{font:13px system-ui,sans-serif;color:var(--muted);margin-bottom:.2rem}
.pager{display:flex;justify-content:space-between;gap:1rem;font:14px system-ui,sans-serif;margin-top:2rem}
.empty{font-style:italic;color:var(--muted)}
.hidden{display:none}