:root{--bg:#fbf7f0;--fg:#2b2620;--muted:#7a6f62;--accent:#9c4a1a;--line:#e6dccd}
@media (prefers-color-scheme:dark){:root{--bg:#1c1915;--fg:#ece4d8;--muted:#a3978a;--accent:#e08a52;--line:#3a332b}}
*{box-sizing:border-box}
body{margin:0 auto;max-width:42rem;padding:1.5rem 1rem 3rem;background:var(--bg);color:var(--fg);font:1.0625rem/1.65 Georgia,"Times New Roman",serif}
a{color:var(--accent)}
.top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--line);padding-bottom:.75rem;margin-bottom:2rem}
.brand{font-weight:bold;text-decoration:none;font-size:1.2rem}
nav a{margin-left:1rem;color:var(--muted)}
h1{font-size:1.75rem;line-height:1.25}
.lead{color:var(--muted);font-style:italic}
.posts{list-style:none;padding:0}
.posts li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px dotted var(--line)}
.posts span{color:var(--muted);white-space:nowrap}
table{border-collapse:collapse;width:100%;margin:1rem 0}
th,td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--line)}
footer{margin-top:3rem;color:var(--muted);font-size:.875rem}