/* =============================================================================
   ttk-legal.css — pages légales publiques (/cgu, /cgv, /privacy)
   -----------------------------------------------------------------------------
   Pages à style unique (charte graphique) : `_Layout` ne charge que
   `ttk-foundation.css`, donc tout le transverse vient de la fondation (contenu
   éditorial `.ttk-prose`, callout `.ttk-cta-callout`, bouton, typo).
   Ce fichier ne porte QUE la mise en page propre à ces pages : hero et colonne
   de lecture. Mutualisé par les 3 pages légales publiques, sur le modèle de
   `ttk-error.css` (4 pages d'erreur) et de `ttk-faq-page.css`.
   Préfixe : `ttk-legal-`. Le legacy équivalent (fichier global public, supprimé
   à la passe chrome) a été purgé : les 3 pages sont migrées.
   ============================================================================= */

/* =============================================================================
   1. HERO
   ============================================================================= */
.ttk-legal-hero {
    position: relative;
    padding: var(--ttk-space-10) 0 var(--ttk-space-6);
    overflow: hidden;
    text-align: center;
}

/* Halo indigo derrière le hero (décor, non cliquable). */
.ttk-legal-hero-glow {
    position: absolute;
    inset: 0;
    background: var(--ttk-gradient-glow);
    pointer-events: none;
}

.ttk-legal-hero-content {
    position: relative;
}

.ttk-legal-hero-title {
    margin: var(--ttk-space-4) 0 var(--ttk-space-3);
}

.ttk-legal-hero-subtitle {
    max-width: 34rem;
    margin: 0 auto;
    color: var(--ttk-text-secondary);
}

/* Date de dernière révision du document — mention de service, sous l'accroche. */
.ttk-legal-hero-updated {
    margin: var(--ttk-space-3) 0 0;
    color: var(--ttk-text-muted);
}

/* =============================================================================
   2. COLONNE DE LECTURE
   ============================================================================= */
.ttk-legal-section {
    padding: 0 0 var(--ttk-space-10);
}

/* Colonne de lecture — page publique centrée (≠ wrapper à max-width d'une page
   tableau de bord, interdit par la charte). Comme la coque borne DÉJÀ la ligne, le
   contenu éditorial rend sa mesure interne au conteneur. */
.ttk-legal-shell {
    max-width: 800px;
    margin: 0 auto;
    --ttk-prose-measure: 100%;
}

/* Rythme vertical entre le corps du document et le callout de contact :
   ni l'un ni l'autre ne porte de marge propre. */
.ttk-legal-shell > * + * {
    margin-top: var(--ttk-space-6);
}

/* =============================================================================
   3. RESPONSIVE
   ============================================================================= */
@media (max-width: 768px) {
    .ttk-legal-hero {
        padding: var(--ttk-space-6) 0 var(--ttk-space-5);
    }

    .ttk-legal-section {
        padding: 0 0 var(--ttk-space-6);
    }
}