.blog-detail-info-section {
  z-index: 99;
  position: relative;
}

.blog-rich-text h5 {
  margin-top: 0;
  margin-bottom: 10px;
}

.blog-rich-text p {
  margin-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

.blog-rich-text h1,
.blog-rich-text h2,
.blog-rich-text h3,
.blog-rich-text h4,
.blog-rich-text h5,
.blog-rich-text h6 {
  padding-left: 50px;
  padding-right: 50px;
}

.blog-rich-text figure {
  border-radius: var(--border-radius--lg);
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
}

.blog-rich-text figure.w-richtext-figure-type-video > div,
.blog-rich-text figure[data-rt-type="video"] > div {
  position: absolute;
  inset: 0;
  height: 100%;
}

.blog-rich-text figure.w-richtext-figure-type-video iframe,
.blog-rich-text figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.blog-rich-text blockquote {
  margin-bottom: 40px;
}

.blog-rich-text ul,
.blog-rich-text ol {
  margin-bottom: 40px;
  padding-left: 70px;
  padding-right: 70px;
  list-style: disc;
}

.blog-rich-text li {
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .blog-rich-text p,
  .blog-rich-text h1,
  .blog-rich-text h2,
  .blog-rich-text h3,
  .blog-rich-text h4,
  .blog-rich-text h5,
  .blog-rich-text h6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-rich-text p {
    margin-bottom: 30px;
  }

  .blog-rich-text blockquote,
  .blog-rich-text figure {
    margin-bottom: 20px;
  }

  .blog-rich-text ul,
  .blog-rich-text ol {
    margin-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .blog-rich-text blockquote,
  .blog-rich-text figure,
  .blog-rich-text p,
  .blog-rich-text ul,
  .blog-rich-text ol {
    margin-bottom: 20px;
  }
}

/* ---------------------------------------------------------------------------
   Imported practice articles.

   The Webflow demo posts were plain paragraphs; the real ones carry headings,
   ordered and unordered lists, inline images and a PDF embed. The base heading
   scale is for section titles (h2 56px, h3 42px), far too large inside an
   article, so the rich text gets its own scale here. Everything is scoped to
   .blog-rich-text.
--------------------------------------------------------------------------- */
.blog-rich-text {
  font-size: 17px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.blog-rich-text h2,
.blog-rich-text h3,
.blog-rich-text h4 {
  color: var(--_color---heading);
  line-height: 1.3;
}

.blog-rich-text h2 {
  font-size: 28px;
  margin-top: 48px;
  margin-bottom: 14px;
}

.blog-rich-text h3 {
  font-size: 21px;
  margin-top: 34px;
  margin-bottom: 10px;
}

.blog-rich-text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 26px;
  margin-bottom: 8px;
}

.blog-rich-text > *:first-child {
  margin-top: 0;
}

.blog-rich-text p {
  margin-bottom: 20px;
}

/* Numbered lists must not inherit the disc from the rule above. */
.blog-rich-text ol {
  list-style: decimal;
}

.blog-rich-text ul,
.blog-rich-text ol {
  margin-bottom: 20px;
}

.blog-rich-text li > ul,
.blog-rich-text li > ol {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 24px;
  padding-right: 0;
}

.blog-rich-text li {
  margin-bottom: 8px;
}

/* Inline images sit in the same measure as the copy, not flush to the edge. */
.blog-rich-text img {
  border-radius: var(--border-radius--lg);
  max-width: 100%;
  height: auto;
  display: block;
  margin: 30px auto;
}

.blog-rich-text p:has(> img) {
  padding-left: 0;
  padding-right: 0;
}

.blog-rich-text figcaption {
  color: var(--color--gray-1);
  text-align: center;
  padding: 0 50px;
  font-size: 15px;
}

/* The PowerSpine report is embedded as a PDF. */
.blog-rich-text iframe {
  border-radius: var(--border-radius--lg);
  border: 1px solid var(--color--gray-2);
  width: 100%;
  max-width: 100%;
  min-height: 70vh;
  margin-bottom: 30px;
  display: block;
}

@media screen and (max-width: 767px) {
  .blog-rich-text {
    font-size: 16px;
  }

  .blog-rich-text h2 {
    font-size: 23px;
    margin-top: 36px;
  }

  .blog-rich-text h3 {
    font-size: 19px;
    margin-top: 26px;
  }

  .blog-rich-text img {
    margin: 20px auto;
  }

  .blog-rich-text figcaption {
    padding: 0 20px;
  }

  .blog-rich-text iframe {
    min-height: 60vh;
  }
}