/* 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 Icon, kein Verlauf. */
.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; }
.mst-himmel__monate { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin: 0 0 var(--s-3, 16px); }
.mst-himmel__monat { border: 1px solid var(--c-border, var(--c-line, #dbe7ec)); border-radius: 10px; padding: 12px; font-size: .9rem; }
.mst-himmel__monat strong { display: block; margin-bottom: 4px; }
.mst-himmel__monat span { display: block; color: var(--c-ink-soft, var(--c-muted, #3d5560)); font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .mst-himmel__monate { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) { .mst-himmel__monate { grid-template-columns: repeat(2, 1fr); } }