/* ============================================================
   AU FIL DES ÂMES — assets/css/page_lire.css
   Pages éditoriales « statiques » (À propos, Charte, Mentions…)
   Lecture sobre, dans la continuité des pages édito / guide.
   ============================================================ */

.page-statique {
    padding: 2.5rem 0 4rem;
}

.page-statique .retour-lien {
    display: inline-block;
    margin-bottom: 2rem;
    font-family: var(--font-sans);
    font-size: var(--taille-sm);
    color: var(--texte-secondaire);
    text-decoration: none;
    transition: color var(--transition);
}
.page-statique .retour-lien:hover { color: var(--accent); }

/* ── En-tête ─────────────────────────────────────────────── */
.page-statique-entete {
    margin-bottom: 2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--bordure-douce);
}

.page-statique-titre {
    font-family: var(--font-serif);
    font-size: clamp(1.6rem, 4vw, 2.1rem);
    font-weight: 600;
    color: var(--texte-principal);
    line-height: 1.2;
}

.page-statique-date {
    margin-top: .5rem;
    font-family: var(--font-sans);
    font-size: var(--taille-xs);
    color: var(--texte-discret);
    letter-spacing: .03em;
}

/* ── Corps ───────────────────────────────────────────────── */
.page-statique-corps {
    font-family: var(--font-lecture, var(--font-sans));
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--texte-principal);
}

.page-statique-corps h2 {
    font-family: var(--font-serif);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--texte-principal);
    margin: 2rem 0 .6rem;
}

.page-statique-corps h3 {
    font-family: var(--font-serif);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--texte-secondaire);
    margin: 1.5rem 0 .5rem;
}

.page-statique-corps p { margin: 0 0 1.1rem; }

.page-statique-corps ul,
.page-statique-corps ol {
    margin: 0 0 1.1rem 1.4rem;
    padding: 0;
}
.page-statique-corps li { margin-bottom: .4rem; }

.page-statique-corps a {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.page-statique-corps a:hover { color: var(--accent-hover); }

.page-statique-corps blockquote {
    margin: 1.4rem 0;
    padding: .6rem 1.2rem;
    border-left: 3px solid var(--accent-doux);
    color: var(--texte-secondaire);
    font-style: italic;
}

.page-statique-corps em { color: var(--texte-secondaire); }

/* ── Page introuvable ────────────────────────────────────── */
.page-statique-vide {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--texte-secondaire);
}
.page-statique-vide .page-statique-titre {
    margin-bottom: .8rem;
}