/* LOAD : gabarit du blog (articles et pages de liste), passe qualité du 29/09/2026 */

/* ---------- Article : titre en deux niveaux ---------- */
main .article__entete[data-astro-cid-sgg5joot] h1[data-astro-cid-sgg5joot]{font-size:clamp(1.9rem,1.2rem + 2.2vw,2.6rem);line-height:1.1;text-wrap:balance}
main .article__entete[data-astro-cid-sgg5joot] h1.h1--moyen{font-size:clamp(1.75rem,1.15rem + 1.8vw,2.25rem)}
main .article__entete[data-astro-cid-sgg5joot] h1.h1--long{font-size:clamp(1.6rem,1.1rem + 1.4vw,1.95rem)}
main .article__entete[data-astro-cid-sgg5joot] h1 .hero__h1-suite{font-size:clamp(1.08rem,.92rem + .62vw,1.4rem);line-height:1.3;margin-top:.5em;text-wrap:balance}
main .article__meta[data-astro-cid-sgg5joot]{margin-top:var(--e-3)}

/* ---------- Article : lecture ---------- */
main .prose.article__corps p,main .prose.article__corps li{text-wrap:pretty}
main .prose.article__corps p,main .prose.article__corps li,main .prose.article__corps td,main .prose.article__corps summary{overflow-wrap:break-word}
main .prose.article__corps>h2,main .prose.article__corps>h3,main .prose.article__corps summary{text-wrap:balance}
@media (width>=700px){
main .prose.article__corps>p,main .prose.article__corps details>p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
}
main .prose.article__corps summary{position:relative;list-style:none;padding:0 .5rem 0 1.5rem}
main .prose.article__corps summary::-webkit-details-marker{display:none}
main .prose.article__corps summary::marker{content:""}
main .prose.article__corps summary:before{content:"";position:absolute;left:.1rem;top:.5em;border-left:.45em solid var(--c-accent);border-block:.32em solid transparent;transition:transform .18s}
main .prose.article__corps details[open]>summary:before{transform:rotate(90deg)}
main .prose.article__corps details[open]>summary{margin-bottom:var(--e-2)}
main .prose.article__corps details>:not(summary){margin-left:1.5rem}
main .prose.article__corps figure,main .prose.article__corps p>img{margin-inline:auto}

/* Boutons dans le texte : un vrai bouton, sans halo gris ; les renvois vers d'autres articles en bouton secondaire */
main .prose.article__corps p>a.btn{margin-block:var(--e-4);box-shadow:0 1px 2px rgb(31 31 34 / 10%),0 6px 16px rgb(35 79 235 / 22%);text-align:center;max-width:100%}
main .prose.article__corps p>a.btn:not([href^="/contact"]):not([href^="/simulateur"]):not([href^="/prestations"]):not([href^="/marketing-externalise"]):not([href^="/refonte-de-site"]):not([href^="/formations"]):not([href^="/contenus-premium"]):not([href^="#"]):not([href^="http"]){background:var(--c-blanc);color:var(--c-secondaire);border-color:var(--c-bordure);box-shadow:0 1px 2px rgb(31 31 34 / 8%)}
main .prose.article__corps p>a.btn:not([href^="/contact"]):not([href^="/simulateur"]):not([href^="/prestations"]):not([href^="/marketing-externalise"]):not([href^="/refonte-de-site"]):not([href^="/formations"]):not([href^="/contenus-premium"]):not([href^="#"]):not([href^="http"]):hover{color:var(--c-accent);border-color:var(--c-accent);box-shadow:0 6px 16px rgb(31 31 34 / 10%)}

/* Tableaux : ils défilent dans leur cadre sur petit écran */
main .prose.article__corps .tableau-defilant{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--c-bordure);border-radius:10px;background:var(--c-blanc)}
main .prose.article__corps .tableau-defilant table{min-width:560px;border-style:hidden;margin:0}
main .prose.article__corps .tableau-defilant th,main .prose.article__corps .tableau-defilant td{padding:.6rem .75rem;vertical-align:top}
main .prose.article__corps .tableau-defilant thead th{background:#f7f8fa}

/* ---------- Carte rendez-vous : visible aussi sur tablette et mobile ---------- */
@media (width<1100px){
main .article__carte-rdv[data-astro-cid-sgg5joot]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem var(--e-4);padding:var(--e-3) var(--e-4);margin-block:var(--e-3) var(--e-4)}
main .article__carte-rdv[data-astro-cid-sgg5joot] .article__carte-rdv-titre{grid-column:1;margin:0;font-size:var(--t-base)}
main .article__carte-rdv[data-astro-cid-sgg5joot] p[data-astro-cid-sgg5joot]:not(.article__carte-rdv-titre){grid-column:1;margin:0}
main .article__carte-rdv[data-astro-cid-sgg5joot] .btn[data-astro-cid-sgg5joot]{grid-column:2;grid-row:1 / span 2;width:auto}
}
@media (width<=560px){
main .article__carte-rdv[data-astro-cid-sgg5joot]{grid-template-columns:1fr;text-align:center;padding:var(--e-3)}
main .article__carte-rdv[data-astro-cid-sgg5joot] .btn[data-astro-cid-sgg5joot]{grid-column:1;grid-row:auto;width:100%;margin-top:var(--e-2)}
}

/* ---------- Fin d'article : l'offre liée ---------- */
.suite.suite--offre[data-astro-cid-sgg5joot]{margin-top:var(--e-6);padding-block:var(--e-6)}
.suite__grille{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--e-5);align-items:stretch}
.suite__offre{text-align:center}
.suite__sur{font-family:var(--f-menu);font-weight:600;font-size:var(--t-mini);letter-spacing:var(--ls-capitales);text-transform:uppercase;color:var(--c-lien-sur-fonce)}
.suite.suite--offre h2[data-astro-cid-sgg5joot]{margin-top:var(--e-2);font-size:var(--t-h3);text-wrap:balance}
.suite__texte{margin-top:var(--e-3);text-align:justify;hyphens:auto;-webkit-hyphens:auto;color:var(--c-clair-sur-fonce)}
.suite__texte strong{color:var(--c-blanc)}
.suite__boutons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--e-3);margin-top:var(--e-4)}
.suite__boutons .btn{text-align:center}
.suite__boutons .btn:not(.btn--sur-fonce){color:var(--c-blanc)}
.suite__note{margin-top:var(--e-3);font-size:var(--t-petit);color:var(--c-clair-sur-fonce)}
.suite__alt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--e-4);border-radius:14px;background:rgb(255 255 255 / 6%);border:1px solid rgb(255 255 255 / 16%)}
.suite__alt-titre{font-family:var(--f-titre);font-weight:700;font-size:var(--t-carte-titre);color:var(--c-blanc);text-wrap:balance}
.suite__alt-texte{margin-top:var(--e-3);font-size:var(--t-petit);color:var(--c-clair-sur-fonce);text-wrap:pretty}
.suite__alt-texte strong{color:var(--c-blanc)}
.suite__alt .btn{margin-top:var(--e-4)}
@media (width<=900px){.suite__grille{grid-template-columns:1fr;gap:var(--e-4)}}
@media (width<=700px){.suite__texte{text-align:left;hyphens:manual}}
@media (width<=560px){.suite__boutons .btn,.suite__alt .btn{flex:1 1 100%;width:100%}}

/* ---------- À lire aussi ---------- */
.suite+.lies[data-astro-cid-oje2a5xi]{margin-top:0;padding-bottom:0;background:var(--c-blanc)}
.lies__titre[data-astro-cid-oje2a5xi]{text-align:center}

/* ---------- Cartes d'articles (listes et « À lire aussi ») ---------- */
main .carte__corps[data-astro-cid-7ahxywo7]{text-align:center}
main .carte__titre[data-astro-cid-7ahxywo7]{text-wrap:balance}
main .carte__desc[data-astro-cid-7ahxywo7]{text-wrap:pretty}

/* ---------- Pages de liste : haut de page ---------- */
.liste-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--e-5);align-items:center}
.liste-hero h1{font-size:clamp(1.9rem,1.3rem + 2.2vw,2.8rem);line-height:1.1;text-wrap:balance}
.liste-hero h1 .hero__h1-suite{font-size:clamp(1.08rem,.95rem + .6vw,1.4rem);line-height:1.3;margin-top:.5em;text-wrap:balance}
.liste-hero__chapo{margin-top:var(--e-3);text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.liste-hero__compte{margin-top:var(--e-2);font-family:var(--f-menu);font-size:var(--t-legende);color:var(--c-texte-doux)}
.liste-hero__offre{display:inline-flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:baseline;margin-top:var(--e-3);padding:.6rem 1rem;border-radius:var(--rayon);background:var(--c-carte-bleu);color:var(--c-secondaire);font-size:var(--t-petit)}
.liste-hero__offre strong{font-family:var(--f-titre);font-size:1.05rem;white-space:nowrap}
.liste-hero__cta{display:flex;flex-wrap:wrap;gap:var(--e-3);margin-top:var(--e-4)}
.liste-hero__cta .btn{text-align:center}
.liste-hero__note{margin-top:var(--e-2);font-size:var(--t-petit);color:var(--c-texte-doux)}
main .hero.hero--liste[data-astro-cid-ky6bs36j]{padding-block:var(--e-6) var(--e-6)}
main .entete-cat.liste-hero[data-astro-cid-unvb6mcx]{max-width:none;margin-bottom:var(--e-6)}
main .entete-cat.liste-hero[data-astro-cid-unvb6mcx] .entete-cat__desc[data-astro-cid-unvb6mcx]{margin-top:var(--e-3);max-width:56ch;text-wrap:pretty}

/* Guides essentiels : carte du haut de page */
.guides{background:var(--c-blanc);border:1px solid var(--c-bordure);border-radius:14px;padding:var(--e-4);box-shadow:0 14px 34px rgb(0 48 63 / 10%)}
.guides__titre{font-family:var(--f-titre);font-weight:700;font-size:var(--t-carte-titre);color:var(--c-secondaire);text-align:center}
.guides__liste{list-style:none;margin:var(--e-3) 0 0;padding:0;counter-reset:guide}
.guides__liste li{counter-increment:guide;border-top:1px solid var(--c-bordure)}
.guides__liste a{display:grid;grid-template-columns:2rem 1fr 1rem;gap:.8rem;align-items:center;padding:.75rem 0;text-decoration:none;color:var(--c-primaire)}
.guides__liste a:before{content:counter(guide);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--c-carte-bleu);color:var(--c-secondaire);font-family:var(--f-titre);font-weight:700;font-size:.9rem}
.guides__liste a:after{content:"\2192";color:var(--c-accent);font-weight:700;transition:transform .18s}
.guides__liste a:hover .guides__nom{color:var(--c-accent)}
.guides__liste a:hover:after{transform:translateX(3px)}
.guides__liste a:focus-visible{outline:3px solid #9fc0ff;outline-offset:2px}
.guides__nom{display:block;font-family:var(--f-menu);font-weight:600;font-size:var(--t-petit);line-height:1.3}
.guides__quoi{display:block;margin-top:.1rem;font-size:var(--t-legende);color:var(--c-texte-doux);line-height:1.35}
.guides__pied{margin-top:var(--e-2);padding-top:var(--e-3);border-top:1px solid var(--c-bordure);text-align:center;font-size:var(--t-legende);color:var(--c-texte-doux)}
@media (width<=900px){.liste-hero{grid-template-columns:1fr;gap:var(--e-4)}}
@media (width<=700px){.liste-hero__chapo{text-align:left;hyphens:manual}}
@media (width<=560px){.liste-hero__cta .btn{flex:1 1 100%}.guides{padding:var(--e-3)}.liste-hero__offre{display:flex}}

/* Pagination : jamais plus large que l'écran */
.pagination__liste[data-astro-cid-ohknivtf]{flex-wrap:wrap;justify-content:center}
@media (width<=420px){.pagination__liste[data-astro-cid-ohknivtf] a[data-astro-cid-ohknivtf],.pagination__actuel[data-astro-cid-ohknivtf],.pagination__ellipse[data-astro-cid-ohknivtf]{min-width:36px;height:36px;padding:0 .35rem}}

/* Pages de liste paginées */
main .section>.conteneur>h1{margin-bottom:var(--e-5);font-size:clamp(1.9rem,1.3rem + 2.2vw,2.8rem);line-height:1.1;text-wrap:balance}
main .section>.conteneur>h1 .hero__h1-suite{font-size:clamp(1.08rem,.95rem + .6vw,1.4rem);line-height:1.3;margin-top:.5em}

/* ---------- Correctifs du 29/09 (suite) ---------- */
/* Cartes : l'image remplit toujours son cadre, quel que soit son format */
main .carte__image[data-astro-cid-7ahxywo7] picture{display:block;width:100%;height:100%}
main .carte__image[data-astro-cid-7ahxywo7] img{object-position:center top}
/* Encarts : pas de mot seul en dernière ligne */
main .suite__texte,main .suite__alt-texte,main .suite__note,main .article__carte-rdv p{text-wrap:pretty}
/* Tableaux de deux colonnes : pas de défilement horizontal sur téléphone */
main .prose.article__corps .tableau-defilant table:not(:has(tr > :nth-child(3))){min-width:0}
/* Encart : les montants ne s'étirent pas dans le texte justifié */
main .suite__texte strong{display:inline-block}

/* Pages de liste : l'encart d'offre passe à la ligne sur petit écran */
@media (width<=420px){main .liste-hero__offre strong{white-space:normal}}

/* Cartes : description complète sur téléphone (plus de coupure en plein mot) */
@media (width<=600px){main .carte__desc[data-astro-cid-7ahxywo7]{-webkit-line-clamp:unset;display:block;overflow:visible}}