:root{--bg:#faf8f4;--fg:#26231f;--mut:#7a7268;--acc:#9a4f2c;--line:#e6e0d6}
@media (prefers-color-scheme:dark){:root{--bg:#1b1a18;--fg:#e9e4dc;--mut:#a39b90;--acc:#e0936a;--line:#35322d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
main,header,footer{max-width:680px;margin:0 auto;padding:0 20px}
header{padding-top:48px;padding-bottom:8px;border-bottom:1px solid var(--line)}
header a{color:inherit;text-decoration:none}
h1{font-size:28px;margin:0 0 4px}
.tag{color:var(--mut);margin:0 0 16px;font-style:italic}
article{padding:28px 0;border-bottom:1px solid var(--line)}
article h2{font-size:21px;margin:0 0 4px}
time{color:var(--mut);font-size:14px}
a{color:var(--acc)}
footer{padding-top:24px;padding-bottom:48px;color:var(--mut);font-size:14px}