@layer block {
  .section > div.seo-read-more-wrapper {
    margin: 0 auto 5rem;
    padding-inline: 0.05em;
  }

  .seo-read-more-wrapper h2 {
    font-family: var(--heading-font-family);
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0.8rem;
  }

  .seo-read-more-wrapper h3 {
    font-family: var(--heading-font-family);
    font-weight: var(--fw-normal);
    font-size: 2.4rem;
    line-height: 1;
    margin: 2rem 0 0.5rem;
  }

  .seo-read-more-wrapper h4,
  .seo-read-more-wrapper h5,
  .seo-read-more-wrapper h6 {
    font-family: var(--heading-font-family);
    font-weight: var(--fw-normal);
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.5rem;
  }

  .seo-read-more-wrapper p a {
    text-decoration: underline;
  }

  .seo-read-more-wrapper details p:last-of-type {
    padding-bottom: 1rem;
  }

  .seo-read-more-wrapper sup {
    font-size: 55%;
  }

  .seo-read-more.block {
    position: relative;
  }

  .seo-read-more.block details {
    max-height: 1.5rem;
    transition: max-height 0.5s ease-in-out;
    cursor: pointer;
  }

  .seo-read-more.block details[open] {
    max-height: 999rem;
  }

  .seo-read-more.block summary {
    position: absolute;
    bottom: 0;
    translate: 0 100%;
    list-style: none;
  }

  .seo-read-more.block details summary::after {
    content: '+';
    display: inline-block;
    margin-inline-start: 0.4em;
  }

  .seo-read-more.block details[open] summary::after {
    content: '-';
  }
}