/* Blocs unifiés des pages du plan SEO (Nicolas, 29/10/2026).
   Un style par bloc : titre, texte, listes, tableaux, fiches formation, renvois de sources, signature.
   Pensé d'abord pour le téléphone, puis l'ordinateur, puis la tablette. */

/* Titre : toute la largeur du champ de texte, moins de lignes */
.fia-page .fia-breadcrumb+h1.fia-h2{text-wrap:pretty;max-width:none;font-size:clamp(30px,3.3vw,42px);line-height:1.12}
@media (max-width:767px){
  .fia-page .fia-breadcrumb+h1.fia-h2{font-size:27px;line-height:1.16;letter-spacing:-.015em;margin-bottom:18px}
}

/* Texte justifié sur téléphone, avec césure pour éviter les trous */
@media (max-width:767px){
  html .fia-page .fia-article-body p:not(.fia-meta__ligne):not(.fia-signature__date),
  html .fia-page .fia-article-body li,
  html .fia-page .fia-faq details p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:8 3 3}
  html .fia-page .fia-article-body .fia-cta-milieu p,
  html .fia-page .fia-article-body .fia-sessions-mini p,
  html .fia-page .fia-article-body table p,
  html .fia-page .fia-article-body .fia-liens-cartes li{text-align:left;hyphens:manual;-webkit-hyphens:manual}
}

/* Listes à puces et numérotées : une ligne par élément, repère bleu, aérées */
.fia-page .fia-article-body ul:not([class]),
.fia-page .fia-article-body ol:not([class]){list-style:none;display:grid;gap:10px;margin:6px 0 24px;padding:0;color:var(--muted);font-size:16px;line-height:1.6}
.fia-page .fia-article-body ul:not([class])>li,
.fia-page .fia-article-body ol:not([class])>li{position:relative;margin:0;padding:0 0 0 30px}
.fia-page .fia-article-body ul:not([class])>li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:3px;background:var(--blue)}
.fia-page .fia-article-body ol:not([class]){counter-reset:fia-num}
.fia-page .fia-article-body ol:not([class])>li{counter-increment:fia-num;padding-left:38px;min-height:26px}
.fia-page .fia-article-body ol:not([class])>li::before{content:counter(fia-num);position:absolute;left:0;top:.05em;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;font:700 13px/26px Manrope,'DM Sans',sans-serif;text-align:center}
.fia-page .fia-article-body li>ul:not([class]),.fia-page .fia-article-body li>ol:not([class]){margin:8px 0 0}

/* Liste en cartes (compétences, critères) : un repère, un intitulé, une phrase */
.fia-page .fia-article-body ul.fia-cartes{list-style:none;display:grid;gap:12px;margin:8px 0 26px;padding:0}
.fia-page .fia-article-body ul.fia-cartes>li{margin:0;padding:16px 18px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:12px;font-size:16px;line-height:1.55;color:var(--muted)}
.fia-page .fia-article-body .fia-cartes__code{display:inline-block;margin:0 0 6px;padding:2px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font:700 12px/1.6 Manrope,'DM Sans',sans-serif;letter-spacing:.04em}
.fia-page .fia-article-body .fia-cartes__titre{display:block;margin:0 0 4px;color:var(--ink);font-weight:600;line-height:1.4}
@media (min-width:900px){.fia-page .fia-article-body ul.fia-cartes{grid-template-columns:1fr 1fr}}

/* Tableaux : un seul style ; sur téléphone, chaque ligne devient une carte */
.fia-page .fia-article-body table{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0 26px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px;line-height:1.5}
.fia-page .fia-article-body table caption{caption-side:top;text-align:left;padding:0 0 10px;font-size:14px;color:var(--muted)}
.fia-page .fia-article-body thead th{background:var(--blue-soft);color:var(--ink);font-weight:700;text-align:left;padding:13px 16px;border-bottom:1px solid var(--line-blue);font-size:14px}
.fia-page .fia-article-body tbody td,.fia-page .fia-article-body tbody th{padding:13px 16px;border-top:1px solid var(--line);color:var(--muted);text-align:left;vertical-align:top;font-weight:400}
.fia-page .fia-article-body tbody tr:first-child>*{border-top:0}
.fia-page .fia-article-body tbody>tr>:first-child{color:var(--ink);font-weight:600}
@media (max-width:640px){
  .fia-page .fia-article-body table,.fia-page .fia-article-body tbody,.fia-page .fia-article-body tr,.fia-page .fia-article-body tbody td,.fia-page .fia-article-body tbody th{display:block;width:auto}
  .fia-page .fia-article-body table caption{display:block}
  .fia-page .fia-article-body thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .fia-page .fia-article-body tbody tr{padding:14px 16px;border-top:1px solid var(--line)}
  .fia-page .fia-article-body tbody tr:first-child{border-top:0}
  .fia-page .fia-article-body tbody td,.fia-page .fia-article-body tbody th{border:0;padding:3px 0}
  .fia-page .fia-article-body tbody>tr>:first-child{font-size:16px;padding-bottom:6px}
  .fia-page .fia-article-body tbody td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin:6px 0 1px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
}

/* Fiches formation : carte blanche, titre, repères en deux colonnes, lien en pied */
.fia-page .fia-article-body .fia-offres{display:grid;gap:16px;margin:12px 0 28px}
.fia-page .fia-article-body .fia-offre{display:flex;flex-direction:column;margin:0;padding:22px 22px 18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:14px}
.fia-page .fia-article-body .fia-offre h3{margin:0 0 14px;font-size:19px;line-height:1.3;color:var(--ink)}
.fia-page .fia-article-body .fia-offre dl{display:grid;grid-template-columns:112px 1fr;gap:9px 14px;margin:0 0 16px;font-size:15px;line-height:1.5}
.fia-page .fia-article-body .fia-offre dt{margin:0;color:var(--blue);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding-top:3px}
.fia-page .fia-article-body .fia-offre dd{margin:0;color:var(--muted)}
.fia-page .fia-article-body .fia-offre>p:last-child{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--line)}
@media (max-width:480px){
  .fia-page .fia-article-body .fia-offre{padding:18px 16px 14px}
  .fia-page .fia-article-body .fia-offre dl{grid-template-columns:1fr;gap:2px}
  .fia-page .fia-article-body .fia-offre dd{margin-bottom:8px}
}
@media (min-width:900px){.fia-page .fia-article-body .fia-offres{grid-template-columns:1fr 1fr}}

/* Renvois de sources : astérisque dans le texte, notes en bas d'article */
.fia-page .fia-article-body sup.fia-renvoi{font-size:.72em;line-height:0;margin-left:1px}
.fia-page .fia-article-body sup.fia-renvoi a{color:var(--blue);text-decoration:none;font-weight:700;padding:0 2px}
.fia-page .fia-article-body .fia-sources{margin:36px 0 8px;padding:16px 0 0;border-top:1px solid var(--line)}
.fia-page .fia-article-body .fia-sources p{margin:0 0 6px;font-size:13px;line-height:1.55;color:var(--muted);text-align:left}
.fia-page .fia-article-body .fia-sources p:first-child{font-weight:700;color:var(--ink);font-size:13px;letter-spacing:.04em;text-transform:uppercase}

/* Signature de l'équipe : le logo France IA à la place de la photo */
.fia-page .fia-auteur__photo.fia-auteur__photo--logo{object-fit:contain;background:#fff;padding:7px}
.fia-page .fia-auteur a{display:flex;align-items:center;gap:12px}

/* Blocs de liens vers les pages enfants : cartes cliquables */
.fia-page .fia-article-body .fia-liens-cartes{list-style:none;display:grid;gap:10px;margin:8px 0 24px;padding:0}
.fia-page .fia-article-body .fia-liens-cartes li{margin:0;padding:0}
.fia-page .fia-article-body .fia-liens-cartes li a{display:block;height:100%;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;font-weight:600;line-height:1.4}
.fia-page .fia-article-body .fia-liens-cartes li a span{display:block;margin-top:4px;color:var(--muted);font-weight:400;font-size:15px;line-height:1.5}
.fia-page .fia-article-body .fia-liens-cartes li a:hover{border-color:var(--blue)}
.fia-page .fia-article-body .fia-liens-cartes li a:focus-visible{outline:2px solid var(--blue-dark);outline-offset:2px}
@media (min-width:768px){.fia-page .fia-article-body .fia-liens-cartes{grid-template-columns:1fr 1fr}}

/* Prochaines sessions dans le corps d'une fiche */
.fia-page .fia-article-body .fia-sessions-mini{margin:10px 0 24px}
.fia-page .fia-article-body p.fia-sessions-contexte{margin:0 0 10px}

/* Une fiche seule sur sa ligne prend toute la largeur */
@media (min-width:900px){.fia-page .fia-article-body .fia-offres>.fia-offre:last-child:nth-child(odd){grid-column:1/-1}}

/* Encadré « En complément » (le coaching après la formation) */
.fia-page .fia-article-body .fia-bonus{margin:18px 0 26px;padding:16px 18px;background:#fff;border:1px dashed var(--line-blue);border-radius:12px}
.fia-page .fia-article-body .fia-bonus p{margin:0;font-size:16px}
.fia-page .fia-article-body .fia-bonus p.fia-bonus__etiquette{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);text-align:left}

/* Onglets : les cartes de liens et la liste des villes tiennent dans le panneau */
.fia-page .fia-article-body .fia-onglets__panneau .fia-liens-cartes,.fia-page .fia-article-body .fia-onglets__panneau .fia-villes{margin-bottom:4px}
.fia-page .fia-article-body .fia-onglets__panneau>p{margin:0 0 14px}
