:root{--fg:#1f2a1f;--muted:#5b6b5b;--accent:#4d7a2a;--bg:#fbfbf7;--line:#e2e6da}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
header,main,footer{max-width:44rem;margin:0 auto;padding:0 1rem}
header{padding-top:2rem;border-bottom:1px solid var(--line)}
header a.brand{color:var(--fg);text-decoration:none;font-size:1.6rem}
header p{margin:.2rem 0 1rem;color:var(--muted);font-style:italic}
nav a{margin-right:1rem;color:var(--accent);font-family:system-ui,sans-serif;font-size:.95rem}
h1{font-size:1.9rem;line-height:1.25;margin:2rem 0 .3rem}
h2{font-size:1.3rem;margin:0 0 .2rem}
a{color:var(--accent)}
.date{color:var(--muted);font-family:system-ui,sans-serif;font-size:.85rem}
figure{margin:1.5rem 0}
figure img{width:100%;height:auto;border-radius:4px}
figcaption{color:var(--muted);font-size:.8rem;font-family:system-ui,sans-serif}
.list article{display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.list img{width:120px;height:90px;object-fit:cover;border-radius:4px;flex:none}
.note{color:var(--muted);font-size:.9rem}
footer{margin-top:3rem;padding:1.5rem 1rem 3rem;color:var(--muted);font:.85rem/1.5 system-ui,sans-serif;border-top:1px solid var(--line)}
@media (max-width:520px){.list img{width:84px;height:64px}}