/* Shared base styles */ @import url('colors_and_type.css'); *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: var(--fq-font-body); color: var(--fq-ink-2); background: #fff; -webkit-font-smoothing: antialiased; } section[id], #top { scroll-margin-top: 88px; } img { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } button { font-family: inherit; cursor: pointer; border: 0; background: none; } /* Skip-to-main-content. Off-screen until it receives keyboard focus, then slides in at the top-left so it's the first thing tabbed-keyboard users land on after page load. */ .skip-link { position: fixed; top: -48px; left: 16px; z-index: 10000; padding: 10px 16px; background: var(--fq-ink); color: #fff; font-family: var(--fq-font-body); font-size: 14px; font-weight: 500; border-radius: 8px; box-shadow: 0 6px 20px rgba(28,44,68,0.18); transition: top .15s ease; } .skip-link:focus, .skip-link:focus-visible { top: 12px; outline: 2px solid var(--fq-blue); outline-offset: 2px; } /* Browsers don't move keyboard focus to a hash target unless tabindex is set; we set tabindex="-1" on

, so suppress its focus ring. */ main:focus, main:focus-visible { outline: none; } /* ── Fade-in helper ────────────────────────────────── */ /* The inline