/* CGM 1.5.2 — scoped diagnosis selection cards only.
   Classes are applied to links to actual cgm_beispiel detail pages by
   diagnosis-tiles.js, never to editor fields or unrelated app tiles. */
.cgmmedia-diagnosis-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.cgmmedia-diagnosis-card {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.cgmmedia-diagnosis-link {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 80px !important;
  padding: 16px !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  text-align: left !important;
}
.cgmmedia-diagnosis-link *,
.cgmmedia-diagnosis-card .cgmmedia-diagnosis-link * {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto !important;
}
@media (max-width: 520px) {
  .cgmmedia-diagnosis-grid {grid-template-columns: minmax(0, 1fr) !important;gap: 10px !important;}
  .cgmmedia-diagnosis-link {min-height: 60px !important;padding: 14px !important;}
}

/* V1.5.8: Repair the underlying CGM diagnosis grid, not just individual links.
   Modern Chromium/Samsung Internet supports :has().  The JS adds a fallback. */
.cgmbridge .grid:has(> a[href*="cgm_beispiel"]),
.cgmbridge .grid:has(> .tile a[href*="cgm_beispiel"]),
.cgmb-view .grid:has(> a[href*="cgm_beispiel"]) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
}
.cgmbridge a[href*="cgm_beispiel"],
.cgmbridge a[href*="cgm_beispiel"] strong,
.cgmbridge a[href*="cgm_beispiel"] span,
.cgmbridge .tile:has(a[href*="cgm_beispiel"]) {
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.cgmmedia-diagnosis-extra-on-detail {display:none!important}