:root{--paper:#faf7f2;--ink:#22201c;--muted:#6b645a;--line:#e3dccf;--accent:#a8322a;--accent-soft:#f3e4df}
@media (prefers-color-scheme:dark){:root{--paper:#1b1a18;--ink:#ece6dc;--muted:#a59d90;--line:#3a3630;--accent:#e07a6c;--accent-soft:#3a2723}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}
.wrap{display:block;max-width:760px;margin:0 auto;padding:0 18px}
a{color:var(--accent)}
.top{border-bottom:1px solid var(--line);padding-top:22px}
.brand{font:600 1.55rem/1.2 Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:.01em}
.brand::before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:.45em;background:var(--accent);border-radius:2px;vertical-align:.08em}
.tagline{margin:.2rem 0 .8rem;color:var(--muted);font-size:.95rem}
nav{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;padding-bottom:.8rem;font:15px/1.4 system-ui,sans-serif}
nav a{color:var(--ink);text-decoration:none}
nav a[aria-current],nav a:hover{color:var(--accent);text-decoration:underline}
.notice{margin:0;background:var(--accent-soft);color:var(--ink);font:13.5px/1.45 system-ui,sans-serif;padding:.55rem 0}
main{padding:1.6rem 18px 2.5rem}
h1{font-size:1.85rem;line-height:1.25;margin:.3rem 0 1rem}
h2{font-size:1.25rem;margin:2rem 0 .6rem}
.meta{color:var(--muted);font:14px/1.4 system-ui,sans-serif;margin:0}
.meta a{color:var(--muted)}
ul{padding-left:1.2rem}
li{margin:.25rem 0}
.posts{list-style:none;padding:0}
.posts li{padding:.7rem 0;border-bottom:1px solid var(--line)}
.posts time{display:block;color:var(--muted);font:13.5px/1.4 system-ui,sans-serif}
.posts .ex{margin:.3rem 0 0;font-size:.95rem}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;font:13.5px/1.4 system-ui,sans-serif}
.tags a{border:1px solid var(--line);border-radius:999px;padding:.15rem .6rem;text-decoration:none}
.months{font:14px/1.9 system-ui,sans-serif;word-spacing:.3rem}
.related{margin-top:2rem;border-top:2px solid var(--line)}
footer{border-top:1px solid var(--line);color:var(--muted);font:14px/1.5 system-ui,sans-serif;padding:1.2rem 0 2rem}
footer a{color:var(--muted)}