html { scroll-behavior: smooth; }
body { background: var(--color-white); color: var(--color-ink); font-family: var(--font-sans); font-size: var(--step-0); line-height: 1.65; }
h1, h2, h3 { color: var(--color-navy-950); font-weight: 600; letter-spacing: -.035em; line-height: 1.12; }
h1 { font-family: "Avenir Next", Inter, "Segoe UI", Arial, sans-serif; }
h1 { font-size: var(--step-3); } h2 { font-size: var(--step-2); } h3 { font-size: var(--step-1); }
p { color: var(--color-muted); } a { text-decoration-thickness: .08em; text-underline-offset: .2em; }
:focus-visible { border-radius: .2rem; box-shadow: var(--focus-ring); outline: 2px solid transparent; }
.skip-link { background: var(--color-white); left: var(--space-3); padding: .7rem 1rem; position: fixed; top: var(--space-3); transform: translateY(-160%); z-index: 100; }
.skip-link:focus { transform: translateY(0); }
.eyebrow { color: var(--color-teal-700); font-size: var(--step--1); font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.lede { font-size: var(--step-1); max-width: 45rem; }