:root{--fg:#1d1f21;--muted:#6b6f75;--bg:#fbfaf7;--accent:#2f6f5e}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;color:var(--fg);background:var(--bg)}
header,main,footer{max-width:680px;margin:0 auto;padding:0 20px}
header{padding-top:42px;display:flex;justify-content:space-between;align-items:baseline}
header a{color:var(--fg);text-decoration:none}nav a{margin-left:18px;font:15px/1 system-ui,sans-serif;color:var(--muted)}
h1{font-size:30px;margin:48px 0 6px}h2{font-size:21px;margin:36px 0 4px}
.date{font:13px system-ui,sans-serif;color:var(--muted)}a{color:var(--accent)}
footer{margin:64px auto 40px;font:13px system-ui,sans-serif;color:var(--muted)}