:root{--bg:#fbfaf7;--fg:#22211f;--mut:#6d6a63;--acc:#2f6f5e}
@media (prefers-color-scheme:dark){:root{--bg:#171816;--fg:#e8e6e1;--mut:#9a978f;--acc:#7cc3ad}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 Georgia,"Times New Roman",serif}
.wrap{max-width:680px;margin:0 auto;padding:40px 16px}header a{color:var(--fg);text-decoration:none;font-weight:bold}
nav a{color:var(--mut);margin-left:16px;font-family:system-ui,sans-serif;font-size:15px}header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:48px}
h1,h2{line-height:1.25}a{color:var(--acc)}.date{color:var(--mut);font:14px system-ui,sans-serif}article{margin-bottom:40px}footer{color:var(--mut);font:14px system-ui,sans-serif;margin-top:64px;border-top:1px solid #8883;padding-top:16px}