:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #17202a;
  background: #f4f7fa;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
main { width: min(100% - 2rem, 48rem); margin: 4rem auto; padding: 2.5rem; background: #fff; border: 1px solid #dce3ea; border-radius: 1rem; }
.eyebrow { color: #315b85; font-size: .9rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
h1 { margin: .3rem 0 1rem; line-height: 1.15; font-size: clamp(2.2rem, 7vw, 3.4rem); }
h2 { margin-top: 2rem; font-size: 1.25rem; }
.lead { color: #40566d; font-size: 1.2rem; }
.updated, footer { color: #596b7d; font-size: .95rem; }
a { color: #145da0; }
code { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  main { width: 100%; margin: 0; padding: 1.5rem 1.1rem; border: 0; border-radius: 0; }
}