/* Case directory only: consistent previews, natural titles, and quiet separators. */
html body.cases-page.case-cards-refined #case-library-results {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-columns: auto !important;
  gap: 36px 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

html body.cases-page.case-cards-refined #case-library-results > .case-list-card {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  gap: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  border: 0 !important;
  border-bottom: 1px solid #dce2e7 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: auto;
  overflow: visible !important;
}

html body.cases-page.case-cards-refined #case-library-results > .case-list-card[hidden] {
  display: none !important;
}

html body.cases-page.case-cards-refined #case-library-results .case-card-media {
  display: block !important;
  flex: none;
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 0 16px !important;
  border: 0;
  border-radius: 6px !important;
  background: #101a25 !important;
  box-shadow: none;
  overflow: hidden !important;
}

html body.cases-page.case-cards-refined #case-library-results .case-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  transform: none !important;
  transition: none !important;
}

html body.cases-page.case-cards-refined #case-library-results .case-list-card > h3 {
  display: block !important;
  width: 100%;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #23282f !important;
  font-size: 22px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-wrap: wrap !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

html body.cases-page.case-cards-refined #case-library-results h3 > .case-list-card__link {
  display: block;
  min-height: 0;
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
}

html body.cases-page.case-cards-refined #case-library-results h3 > .case-list-card__link:is(:hover, :focus-visible) {
  color: #526577 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px;
}

html body.cases-page.case-cards-refined #case-library-results .case-list-card > .case-card-summary {
  display: block !important;
  align-self: stretch !important;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  color: #616b76 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

@media (max-width: 760px) {
  html body.cases-page.case-cards-refined #case-library-results {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  html body.cases-page.case-cards-refined #case-library-results > .case-list-card {
    padding-bottom: 22px !important;
    border-bottom-color: #2c4057 !important;
  }

  html body.cases-page.case-cards-refined #case-library-results .case-card-media {
    margin-bottom: 10px !important;
  }

  html body.cases-page.case-cards-refined #case-library-results .case-list-card > h3 {
    margin-bottom: 4px !important;
    color: #dfeefa !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
  }

  /* Retain a 44px touch target without a spare button row. */
  html body.cases-page.case-cards-refined #case-library-results h3 > .case-list-card__link {
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  html body.cases-page.case-cards-refined #case-library-results h3 > .case-list-card__link:is(:hover, :focus-visible) {
    color: #a7cddd !important;
  }

  html body.cases-page.case-cards-refined #case-library-results .case-list-card > .case-card-summary {
    color: #adbed4 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
}
