:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  color: #17232f;
  background: #f5f7f8;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
}

.content {
  width: min(100% - 2.5rem, 48rem);
  margin: 0 auto;
  padding: clamp(3rem, 8vw, 6rem) 0 3rem;
}

.eyebrow {
  margin: 0 0 .75rem;
  color: #466173;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

h1, h2 { line-height: 1.2; }
h1 { margin: 0; font-size: clamp(2rem, 6vw, 3.35rem); }
h2 { margin: 2.5rem 0 .65rem; font-size: 1.2rem; }
p { margin: .5rem 0; }
.lede { max-width: 42rem; margin-top: 1rem; font-size: 1.18rem; color: #405465; }
code { padding: .1em .3em; border-radius: .25rem; background: #e5eaed; font-size: .92em; }
a { color: #075d80; text-underline-offset: .16em; }
a:focus-visible { outline: 3px solid #f4b942; outline-offset: 3px; }

footer {
  width: min(100% - 2.5rem, 48rem);
  margin: 0 auto;
  padding: 1.5rem 0 2.5rem;
  border-top: 1px solid #cbd4d9;
}