:root { --fg:#1a1a1a; --muted:#666; --link:#0b5; --bg:#fff; --rule:#e5e5e5; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--fg); background:var(--bg); }
.site-header,.site-footer,main { max-width:720px; margin:0 auto; padding:0 20px; }
.site-header { padding-top:24px; padding-bottom:12px; border-bottom:1px solid var(--rule); }
.site-title { font-weight:700; font-size:20px; text-decoration:none; color:var(--fg); }
.crumbs { max-width:720px; margin:12px auto; padding:0 20px; color:var(--muted); font-size:14px; }
main { padding-top:12px; padding-bottom:48px; }
h1 { line-height:1.2; }
a { color:var(--link); }
.article-list { list-style:none; padding:0; }
.article-list li { padding:14px 0; border-bottom:1px solid var(--rule); }
.article-link { font-size:18px; font-weight:600; text-decoration:none; }
.meta { display:block; color:var(--muted); font-size:13px; margin-top:2px; }
.intro { margin-top:8px; }
.body img { max-width:100%; height:auto; }
.site-footer { border-top:1px solid var(--rule); padding-top:16px; margin-top:32px; color:var(--muted); font-size:14px; }