/* ══════════════════════════════════════════════════════════════
   WELTÜBERBLICK – Zusammenfassung des Wichtigsten
   ══════════════════════════════════════════════════════════════ */

.world-summary {
    background: #F4F7F4;
    border-top: 2px solid #C8D4C8;
    border-bottom: 2px solid #C8D4C8;
    padding: 2.5rem var(--spacing);
    margin: 2rem 0;
}

.world-summary-content {
    max-width: 850px;
    margin: 0 auto;
    font-family: var(--font-body);
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--ink);
}

.world-summary-content p {
    margin-bottom: 1rem;
}

.world-summary-content p:last-child {
    margin-bottom: 0;
}

/* ══════════════════════════════════════════════════════════════
   Hervorhebungen nach Kalenderwoche

   System: Klassen wie "kw-2026-05" für Kalenderwoche 5 von 2026

   Abstufung:
   - Aktuelle + letzte Woche: Dunkelgrün (new)
   - Letzte 2 Monate (~8 Wochen): Mittelgrün (recent)
   - Älter: Hellgrün (ongoing)

   Wartung (einmal pro Woche):
   1. Aktuelle KW ermitteln (z.B. KW 05 im Jahr 2026)
   2. Abschnitt "Aktuelle + letzte Woche" aktualisieren
   3. Abschnitt "Letzte 2 Monate" aktualisieren
   4. Älteste Woche aus "Letzte 2 Monate" entfernen

   Aktualisiert: 2026-01-31 (KW 2026-05)
   ══════════════════════════════════════════════════════════════ */

/* Basis-Styling für alle Hervorhebungen */
.world-summary-content [class*="kw-"] {
    padding: 0.1rem 0.25rem;
    border-radius: 2px;
}

/* Standard: Ältere Einträge (älter als 2 Monate) – Helles Grün */
.world-summary-content [class*="kw-"] {
    background: #E4F0E4;
}

/* Letzte 2 Monate (~8 Wochen) – Mittleres Grün */
.world-summary-content .kw-2025-49,
.world-summary-content .kw-2025-50,
.world-summary-content .kw-2025-51,
.world-summary-content .kw-2025-52,
.world-summary-content .kw-2025-53,
.world-summary-content .kw-2026-01,
.world-summary-content .kw-2026-02,
.world-summary-content .kw-2026-03 {
    background: #D0E4D0;
}

/* Aktuelle + letzte Woche – Dunkelstes Grün */
.world-summary-content .kw-2026-05,
.world-summary-content .kw-2026-04 {
    background: #B8D4B8;
    font-weight: 500;
}

/* Links innerhalb des Weltüberblicks */
.world-summary-content a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

/* Mobile Anpassungen */
@media (max-width: 480px) {
    .world-summary {
        padding: 2rem var(--spacing);
    }

    .world-summary-content {
        font-size: 1rem;
    }
}