:root { color-scheme: light; --focus: #ffbf47; --shell: 1120px; }
* { box-sizing: border-box; }
html { scroll-behavior: auto; scroll-padding-top: 6.5rem; }
body { margin: 0; background: #fff; color: #17313a; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; overflow-wrap: anywhere; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, a { touch-action: manipulation; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.shell { width: min(100% - 2rem, var(--shell)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; padding: .75rem 1rem; background: #fff; color: #092f3c; border-radius: .35rem; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.eyebrow { margin: 0 0 .65rem; font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.error-page { min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: #eef5f4; }
.error-card { width: min(100%, 34rem); padding: clamp(2rem, 8vw, 4rem); border-top: .35rem solid #e56b3f; background: #fff; box-shadow: 0 18px 50px rgba(7,59,76,.12); }
.error-card h1 { margin: 0 0 1rem; font: 700 clamp(2rem, 8vw, 3.5rem)/1 ui-serif, Georgia, serif; color: #073b4c; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }