/* AG-AURORA-TITRES-04 (06/11/2026) — titres des guides au style des titres de l'accueil, validé par le propriétaire le 06/11 sur
   captures avant / après (« oui mes en ligne ») : grand titre et intertitres des articles (pages de guides et guides de marques),
   « Questions fréquentes », « Pour aller plus loin », « Produits recommandés dans ce guide », titres de familles et « Passez à
   l'action » des sommaires de guides. Majuscules grasses penchées (Manrope), mot clé en pastille (règles .au-pastille et police
   d'AG-AURORA-TITRES-02), barre verte sous le titre ; emoji des titres masqués. Tailles et couleurs du texte inchangées. Règles
   actives seulement sous html.au-t4 (posée par le script du lot, lui-même muet sans AG-AURORA-TITRES-02). Non touchés : petits
   titres (h3), titres des tableaux de nutrition des marques, titres des calculateurs. */
html.au-t4 .ag-guide-article, html.au-t4 .guides-hub, html.au-t4 .ag-guide-products { --aut-barre: #80E397; --aut-pastille: #278451; --aut-ombre: 0 .12em .32em rgba(17, 61, 37, .26); }
html.au-t4 .ag-guide-article > h1,
html.au-t4 .ag-guide-article > .ag-dosehub > h1,
html.au-t4 .ag-guide-article h2:not(.agbg-nutrition-chart-title),
html.au-t4 #agbg-products-title,
html.au-t4 .guides-hub-fam-title,
html.au-t4 .guides-hub-cta-title {
  font-family: "Manrope", var(--font-disp); font-style: italic; font-weight: 800; text-transform: uppercase; letter-spacing: 0; line-height: 1.18; text-wrap: balance;
}
html.au-t4 .ag-guide-article > h1, html.au-t4 .ag-guide-article > .ag-dosehub > h1 { line-height: 1.14; }
/* grand titre, produits recommandés, « Passez à l'action » : barre sous le titre */
html.au-t4 .ag-guide-article > h1, html.au-t4 .ag-guide-article > .ag-dosehub > h1, html.au-t4 #agbg-products-title, html.au-t4 .guides-hub-cta-title { position: relative; padding-bottom: .62em; }
html.au-t4 .ag-guide-article > h1::after, html.au-t4 .ag-guide-article > .ag-dosehub > h1::after, html.au-t4 #agbg-products-title::after, html.au-t4 .guides-hub-cta-title::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 2.5em; height: max(5px, .2em); border-radius: 99px; background: var(--aut-barre);
}
/* intertitres : leur trait vert (bloc sous le texte) prend la forme et la couleur de la barre de l'accueil ; « Pour aller plus loin » l'a aussi */
html.au-t4 .ag-guide-article h2:not(.agbg-nutrition-chart-title)::after {
  content: ""; display: block; width: 2.5em; height: max(5px, .2em); border-radius: 99px; background: var(--aut-barre); margin-top: .36em;
}
/* familles des sommaires : le surligneur devient la barre sous le texte (l'icône reste) */
html.au-t4 .guides-hub-fam-title::after {
  left: 0; right: auto; bottom: auto; top: calc(100% + .3em); width: 2.5em; height: max(5px, .2em); border-radius: 99px; background: var(--aut-barre); opacity: 1; z-index: 0;
}
html.au-t4 .guides-hub-family-head { padding-bottom: calc(14px + .7em); }
/* sommaire des guides de marques : titre sans en-tête de famille ; la barre se pose en bas du titre (comme le grand titre), l'air
   dessous vient de la marge du bloc suivant */
html.au-t4 .guides-hub > .guides-hub-fam-title { padding-bottom: .62em; }
html.au-t4 .guides-hub > .guides-hub-fam-title::after { top: auto; bottom: 0; }
html.au-t4 .au-t-texte .au-emoji { display: none; }