/* Info-Mods V3.0 RC2 — confort de lecture, 02/11/2026.
   Surcharge additive, site PUBLIC exclusivement. Ne modifie pas l'administration.
   Laissez le style Phoenix d'origine intact pour faciliter le retour arriere.
   Ne touche pas aux positions sticky, aux grilles, aux images, au JS ni aux publicites. */

/* 1. Corps des actualites, tests et dossiers : 13px -> 15.5px.
   Les tableaux et les elements ayant un style editorial explicite conservent
   leurs regles; aucune declaration !important n'est ajoutee. */
.phoenix-article-page .phoenix-article-content {
    font-size: 15.5px;
    line-height: 1.7;
}
/* Palette d'origine conservee : aucun changement de couleur.
   Gris bleu clair historique #728296 en mode clair ; en mode sombre,
   la couleur reste pilotee par phoenix-dark.css (#ccd8e8). */
.phoenix-article-page .phoenix-article-meta {
    font-size: 13px;
    line-height: 1.5;
}
.phoenix-article-page .phoenix-article-footer {
    font-size: 13px;
    line-height: 1.55;
}

/* 2. Cartes d'actualites, articles et contenus recents. */
.phoenix-news-card h3 a,
.phoenix-news-card h3 a:link,
.phoenix-news-card h3 a:visited {
    font-size: 17px;
    line-height: 1.33;
}
.phoenix-news-card p {
    font-size: 14.5px;
    line-height: 1.6;
}
.phoenix-card-meta {
    font-size: 12.5px;
    line-height: 1.4;
}
/* Le pied des cartes des articles imposait auparavant 11px. */
.phoenix-article-index-card .phoenix-card-meta {
    font-size: 12px;
}
.phoenix-news-category {
    font-size: 10.5px;
}

/* 3. Colonne droite / Actu du Web et liens utiles. */
.phoenix-sidebar-content-item h3 a,
.phoenix-sidebar-content-item h3 a:link,
.phoenix-sidebar-content-item h3 a:visited {
    font-size: 14px;
    line-height: 1.42;
}
.phoenix-sidebar-content-meta {
    font-size: 11.5px;
    line-height: 1.45;
}
.phoenix-article-highlight-meta {
    font-size: 12px;
}
.phoenix-article-highlight h3 a,
.phoenix-article-highlight h3 a:link,
.phoenix-article-highlight h3 a:visited {
    font-size: 16px;
    line-height: 1.35;
}

/* 4. Bloc d'accueil et petites informations. */
.phoenix-hero p {
    font-size: 15px;
    line-height: 1.6;
}
.phoenix-hero-meta {
    font-size: 13px;
}
.phoenix-text-item span {
    font-size: 14px;
}
.phoenix-text-item small {
    font-size: 13px;
}

/* 5. Boussole de lecture : uniquement la typographie.
   Sa hauteur fixe de 48px, sa position sticky, sa transition et son
   nombre dynamique de recommandations restent inchanges. */
.phoenix-reading-compass-status,
.phoenix-reading-compass-duration,
.phoenix-reading-compass-note {
    font-size: 12px;
}
.phoenix-reading-compass-eyebrow {
    font-size: 11px;
}
.phoenix-reading-compass-link,
.phoenix-reading-compass-link:link,
.phoenix-reading-compass-link:visited {
    font-size: 12.5px;
    line-height: 1.33;
}
.phoenix-reading-compass-actions a,
.phoenix-reading-compass-actions a:link,
.phoenix-reading-compass-actions a:visited {
    font-size: 12px;
}
.phoenix-reading-compass-next-headline {
    font-size: 14px;
    line-height: 1.35;
}
.phoenix-reading-compass-next-copy small {
    font-size: 11px;
}

/* Smartphone : mieux lire sans surcharger les zones a 3 colonnes.
   Les tuiles avaient ete reduites a 12px sur mobile. */
@media screen and (max-width: 620px) {
    .phoenix-article-page .phoenix-article-content {
        font-size: 15px;
        line-height: 1.68;
    }
    .phoenix-news-card h3 a,
    .phoenix-news-card h3 a:link,
    .phoenix-news-card h3 a:visited {
        font-size: 16px;
    }
    .phoenix-news-card p {
        font-size: 14px;
        line-height: 1.55;
    }
    .phoenix-card-meta,
    .phoenix-article-index-card .phoenix-card-meta {
        font-size: 11.5px;
    }
    .phoenix-sidebar-content-item h3 a,
    .phoenix-sidebar-content-item h3 a:link,
    .phoenix-sidebar-content-item h3 a:visited {
        font-size: 14px;
    }
    .phoenix-home-news-card.is-today .phoenix-card-meta-time {
        font-size: 11px;
    }
}
