/* Homepage legal-column layout on phones. */

@media (max-width: 767px) {
  .page-index #cases + #column.home-columns { padding-block: 56px; }

  .page-index #column .home-cases-heading {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
  }
  .page-index #column .home-cases-heading h2 { font-size: clamp(23px, 6.2vw, 28px); }
  .page-index #column .home-cases-more {
    align-self: center;
    min-height: 44px;
    padding-block: 12px;
    font-size: 12px;
  }

  .page-index #column .home-cases-layout { gap: 24px; }
  .page-index #column .case-feature-image { height: auto; aspect-ratio: 16 / 8; }
  .page-index #column .case-feature-symbol { width: 112px; top: 14px; left: 14px; }
  .page-index #column .case-feature-copy { padding-top: 16px; }
  .page-index #column .case-category { margin-bottom: 8px; color: #f17878; font-size: 12px; }
  .page-index #column .case-feature-copy h3 {
    margin-bottom: 8px;
    color: #f5f5f5;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.4;
  }
  .page-index #column .case-feature-copy .case-description { margin-top: 0; font-size: 13px; line-height: 1.7; }
  .page-index #column .case-feature-link { display: none; }
  .page-index #column .case-list { border-top: 1px solid #ffffff29; }
  .page-index #column .case-row {
    align-items: center;
    gap: 16px;
    min-height: 104px;
    padding-block: 18px;
    border-bottom: 1px solid #ffffff29;
  }
  .page-index #column .case-row:nth-child(n + 3) { display: none; }
  .page-index #column .case-row h3 { margin: 0; color: #f5f5f5; font-size: 17px; line-height: 1.5; }
  .page-index #column .case-row-copy > p:not(.case-category) { display: none; }
  .page-index #column .case-row > img { flex-basis: 88px; width: 88px; height: 60px; margin-top: 0; }
}