*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--c-bg);
  color:var(--c-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;height:auto}
a{color:var(--c-brand);text-underline-offset:.18em}
a:hover{color:var(--c-brand-2)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3{color:var(--c-ink);line-height:1.18;letter-spacing:-.025em}
h1{font-size:clamp(2rem,5vw,3.7rem);margin:.3rem 0 1rem}
h2{font-size:clamp(1.45rem,3vw,2.15rem);margin:0 0 1rem}
h3{font-size:1.08rem}
p{margin:.75rem 0 1rem}
ul{padding-left:1.2rem}
small,.small{font-size:.84rem;color:var(--c-muted)}
.skip-link{
  position:absolute;left:.75rem;top:-4rem;z-index:9999;
  background:#fff;color:#000;padding:.75rem 1rem;border:2px solid #000
}
.skip-link:focus{top:.75rem}
.legacy-anchor{display:block;height:0;overflow:hidden;visibility:hidden;scroll-margin-top:5rem}