:root {
  color-scheme: dark;
  background: #141619;
  color: #f1f4f4;
  font: 1rem / 1.65 system-ui, sans-serif;
}
main {
  max-width: 40rem;
  padding: clamp(2rem, 8vw, 5rem) 1.5rem 3rem;
  margin: auto;
}
header { border-bottom: 1px solid #31363b; padding-bottom: .75rem; }
header a { color: #a9b3b7; font: .9rem ui-monospace, monospace; }
h1 { font-size: clamp(2rem, 8vw, 3.75rem); line-height: 1.08; margin: 2.5rem 0 1rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 .25rem; }
p { color: #c3cbce; margin: 0 0 1rem; }
.lead { color: #f1f4f4; font-size: 1.3rem; }
a { color: #76e0c5; text-underline-offset: .2em; }
footer { display: flex; gap: 1.25rem; margin-top: 3rem; border-top: 1px solid #31363b; padding-top: 1rem; }