*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{line-height:1.25;margin:0 0 .5rem;font-weight:700}
h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.08rem}
p{margin:0 0 .8rem}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
ul{margin:0 0 .8rem;padding-left:1.15rem}
:focus-visible{outline:3px solid var(--primary-strong);outline-offset:2px;border-radius:4px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:.6rem 1rem;z-index:100}
.skip-link:focus{left:.5rem;top:.5rem}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}