:root { --accent: hsl(200, 42%, 31%); --ink: #1c1c1c; --paper: #fbfaf7; --muted: #6a6a6a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink);
  font: 16px/1.65 Georgia, "Times New Roman", serif; }
.wrap { max-width: 46rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
header { border-bottom: 2px solid var(--accent); padding-bottom: 1rem; margin-bottom: 2rem; }
h1 { font-size: 1.9rem; margin: 0 0 .35rem; letter-spacing: -.01em; }
h2 { font-size: 1.25rem; margin: 2rem 0 .5rem; color: var(--accent); }
nav a { color: var(--ink); margin-right: 1.1rem; text-decoration: none;
  border-bottom: 1px solid var(--accent); font-size: .95rem; }
nav a:hover { color: var(--accent); }
.tag { color: var(--muted); font-size: .9rem; font-style: italic; }
ul { padding-left: 1.2rem; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #e2ded4;
  color: var(--muted); font-size: .85rem; }