:root{--ink:#1c1f24;--muted:#6b7280;--line:#e5e7eb;--bg:#fbfbf9;--accent:#3f6212}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Georgia,"Times New Roman",serif}
header{border-bottom:1px solid var(--line);padding:28px 24px}
.wrap{max-width:720px;margin:0 auto}
nav a{color:var(--muted);text-decoration:none;margin-right:18px;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
nav a:hover{color:var(--accent)}
h1{font-size:30px;margin:0 0 4px;letter-spacing:-.01em}
.tag{color:var(--muted);font-size:14px;margin:0 0 20px}
main{padding:36px 24px 64px}
article{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}
article:last-child{border:0}
h2{font-size:21px;margin:0 0 6px}
time{color:var(--muted);font-size:13px}
figure{margin:18px 0}
figure img{width:100%;border:1px solid var(--line);display:block}
figcaption{color:var(--muted);font-size:13px;margin-top:6px}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;padding:20px 24px}