:root{--bg:#fbfaf7;--fg:#22301f;--muted:#6b7566;--accent:#2f6b3a;--line:#e3e0d6}
@media(prefers-color-scheme:dark){:root{--bg:#161a15;--fg:#e6e8df;--muted:#9aa394;--accent:#8cc68f;--line:#2b3128}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.6 Georgia,"Times New Roman",serif;max-width:42rem;padding:1.5rem 1.2rem 4rem;margin-inline:auto}
header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem 1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:2rem}
.home{font-weight:bold;font-size:1.3rem;text-decoration:none;color:var(--fg)}
nav a{margin-left:1rem;color:var(--muted);text-decoration:none}
nav a:hover,a:hover{color:var(--accent)}
a{color:var(--accent)}
h1{font-size:1.9rem;line-height:1.2;margin:.2rem 0 .6rem}
h2{font-size:1.35rem;margin-top:2rem}
.meta{color:var(--muted);font-size:.9rem}
.summary{color:var(--muted)}
ul.posts{list-style:none;padding:0}ul.posts li{margin-bottom:1rem}
blockquote{border-left:3px solid var(--line);margin:1rem 0;padding-left:1rem;color:var(--muted)}
pre{background:rgba(127,127,127,.12);padding:.8rem;overflow-x:auto;font-size:.85rem}
code{font-size:.9em}
table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{border-bottom:1px solid var(--line);padding:.3rem .4rem;text-align:left}
footer{border-top:1px solid var(--line);margin-top:3rem;padding-top:1rem;color:var(--muted);font-size:.85rem}