*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--type-body);text-wrap:pretty;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;color:var(--text-heading);font-family:var(--font-display);line-height:var(--lh-heading);font-weight:var(--fw-bold)}
p{margin:0}
a{color:var(--text-link);text-decoration-color:var(--teal-200);text-underline-offset:3px;transition:color var(--dur-base) var(--ease-soft)}
a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}
:where(button,a,input,textarea,select):focus-visible{outline:var(--border-thick) solid var(--focus-ring);outline-offset:2px}
img{max-width:100%;display:block}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}