:root{--bg:#fbfbf9;--fg:#23221f;--muted:#6b6a65;--line:#e3e1db;--accent:#3a5a78}
*{box-sizing:border-box}
body{margin:0;padding:0 16px;background:var(--bg);color:var(--fg);
font:16px/1.65 Georgia,"Times New Roman",serif}
header,main,footer{max-width:680px;margin:0 auto}
header{padding-block:48px 24px;border-bottom:1px solid var(--line)}
h1{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.01em}
.sub{margin:.4rem 0 0;color:var(--muted);font-size:.95rem}
main{padding-block:8px}
article{padding-block:22px;border-bottom:1px solid var(--line)}
h2{margin:0 0 .4rem;font-size:1.12rem;font-weight:600}
h2 a{color:var(--accent)}
article p{margin:0;color:#3d3c38}
footer{padding-block:28px 48px;color:var(--muted);font-size:.85rem}
@media (prefers-color-scheme:dark){
:root{--bg:#1a1a18;--fg:#e6e4df;--muted:#9a9891;--line:#33322e;--accent:#8fb3d0}
article p{color:#cbc9c3}}