.content {
  max-width: 52rem;
  font-size: var(--type-reading-size);
  line-height: var(--type-body-line);
  margin: 0 0 10rem;
}

.content > :first-child {
  margin-top: 0;
}

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

.content h2,
.content h3,
.content h4 {
  color: var(--text);
  font-weight: var(--content-heading-weight);
  line-height: var(--content-heading-line);
  letter-spacing: var(--content-heading-tracking);
}

.content h2 {
  font-size: var(--content-h2-size);
  margin: calc(var(--content-rhythm) * 2) 0 var(--content-rhythm);
}

.content h3 {
  font-size: var(--content-h3-size);
  margin: calc(var(--content-rhythm) * 2) 0 var(--content-rhythm);
}

.content h4 {
  font-size: var(--content-h4-size);
  margin: calc(var(--content-rhythm) * 2) 0 var(--content-rhythm);
}

.content div > h2:first-child,
.content div > h3:first-child,
.content div > h4:first-child,
.content div > h5:first-child {
  margin-top: 0;
}

.content p {
  color: var(--text);
  line-height: var(--type-body-line);
  margin: 0 0 var(--content-rhythm);
}

.content .emptyheader {
  min-height: calc(var(--content-h3-size) * var(--content-heading-line));
  margin: 0 0 var(--content-rhythm);
}

.content ul,
.content ol {
  margin: 0 0 4rem;
  padding-left: 1.4em;
}

.content ul li::marker,
.content ol li::marker {
  color: var(--accent);
}

.content ul.no-bullet {
  list-style: none;
  padding-left: 0;
}

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

.content a {
  color: var(--accent);
  text-decoration: none;
  transition:
    color var(--duration) var(--ease),
    opacity var(--duration) var(--ease);
}

.content a:hover {
  color: var(--text);
}

.content a:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.content img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.content .content-lazy-wrap {
  display: block;
  width: 100%;
  background: var(--dark);
  border-radius: 8px;
  overflow: hidden;
}

.content img.content-lazy-image {
  opacity: 0;
  transition: opacity 1.2s ease;
  will-change: opacity;
}

.content img.content-lazy-image.is-pending {
  opacity: 0;
}

.content img.content-lazy-image.is-ready.is-inview {
  opacity: 1;
}

.content .layout-pic {
  margin: 4rem 0;
}

.content .layout-pic > img {
  margin: 0;
}

.content .layout-pic > .content-lazy-wrap {
  margin: 0;
}

.content .layout-pic > p {
  color: var(--text-muted);
  font-size: var(--content-caption-size);
  line-height: var(--type-body-line);
  margin-top: 0.85rem;
}

.content .speaker {
  color: var(--accent);
  font-weight: 600;
}
.content blockquote {
  margin: 2rem 0;
  color: var(--text);
  font-style: normal;
}

.content :not(.row) .quote_item {
  margin: 3rem 0 4rem 0;
}

.content .quote_item .quote {
  color: var(--text);
  font-size: var(--content-quote-size);
  line-height: 1.4;
  letter-spacing: var(--content-heading-tracking);
}

.content .quote_item .subquote {
  color: var(--accent);
  font-size: var(--type-body-sm-size);
  line-height: var(--type-body-line);
  margin-top: 0.95rem;
}

@media (min-width: 991px) {
  .content > .quote,
  .content :not(.row) .quote_item .quote {
    margin-left: calc((100% + var(--grid-gap, 24px)) / -7);
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .content > .quote,
  .content :not(.row) .quote_item .quote {
    margin-left: calc((100% + var(--grid-gap, 24px)) / -10);
  }
}

.glossary dl {
  display: grid;
  grid-template-columns: minmax(10rem, 30%) 1fr;
  gap: 0.75rem 1.5rem;
}
.glossary dt {
  font-weight: 600;
  color: var(--accent);
}
.glossary dd {
  margin: 0 0 2rem 0;
}
.content .lead {
  margin-bottom: 4rem;
  max-width: 46ch;
  line-height: var(--type-lead-line);
  font-weight: 600;
}

@media (max-width: 990px) {
  .content {
    margin-bottom: 6rem;
  }
  .content img {
    border-radius: 8px;
  }
}

@media (max-width: 1024px) {
  .content .emptyheader {
    min-height: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .content .quote_item {
    margin: 1.5rem 0 2rem 3vw;
  }
}

@media (max-width: 640px) {
  .glossary dl {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
}
@media (max-width: 480px) {
  .content .quote_item {
    margin: 1.5rem 0 2rem 0;
  }
  .content .quote_item .quote {
    font-weight: 500;
  }
}