:root{--a:#1f4e79;--t:#222;--m:#666;--b:#fbfaf7}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,serif;color:var(--t);background:var(--b)}
header,main,footer{max-width:720px;margin:0 auto;padding:0 18px}
header{padding-top:32px;border-bottom:2px solid var(--a)}
header a{color:var(--t);text-decoration:none}h1{margin:0 0 4px;font-size:1.7em}
nav{margin:10px 0 14px}nav a{margin-right:16px;color:var(--a)}
article{margin:28px 0}article h2{margin-bottom:2px}.d{color:var(--m);font-size:.9em}
footer{color:var(--m);font-size:.85em;padding:30px 18px}a{color:var(--a)}