body {
  font-family: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, "Times New Roman", serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5em 0 0 0;
  padding: 0;
  align-items: center;
  font-size: var(--type-large);
  font-weight: bold;
  line-height: 1.2;
}

h1 {
  font-size: var(--type-xx-large);
}

h2 {
  font-size: var(--type-x-large);
}

h3 {
  margin-bottom: -0.25em;
}

h3 + h4 {
  margin-top: 1.5em;
}

h4 {
  font-size: var(--type-small);
  margin-top: 1.25em;
}

h4 + p,
h4 + ol,
h4 + ul {
  margin-top: 0.2em;
}

p {
  margin: 1em 0 0 0;
  font-size: var(--type-medium);
  line-height: 1.5;
}

ul,
ol {
  margin: 1em 0 0 1em;
  padding: 0;
  line-height: 1.5;
}

ol ul,
ul ul {
  margin-top: 0;
}

a {
  color: rgb(var(--color-link));
}

a:hover {
  color: rgb(var(--color-link));
}

a:visited {
  color: rgb(var(--color-link));
}

hr {
  height: 0;
  margin: 3em 0;
  border: 0;
  border-top: 0.1rem solid rgb(var(--color-text));
}

blockquote {
  font-style: italic;
  margin: 1em 0 0 0;
  padding: 0 0 0 1em;
  border-left: 0.2rem solid rgb(var(--color-text));
}

code {
  position: relative;
  padding: 0.25rem 0.5rem;
  border-radius: 0.2rem;
  background-color: rgba(var(--color-link), 0.075);
  font-size: var(--type-x-small);
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
}

img {
  max-width: 100%;
  border-radius: 1rem;
}

figure {
  margin: 1em 0 2em 0;
  break-inside: avoid;
  text-align: center;
}

figcaption {
  margin: 0.25em 0 0 0;
  font-size: var(--type-small);
  font-style: italic;
}