/* Tageslicht und Nordlicht heute Abend — Modul himmel (site-werkzeuge), nie auf der
   Site ändern. Nutzt die Variablen der Sites (--c-border bzw. --c-line, --s-4 …),
   jede mit Rückfallwert. Ruhige Gestaltung nach ki-check/regeln.md: keine
   Akzentleiste, kein Verlauf. Einzige Icons: Thermometer und Sonne in den
   Monatskarten (Patrick, 15.11.2026). */
.mst-himmel { margin: 0 0 var(--s-5, 40px); padding: var(--s-4, 24px); border: 1px solid var(--c-border, var(--c-line, #dbe7ec)); border-radius: 12px; background: var(--c-bg, #fff); }
.mst-himmel h2 { margin: 0 0 var(--s-3, 16px); }
.mst-himmel h3 { margin: var(--s-4, 24px) 0 var(--s-2, 8px); }
.mst-himmel p { margin: 0 0 var(--s-3, 16px); }
.mst-himmel p:last-child { margin-bottom: 0; }
.mst-himmel__wrap { overflow-x: auto; margin: 0 0 var(--s-3, 16px); }
.mst-himmel__table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.mst-himmel__table th, .mst-himmel__table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--c-border, var(--c-line, #dbe7ec)); white-space: nowrap; font-variant-numeric: tabular-nums; }
.mst-himmel__table thead th { font-weight: 600; }
.mst-himmel__table tbody th { font-weight: 400; }
.mst-himmel__jetzt th, .mst-himmel__jetzt td { font-weight: 700 !important; }
.mst-himmel__chance { font-size: 1.15rem; }
.mst-himmel__quelle { font-size: .85rem; color: var(--c-ink-soft, var(--c-muted, #3d5560)); }
.mst-himmel-huelle .mst-himmel { margin-bottom: 0; }
@media (max-width: 600px) {
  .mst-himmel { padding: var(--s-3, 16px); }
  .mst-himmel__table { font-size: .85rem; }
  .mst-himmel__table th, .mst-himmel__table td { padding: 6px 6px; }
}
.mst-himmel__warnung { color: var(--c-danger, #a4161a); }
.mst-himmel ul { margin: 0 0 var(--s-3, 16px); padding-left: 1.2em; }
/* Startseiten-Block: Wetter jetzt, darunter Monat für Monat, fester Abstand */
.mst-himmel-block > .mst-himmel { margin: 0; }
.mst-himmel-block > .mst-himmel + .mst-himmel { margin-top: 28px; }
.mst-himmel-block { margin: 0 0 var(--s-5, 40px); }
.mst-himmel-huelle .mst-himmel-block { margin-bottom: 0; }
/* Monatskarten, knapp: Monat, Thermometer + °C, Sonne + Tageslänge */
.mst-himmel__monate { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0 0 var(--s-3, 16px); }
.mst-himmel__monat { background: var(--c-bg, #fff); border: 1px solid var(--c-border, var(--c-line, #dbe7ec)); border-radius: 10px; padding: 14px 16px; }
.mst-himmel__monat strong { display: block; margin-bottom: 6px; font-family: var(--font-head, var(--f-serif, inherit)); font-size: 1.05rem; }
.mst-himmel__monat span { display: flex; align-items: center; gap: 6px; color: var(--c-ink-soft, var(--c-muted, #3d5560)); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mst-himmel__icon { flex: none; opacity: .75; }
@media (max-width: 900px) { .mst-himmel__monate { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .mst-himmel__monate { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } }