*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary)}
img,svg{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-brand);line-height:var(--line-height-tight);margin:0 0 var(--space-4)}
h1{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:700}
h2{font-size:clamp(var(--font-size-2xl),3.4vw,var(--font-size-4xl));font-weight:700}
h3{font-size:clamp(var(--font-size-xl),2.4vw,var(--font-size-3xl));font-weight:700}
h4{font-size:var(--font-size-2xl);font-weight:600}
p{margin:0 0 var(--space-4)}
a{color:var(--text-link);text-underline-offset:3px}
a:hover{color:var(--color-primary-700)}
:focus-visible{outline:var(--border-width-thick) solid var(--color-info-700);outline-offset:var(--focus-offset);box-shadow:0 0 0 calc(var(--focus-offset) + var(--border-width-thick) + var(--border-width-medium)) var(--color-primary-900)}
/* Spec focus ring #1FA6D8 is only 2.8:1 on white, so a navy outer ring is added to reach 3:1 */
.skip-link{position:absolute;left:var(--space-2);top:-100px;z-index:var(--z-toast);background:var(--bg-primary);color:var(--text-brand);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-bold)}
.skip-link:focus{top:var(--space-2)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:hover,.card:hover{transform:none!important}}