:root{--ink:#1f2a22;--muted:#5c665e;--paper:#f6f4ef;--card:#fff;--line:#d7d1c6}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6}
.wrap{width:min(680px,calc(100% - 40px));margin:0 auto}
header{padding:36px 0 18px;border-bottom:1px solid var(--line)}
header p{margin:6px 0 0;color:var(--muted)}
h1,h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.02em}
h1{font-size:2.1rem;margin:0}
article{padding:28px 0;border-bottom:1px solid var(--line)}
time{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
article h2{margin:0 0 10px;font-size:1.45rem}
article p{margin:0;color:#2b332d}article img{display:block;width:100%;margin:12px 0 14px;border-radius:6px}
.note{margin:28px 0 8px;padding:14px 16px;background:#efe8d8;border-left:4px solid var(--ink);color:#3a3a32;font-size:.95rem}
footer{padding:28px 0 48px;color:var(--muted);font-size:.9rem}
footer a{color:var(--ink)}