*, *::before, *::after { box-sizing: inherit; }
  body { margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.6 var(--body); }
  main { max-width: 640px; margin: 0 auto; padding: 32px 18px 64px; }
  h1 { font: 700 clamp(24px, 6vw, 34px)/1.1 var(--display); margin: 0 0 8px; }
  h2 { font: 500 17px/1.3 var(--display); margin: 32px 0 10px; }
  p, li { margin: 0 0 10px; }
  ul { padding-left: 20px; }
  a { color: var(--accent); text-decoration: none; }
  a:hover { opacity: .75; }
  .date { color: var(--muted); font-size: 14px; margin-bottom: 24px; }
  .back { display: inline-block; margin-top: 32px; }