html{-webkit-font-smoothing:antialiased}
body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page)}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover);text-decoration:underline}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);line-height:var(--lh-heading);margin:0}
h1{font-size:var(--fs-h1);font-weight:var(--fw-light)}
h2{font-size:var(--fs-h2);font-weight:var(--fw-light)}
h3{font-size:var(--fs-h3);font-weight:var(--fw-medium)}
h4{font-size:var(--fs-h4);font-weight:var(--fw-medium)}
*:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}