:root{--bg:#fdfcfa;--fg:#1f1e1c;--muted:#6b6760;--line:#e6e2db;--link:#1d5fa8;--quote:#f3f0ea}@media(prefers-color-scheme:dark){:root{--bg:#171716;--fg:#e8e6e1;--muted:#9b968d;--line:#2f2e2b;--link:#7fb2ec;--quote:#222120}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0 auto;max-width:44rem;padding:0 1rem;background:var(--bg);color:var(--fg);font:18px/1.65 '-apple-system',BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;overflow-wrap:break-word}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:2px}header.site,footer.site{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:baseline;justify-content:space-between;padding:1.25rem 0}header.site{border-bottom:1px solid var(--line)}header.site nav{display:flex;gap:1rem;flex-wrap:wrap}header.site a{text-decoration:none}header.site .brand{color:var(--fg);font-weight:650;font-size:1.1rem}header.site nav a[aria-current]{color:var(--fg)}footer.site{border-top:1px solid var(--line);margin-top:3rem;color:var(--muted);font-size:.9rem}h1{font-size:1.9rem;line-height:1.25;margin:2rem 0 .5rem}h2{font-size:1.35rem;margin:2rem 0 .75rem}.meta{color:var(--muted);font-size:.9rem;margin:0 0 1.5rem}.meta a{color:inherit}.content img{display:block;max-width:100%;height:auto;margin:1.25rem auto;border-radius:4px}blockquote{margin:1.25rem 0;padding:.75rem 1rem;background:var(--quote);border-left:3px solid var(--line)}ul.posts{list-style:none;padding:0;margin:1.5rem 0}ul.posts li{display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}ul.posts time{color:var(--muted);font-size:.9rem;padding-top:.15rem}@media(max-width:560px){ul.posts li{grid-template-columns:1fr;gap:.1rem}}.pager{display:flex;justify-content:space-between;margin:1.5rem 0}.comments{margin-top:3rem;border-top:1px solid var(--line)}.comment{padding:.75rem 0;border-bottom:1px solid var(--line)}.comment .meta{margin-bottom:.25rem}.comment p{margin:.4rem 0}.content::after{content:"";display:table;clear:both}.content img.float-right{float:right;max-width:40%;margin:.3rem 0 1rem 1.25rem}.content img.float-left{float:left;max-width:40%;margin:.3rem 1.25rem 1rem 0}