.content-page {
  width: 100%;
  line-height: var(--line-height-body);
}

.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6 {
  font-family: 'Body default', Georgia, serif;
  font-weight: 700;
}

.content-title {
  font-size: var(--font-size-plus-3);
  font-weight: 700;
  margin: 0;
}
.content-byline {
  margin: 0;
  font-size: var(--font-size-sub-1);
}
/* Sits inside a gapped flex column, so no margin of its own. */
.content-heading {
  font-size: var(--font-size-plus-2);
  font-weight: 700;
  margin: 0;
}

.content-box-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 640px) {
  .content-right-column {
    align-self: flex-start;
    padding: 1rem;
    background: #f6f6f6;
  }
  html[data-theme="dark"] .content-right-column {
    background: #2a2a2a;
  }
}

.content-quote {
  border-left: .125rem solid #cacaca;
  font-style: italic;
  margin: 0;
  padding: 0 1.25em;
}
.content-quote cite {
  display: block;
  font-size: var(--font-size-sub-1);
}