/* ============================================================
   BKS24 Redesign – Hub-Chart (hub-chart)
   Quelle: Shortcode [bks_hub_chart] (inc/hub-chart.php) – rahmt die
   Einzelansicht eines Charts von hub.bks-ev.de ein.
   Der Rahmen wächst in der Breite mit; die Höhe folgt dem
   Seitenverhältnis (--hub-chart-ratio, vom Shortcode gesetzt), auf
   schmalen Bildschirmen mit einer Mindesthöhe, damit Titel, Legende
   und Quellenzeile Platz behalten.
   ALLE Regeln unter .bks-rd gescoped (Vertrag §6).
   ============================================================ */

.bks-rd .hub-chart {
  margin: 32px 0;
  padding: 0;
}

.bks-rd .hub-chart__frame {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--hub-chart-ratio, 16 / 10);
  min-height: 380px;
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  background: #fff;
}

.bks-rd .hub-chart__caption {
  margin-top: 10px;
  font-size: var(--fs-5);
  line-height: 1.45;
  color: var(--grey-600);
}

.bks-rd .hub-chart__caption a {
  color: var(--bks-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bks-rd .hub-chart__caption a:hover,
.bks-rd .hub-chart__caption a:focus-visible {
  color: var(--bks-blue-700);
}

/* Karte: Segmentwahl, Quartal, Legende und Zeitregler stehen über und
   unter der Kartenfläche – sie braucht mehr Höhe als ein Diagramm. Ohne
   diese Mindesthöhe bliebe bei ratio="16/10" kaum Karte übrig. */
.bks-rd .hub-chart--karte .hub-chart__frame { min-height: 560px; }

@media (max-width: 560px) {
  .bks-rd .hub-chart { margin: 24px 0; }
  .bks-rd .hub-chart__frame { min-height: 420px; }
  /* Die Segmentknöpfe stehen hier in zwei Reihen. */
  .bks-rd .hub-chart--karte .hub-chart__frame { min-height: 600px; }
}