:root {
  color-scheme: light;
  background: #f5f7fa;
  color: #172638;
  font: 17px/1.75 system-ui, sans-serif;
}
body { max-width: 49rem; margin: 0 auto; padding: 1.2rem 1rem 3rem; }
nav { display: flex; flex-wrap: wrap; gap: 0.5rem 1.4rem; padding: 0.65rem 0.5rem 1.2rem; }
nav a[aria-current] { font-weight: 700; }
main { background: #fff; border: 1px solid #d9e2eb; border-radius: 1rem; padding: clamp(1.1rem, 4vw, 2.6rem); }
h1 { font-size: clamp(1.8rem, 6vw, 2.65rem); line-height: 1.2; margin: 0.3rem 0 1rem; }
h2 { font-size: 1.17rem; margin: 1.5rem 0 0.4rem; }
p { margin: 0 0 0.75rem; }
a { color: #1f5477; text-underline-offset: 0.2em; }
code { font-size: 0.92em; overflow-wrap: anywhere; }
.intro { font-size: 1.18rem; }
.label { color: #43607b; font-size: 0.86rem; margin: 0; }