*,
*::before,
*::after {
  box-sizing: border-box;
}


body,
h1, h2, h3, h4, h5, h6,
p,
figure,
blockquote,
dl, dd,
ul, ol {
  margin: 0;
}


ul,
ol {
  padding-inline-start: 0;
}


img,
svg,
video {
  display: block;
  max-width: 100%;
  height: auto;
}


h1, h2, h3, h4, h5, h6 {
  font: inherit;
}




:root {
  color-scheme: light;
}

body {
  font: var(--type-text-body-r);
  color: var(--color-text-body);
  background: var(--color-surface-page);
}






p + p {
  margin-block-start: var(--spacing-text-body);
}


h1, h2, h3, h4, h5 {
  text-wrap: balance;
}








:focus-visible {
  outline: 2px solid var(--color-text-heading);
  outline-offset: 2px;
}