* {
  box-sizing:
    border-box;
}

html {
  scroll-behavior:
    smooth;
}

body {
  margin:
    0;

  color:
    var(--ink);

  background:
    var(--canvas);

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  -webkit-font-smoothing:
    antialiased;

  text-rendering:
    optimizeLegibility;
}

body.nav-open {
  overflow:
    hidden;
}

a {
  color:
    inherit;
}

button,
a {
  -webkit-tap-highlight-color:
    transparent;
}

button {
  font:
    inherit;
}

img {
  display:
    block;

  max-width:
    100%;
}

.sr-only {
  position:
    absolute;

  width:
    1px;

  height:
    1px;

  padding:
    0;

  margin:
    -1px;

  overflow:
    hidden;

  clip:
    rect(0,0,0,0);

  white-space:
    nowrap;

  border:
    0;
}