:root{--bg:#f1eee7;--ink:#34383a;--grey:#787c7a;--reed:#7c8b6a;--rust:#a4472d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:19px/1.65 "Noto Serif","Georgia",serif}
header,main,footer{max-width:42rem;margin:0 auto;padding:1.5rem 1.25rem}
header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9d5ca}
header a{font:600 .8rem "Noto Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none}
nav a{margin-left:1.2rem;color:var(--grey)}
h1{font-weight:300;font-size:2.4rem;line-height:1.2;margin:2.5rem 0 1rem}h2{font-weight:400;font-size:1.3rem;margin-top:2.2rem}
a{color:var(--rust)}.small{font:.85rem "Noto Sans",sans-serif;color:var(--grey)}
.note{border-left:3px solid var(--reed);padding-left:1rem;color:var(--grey)}
footer{border-top:1px solid #d9d5ca;margin-top:3rem}