:root{--ink:#24303a;--muted:#6b7a86;--line:#e3e8ec;--accent:#3d7a6e}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,"Times New Roman",serif;color:var(--ink);background:#fbfaf7}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{padding-top:36px;border-bottom:1px solid var(--line)}header a{color:var(--ink);text-decoration:none}
nav a{margin-right:18px;color:var(--muted);font:15px/1 system-ui,sans-serif}
h1{font-size:30px;margin:0 0 6px}h2{font-size:21px;margin-top:34px}
article{padding:22px 0;border-bottom:1px solid var(--line)}time{color:var(--muted);font:14px system-ui,sans-serif}
a{color:var(--accent)}footer{color:var(--muted);font:14px system-ui,sans-serif;padding:30px 20px 50px}