:root{--bg:#fbfaf7;--fg:#22211f;--mut:#6b6760;--acc:#2f5d8a;--line:#e6e2da;--code:#f1eee8}
@media (prefers-color-scheme:dark){:root{--bg:#1b1a18;--fg:#e9e6e0;--mut:#a39f97;--acc:#8db4dd;--line:#34322e;--code:#262420}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
.wrap{max-width:42rem;margin:0 auto;padding:2.5rem 1rem 4rem}
header.site{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:2rem}
header.site a{color:var(--fg);text-decoration:none}
.brand{font-size:1.15rem;font-weight:700}
nav a{margin-left:1rem;font:15px system-ui,sans-serif;color:var(--mut)!important}
h1{font-size:1.7rem;line-height:1.25;margin:.2rem 0 .4rem}
h2{font-size:1.25rem;margin-top:2rem}
.meta{color:var(--mut);font:14px system-ui,sans-serif;margin-bottom:1.6rem}
a{color:var(--acc)}
ul.posts{list-style:none;padding:0}
ul.posts li{padding:1rem 0;border-bottom:1px solid var(--line)}
ul.posts a{font-size:1.15rem;text-decoration:none}
ul.posts p{margin:.3rem 0 0;color:var(--mut)}
pre,code{font:14px/1.5 ui-monospace,Menlo,Consolas,monospace;background:var(--code)}
pre{padding:.9rem 1rem;overflow-x:auto;border-radius:4px}
code{padding:.1rem .25rem;border-radius:3px}pre code{padding:0}
blockquote{margin:1.2rem 0;padding:.2rem 1rem;border-left:3px solid var(--line);color:var(--mut)}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--mut);font:14px system-ui,sans-serif}