/* ============================================================
   TYPOGRAPHIE HOMOGÈNE — tout le site Fusion (demande du client, 03/11/2026)
   Référence : page « À propos ». Chargée en dernier (après responsive.css) : c'est elle qui fixe
   la taille des textes sur toutes les pages, études de cas comprises, sur ordinateur comme sur mobile.

   Niveaux
   - texte courant ........ 16 px, interligne 1,8 (≈ 29 px)
   - sous-titre / accroche  18 → 23 px selon l'écran, interligne 1,35
   - petit texte (cartes, tags) 14 px, interligne 1,6
   - titre de carte ....... 15 px, capitales
   - libellé des chiffres . 15 px, capitales
   - titre de section ..... 14 → 17 px (Miedinger)
   - grand titre .......... 20 → 31 px
   Les grands titres de page (h1), les chiffres et les textes du haut des pages d'accueil gardent leur dessin.
   ============================================================ */
:root {
  --t-body: 16px;  --t-body-lh: 1.8;
  --t-sub: clamp(18px, 1.25vw, 23px);  --t-sub-lh: 1.35;
  --t-small: 14px;  --t-small-lh: 1.6;
  --t-card: 15px;
  --t-label: 15px;
  --t-section: clamp(14px, .9vw, 17px);
  --t-big: clamp(20px, 1.65vw, 31px);
}

/* 1. Texte courant */
.sec-text, .about-intro-text .sec-text, .exp-intro .sec-text,
.about-lead, .about-clients-text,
.exp-row-desc, .exp-approach-box,
.real-intro-text, .real-intro-right p,
.contact-lead, .contact-talk-sub, .careers-text p, .careers-text p:last-child, .info-pill,
.legal-content p, .legal-content li,
.case-text, .case-role, .case-role li,
.home-hero-text {
  font-size: var(--t-body) !important;
  line-height: var(--t-body-lh) !important;
}
.info-pill { line-height: 1.4 !important; }

/* 2. Sous-titres et accroches */
.sec-sub, .sec-sub-sm, .exp-intro .sec-sub,
.exp-row-tagline,
.real-intro-strong,
.careers-sub, .careers-text .careers-sub,
.case-sub, .case-lead,
.home-case-title, .real-card-title {
  font-size: var(--t-sub) !important;
  line-height: var(--t-sub-lh) !important;
}
.home-case-title, .real-card-title { line-height: 1.2 !important; }

/* 3. Grand titre d'introduction */
.real-intro-title { font-size: var(--t-big) !important; }

/* 4. Petit texte : cartes, tags, pastilles */
.tl-card p, .value-card p,
.exp-card-tags, .home-case-tags,
.f-tag, .case-tags .f-tag, .case-hero-tags .f-tag, .exp-row-tags .f-tag, .exp-block-tags .f-tag,
.exp-pill {
  font-size: var(--t-small) !important;
  line-height: var(--t-small-lh) !important;
}

/* 5. Titres de carte (capitales) */
.tl-card h3, .value-card h3, .exp-card-title, .exp-block h3, .choice-btn {
  font-size: var(--t-card) !important;
}

/* 6. Libellés des chiffres clés */
.f-num-label, .about-stat .f-num-label, .home-stats .f-num-label,
.case-stat .f-num-label, .case-group .f-num-label, .case-sg-l {
  font-size: var(--t-label) !important;
}

/* 7. Titres de section (Miedinger, bleu) */
.sec-title-sm, .case-h, .case-step .case-h, .case-group-title, .case-sg-t {
  font-size: var(--t-section) !important;
}

/* Mobile : libellés des chiffres un peu plus petits dans les grilles serrées (2 colonnes) */
@media (max-width: 575px) {
  .home-stats .f-num-label, .case-stat .f-num-label, .case-group .f-num-label { font-size: 12px !important; }
}