:root{color-scheme:light;--ink:#1d1f21;--muted:#62676d;--line:#dfe1e4;--accent:#27496d;--paper:#fbfbfa}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Georgia,'Times New Roman',serif}
a{color:var(--accent);text-underline-offset:.15em}
header.site,main,footer.site{max-width:720px;margin:0 auto;padding-inline:20px}
header.site{display:flex;justify-content:space-between;align-items:center;padding-block:18px;border-bottom:1px solid var(--line);font-family:system-ui,sans-serif;font-size:15px}
.brand{font-weight:700;color:var(--ink);text-decoration:none}
main{padding-block:32px 48px}
h1,h2{font-family:system-ui,sans-serif;line-height:1.25}
h1{font-size:clamp(1.8rem,5vw,2.4rem);margin:0 0 .5em}
h2{font-size:1.35rem;margin:2em 0 .6em}
.meta,time{color:var(--muted);font:14px system-ui,sans-serif}
.lede{font-size:1.15rem;color:var(--muted)}
img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;margin:1.5em auto;border-radius:4px}
.posts{list-style:none;padding:0;margin:2em 0 0}
.posts li{padding:1.2em 0;border-top:1px solid var(--line)}
.posts a{font:600 1.15rem/1.35 system-ui,sans-serif}
.posts p{margin:.4em 0}
table{width:100%;border-collapse:collapse;margin:1.2em 0;font:15px/1.5 system-ui,sans-serif}
th,td{text-align:left;padding:.55em .6em;border-bottom:1px solid var(--line);vertical-align:top}
footer.site{padding-block:20px 40px;border-top:1px solid var(--line);color:var(--muted);font:14px system-ui,sans-serif}