:root{--max:980px;--gap:18px;--fg:#0a0a0a;--muted:#666;}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;line-height:1.55;margin:0;color:var(--fg)}
.wrap{max-width:var(--max);margin:0 auto;padding:12px}
header h1{margin:0 0 6px 0}
nav a{color:#0366d6;text-decoration:none;margin-right:8px}
main{display:grid;grid-template-columns:1fr 300px;gap:var(--gap)}
@media(max-width:900px){main{grid-template-columns:1fr} aside{display:none}}
.card{border-bottom:1px solid #eee;padding:12px 0}
.meta{color:var(--muted);font-size:14px;margin-top:-6px}
.small{font-size:14px;color:var(--muted)}
article.post h1{margin-top:0}
.content img{max-width:100%}
a{text-decoration:none;color:#111}
h2 a{color:#111}