/* ============================================================
   AU FIL DES ÂMES — assets/css/pensees_parues.css
   Archive publique des pensées déjà parues.
   ============================================================ */

.page-parues { padding: 3rem 0 5rem; }

.parues-titre {
    font-family: var(--font-serif);
    font-size: clamp(1.6rem, 3.5vw, 2.2rem);
    color: var(--texte-principal);
    margin: 1.25rem 0 .5rem;
}
.parues-intro {
    color: var(--texte-secondaire);
    line-height: 1.7;
    margin-bottom: 2rem;
}

.parues-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}
.parue-item { border-top: 1px solid var(--bordure-douce); }
.parue-item:last-child { border-bottom: 1px solid var(--bordure-douce); }

.parue-lien {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: .25rem 1.25rem;
    padding: 1.1rem .25rem;
    text-decoration: none;
    color: inherit;
    transition: background var(--transition);
}
.parue-lien:hover { background: var(--accent-doux); }

.parue-date {
    grid-row: span 2;
    font-family: var(--font-sans);
    font-size: var(--taille-xs);
    color: var(--texte-discret);
    padding-top: .2rem;
}
.parue-citation {
    font-family: var(--font-serif);
    font-size: 1.1rem;
    font-style: italic;
    line-height: 1.5;
    color: var(--texte-principal);
}
.parue-auteur {
    font-family: var(--font-sans);
    font-size: var(--taille-sm);
    color: var(--texte-secondaire);
}
.parue-compteur {
    font-family: var(--font-sans);
    font-size: var(--taille-xs);
    color: var(--accent);
}

.parues-vide { color: var(--texte-discret); }

@media (max-width: 640px) {
    .page-parues { padding: 2rem 0 4rem; }
    .parue-lien { grid-template-columns: 1fr; gap: .2rem; }
    .parue-date { grid-row: auto; }
}