/* Shared visual component for every mobile content disclosure. */
@media (max-width: 900px) {
  .mobile-disclosure-control {
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 44px;
    min-height: 44px;
    width: fit-content;
    margin-top: .5rem;
    padding: .5rem .9rem !important;
    border: 1px solid var(--line, rgba(20, 25, 30, .14)) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--teal, #4f7188) !important;
    font-family: 'Nunito', sans-serif;
    font-size: .92rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
  }

  .mobile-disclosure-control::-webkit-details-marker {
    display: none;
  }

  .mobile-disclosure-control::after {
    content: "\25BE";
    font-size: .7rem;
    transition: transform .2s ease;
  }

  details[open] > .mobile-disclosure-control::after,
  .mobile-disclosure-control[aria-expanded="true"]::after,
  .mobile-disclosure-control.is-open::after,
  .read-more-btn-less.mobile-disclosure-control::after,
  .hero-mobile-toggle:checked ~ .mobile-disclosure-control::after,
  .h3-toggle:checked ~ .mobile-disclosure-control::after,
  .mobile-read-toggle:checked + .mobile-disclosure-control::after {
    transform: rotate(180deg);
  }

  .feature-copy-collapsible .read-more-btn-less,
  .feature-copy-collapsible .read-more-toggle:checked ~ .read-more-btn-more {
    display: none !important;
  }

  .feature-copy-collapsible .read-more-toggle:checked ~ .read-more-btn-less {
    display: inline-flex !important;
  }

  .mobile-read-label .less,
  .mobile-read-toggle:checked + .mobile-read-label .more {
    display: none;
  }

  .mobile-read-toggle:checked + .mobile-read-label .less {
    display: inline;
  }
}