/* ============================================
   PAGES DE CONTENU — a propos, documents legaux
   Pages : /about (pages/about.py), /legal/<slug> (pages/legal.py)
   Desktop : styles inline / DMC ; ce fichier porte le mobile
   (specs/mobile/pages-contenu/SPEC.md). Glossaire : 04-page-glossary.css.
   ============================================ */

@media (max-width: 1023.98px) {   /* bp mobile */
    .about-page, .legal-page { --m-head-h: 56px; }

    /* A propos : cartes resserrees, liens en boutons de 40 px, Stack repliee */
    .about-card { margin-bottom: 10px !important; padding: 14px !important; }
    .about-card.m-acc { padding: 0 !important; }
    .about-card.m-acc > .m-acc-head { margin: 0; border: none; background: transparent; }
    .about-card.m-acc.open > :not(.m-acc-head) { padding: 0 14px 14px; }
    .about-links { gap: 8px !important; }
    .about-links a {
        display: inline-flex;
        align-items: center;
        min-height: 40px;
        padding: 0 14px;
        border: 1px solid var(--color-border);
        border-radius: 10px;
    }

    /* Documents legaux : avertissement sur une ligne, parties repliables */
    .legal-page { margin-top: 0 !important; padding: 0 !important; }
    .legal-alert { margin: 10px 0 !important; padding: 8px 12px !important; }
    .legal-alert .mantine-Alert-message {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .legal-parts { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
    .legal-parts .m-acc > .m-acc-head { margin-bottom: 0; }
    .legal-parts .m-acc.open > :not(.m-acc-head) {
        padding: 4px 4px 0;
        color: var(--color-text-secondary);
        font-size: 14px;
        line-height: 1.6;
    }
}