:root{--ink:#1d252c;--muted:#5d6b75;--accent:#1f4e6b;--line:#d9e0e4}
body{margin:0 auto;max-width:40rem;padding:0 1.25rem;font:18px/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
header{padding:1.75rem 0 1rem;border-bottom:1px solid var(--line)}
.site{font-size:1.5rem;font-weight:700;color:var(--ink);text-decoration:none}
nav{margin-top:.5rem}
nav a{margin-right:1.25rem;color:var(--muted);text-decoration:none}
nav a:hover{color:var(--accent);text-decoration:underline}
main{padding:2rem 0 2.5rem}
h1{font-size:2rem;line-height:1.2;margin:0 0 1rem}
h2{font-size:1.3rem;line-height:1.3;margin:0 0 .25rem}
a{color:var(--accent)}
a:focus-visible{outline:3px solid #7fb3d3;outline-offset:2px}
.date{color:var(--muted);font-size:.9rem;margin:0 0 .5rem}
.post{margin:0 0 2rem}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;padding:1.25rem 0 2rem}
@media(max-width:480px){body{font-size:17px}h1{font-size:1.7rem}}