/* texte.css — pages de lecture : mentions légales, confidentialité,
   accessibilité, intégration Twitch. Une colonne étroite (≈ 70 caractères
   par ligne, le confort de lecture d'un livre) plutôt que la pleine largeur
   du site, et chaque rubrique dans un bloc de verre du thème spatial. */

.page-texte { padding-bottom: 80px; }
.page-texte .page-header { padding-bottom: 40px; }

.texte-bloc {
    width: min(760px, 100% - 2 * var(--gutter));
    margin: 0 auto 1.25rem;
    padding: clamp(22px, 4vw, 34px) clamp(20px, 4vw, 38px);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    box-shadow: var(--shadow-card);
}

.texte-bloc h2 {
    font-size: clamp(1.2rem, 2.6vw, 1.45rem);
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 0.9rem;
}
.texte-bloc h3 { font-size: 1rem; font-weight: 650; margin-bottom: 0.3rem; color: var(--text-color); }
.texte-bloc p,
.texte-bloc li { color: var(--text-secondary); line-height: 1.75; }
.texte-bloc p + p,
.texte-bloc p + .plain-list,
.texte-bloc .plain-list + p { margin-top: 0.85rem; }
.texte-bloc strong { color: var(--text-color); }
.texte-bloc a { color: var(--accent-color); text-underline-offset: 3px; }
.texte-bloc code {
    font-family: var(--font-mono);
    font-size: 0.86em;
    padding: 1px 6px;
    border-radius: 6px;
    background: var(--accent-soft);
    color: var(--text-color);
}

/* Liste sans puces, rubriques séparées par un filet. */
.plain-list { list-style: none; }
.plain-list > li { padding: 0.9rem 0; border-top: 1px solid var(--border-color); }
.plain-list > li:first-child { border-top: none; padding-top: 0.4rem; }
.plain-list > li:last-child { padding-bottom: 0; }

.form-status { padding: 12px 16px; border-radius: var(--radius-sm); font-size: 0.92rem; margin-bottom: 1.25rem; border-left: 3px solid currentColor; }
.form-status.ok  { background: rgba(59, 165, 92, 0.12); color: var(--success-color); }
.form-status.err { background: rgba(255, 45, 85, 0.12); color: var(--hot-color); }

.texte-bloc .btn { margin-top: 0.5rem; }