*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-m);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;color:var(--text-strong);letter-spacing:var(--tracking-display);line-height:var(--leading-title);margin:0 0 var(--space-4)}
h1{font-size:var(--text-display-l)}h2{font-size:var(--text-display-m)}h3{font-size:var(--text-title-l)}h4{font-size:var(--text-title-m)}
p{margin:0 0 var(--space-4);text-wrap:pretty}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid currentColor;transition:var(--transition-interactive)}
a:hover{color:var(--navy-700)}
small{font-size:var(--text-body-s)}
code,kbd{font-family:var(--font-mono);font-size:var(--text-mono-s);letter-spacing:var(--tracking-mono)}
.eyebrow{font-family:var(--font-mono);font-size:var(--text-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-accent)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
::selection{background:var(--blue-200);color:var(--navy-800)}