/* 📱 Handy-Korrekturen für Einzelseiten (nur kleine Bildschirme) – bewusst als eigene Datei, damit sie überall geladen werden und nichts am Desktop ändern. */
@media (max-width: 700px) {
    /* Seiten, deren <body> ein Flex-Container ist: Inhalt darf nicht breiter als der Bildschirm werden */
    .mp-wrap, .tp-wrap { min-width: 0 !important; width: 100% !important; box-sizing: border-box; }
    /* Meine Statistiken */
    .mp-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } .mp-kpi { padding: 12px 8px !important; min-width: 0; } .mp-kpi b { font-size: 1.3rem !important; }
    .mp-wrap { padding: 0 8px !important; } .mp-hero > div { min-width: 0 !important; } .mp-hero h1 { font-size: 1.25rem !important; overflow-wrap: anywhere; }
    .mp-card { padding: 14px 12px !important; }
    /* Hall of Fame */
    .hf-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } .hf-kpi { min-width: 0; padding: 12px 10px !important; } .hf-kpi b { font-size: 1.2rem !important; }
    /* Community-Karte */
    .tp-grid { grid-template-columns: minmax(0, 1fr) !important; } .tp-mapbox, .tp-panel, .tp-grid > * { min-width: 0 !important; max-width: 100% !important; } .tp-wrap { padding: 0 8px !important; } .tp-kpis { flex-wrap: wrap !important; } .tp-tabs { flex-wrap: wrap !important; overflow-x: auto; } .tp-top h1 { font-size: 1.25rem !important; }
    /* System-Log & Updates */
    .page-wrapper { width: 100% !important; max-width: 100vw !important; box-sizing: border-box; padding-left: 8px !important; padding-right: 8px !important; }
    .tactical-sidebar { max-width: 100% !important; }
    .mission-card, .month-section, .category-group { max-width: 100%; box-sizing: border-box; }
    .mission-title, .phase-tag, .category-title { overflow-wrap: anywhere; }
}