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

html,
body {
  height: 100%;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

a {
  text-decoration: none;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin: 0 0 1rem;
}

.prose :where(h1,h2,h3,h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: var(--font-heading);
  margin: 2rem 0 1rem;
  line-height: var(--line-height-tight);
}

.site-header.is-sticky {
  position: sticky;
  top: 0;
  backdrop-filter: blur(10px);
}

.site-header.is-transparent {
  background: transparent !important;
  border-color: transparent !important;
}