
.responsive-columns {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.content-page__block {
  margin-bottom: 2rem;
}

.content-page__block:last-child {
  margin-bottom: 0;
}

.responsive-columns__column {
  grid-column: span 12;
  min-width: 0;
}

.responsive-columns__block {
  margin-bottom: 1.5rem;
}

.responsive-columns__block:last-child {
  margin-bottom: 0;
}

.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6 {
  margin-bottom: 1rem;
  line-height: 1.15;
  font-weight: 900;
  color: var(--orange);
}

.content-page p,
.content-page ul,
.content-page ol,
.content-page blockquote,
.content-page figure,
.content-page .richtext-image {
  margin-bottom: 1rem;
}

.content-page__block > :last-child,
.responsive-columns__block > :last-child {
  margin-bottom: 0;
}

.content-page ul,
.content-page ol {
  padding-left: 1.5rem;
}

.content-page li + li {
  margin-top: 0.35rem;
}

.content-page a {
  color: var(--orange);
}

.content-page a:hover {
  color: #000;
  text-decoration: none;
}

.content-page img,
.content-page .richtext-image img {
  max-width: 100%;
  height: auto;
}

.content-page img.richtext-image.full-width,
.content-page .richtext-image.full-width img {
  width: 100%;
  display: block;
}

@media (min-width: 48rem) {
  .responsive-columns__column {
    grid-column: span var(--responsive-column-md, 12);
  }
}

@media (min-width: 62rem) {
  .responsive-columns__column {
    grid-column: span var(--responsive-column-lg, var(--responsive-column-md, 12));
  }
}
