/* Final mobile density layer. Desktop presentation remains frozen. */

.case-card-disclosure,
.case-diagnostic .mobile-disclosure,
.certification-current .mobile-disclosure {
  display: none;
}

@media (max-width: 720px) {
  .home-disclosures-ready .case-card-disclosure,
  .home-disclosures-ready .certification-current .mobile-disclosure {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin-top: 9px;
    padding: 7px 12px;
    border: 1px solid currentColor;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
  }

  .home-disclosures-ready .case-card {
    height: 338px !important;
    grid-template-rows: 47% 53% !important;
  }

  .home-disclosures-ready .case-card.is-mobile-expanded {
    height: 446px !important;
    grid-template-rows: 41% 59% !important;
  }

  .home-disclosures-ready .case-card dl {
    max-height: 170px;
    overflow: hidden;
    opacity: 1;
    transition: max-height 260ms ease, opacity 180ms ease, margin 260ms ease;
  }

  .home-disclosures-ready .case-card:not(.is-mobile-expanded) dl {
    max-height: 0;
    margin: 0;
    opacity: 0;
  }

  .home-disclosures-ready .case-card-copy {
    min-height: 0 !important;
  }

  .home-disclosures-ready .certification-current-details {
    max-height: 300px;
    overflow: hidden;
    opacity: 1;
    transition: max-height 280ms ease, opacity 180ms ease, margin 280ms ease;
  }

  .home-disclosures-ready .certification-current-details:not(.is-mobile-expanded) {
    max-height: 0;
    margin: 0;
    opacity: 0;
  }

  .home-disclosures-ready .certification-current .mobile-disclosure {
    width: 100%;
    border-color: rgba(255, 255, 255, .58);
    color: #fff;
  }

  html.home-disclosures-ready body #faq [data-mobile-content="faq"]:not(.is-mobile-expanded)
    .accordion:first-child .accordion-item:nth-child(n + 4),
  html.home-disclosures-ready body #faq [data-mobile-content="faq"]:not(.is-mobile-expanded)
    .accordion:nth-child(n + 2) .accordion-item {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .home-disclosures-ready .case-card {
    height: 326px !important;
  }

  .home-disclosures-ready .case-card.is-mobile-expanded {
    height: 444px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-card dl,
  .certification-current-details {
    transition: none !important;
  }
}
