:root {
  --f-titre: 'Newsreader', Georgia, 'Times New Roman', serif;
  --f-texte: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-graisse-titre: 800;
  --f-casse-kicker: none;
  --tm: 0.8rem;
  --t1: 1.0rem;
  --t2: 1.25rem;
  --t3: 1.562rem;
  --t4: 1.953rem;
  --t5: 2.441rem;
  --t6: 3.052rem;
  --t7: 3.815rem;
  --t-hero: clamp(2.44rem, 6vw, 4.77rem);
  --e1: 0.212rem;
  --e2: 0.425rem;
  --e3: 0.637rem;
  --e4: 0.85rem;
  --e5: 1.275rem;
  --e6: 1.7rem;
  --e7: 2.55rem;
  --e8: 3.4rem;
  --r-carte: 16px;
  --r-bouton: 999px;
  --r-image: 12px;
  --largeur: 1200px;
  --ico-trait: 2;
  --header-h: 72px;
  --c-fond: #f9f8f9;
  --c-fond-2: #eee8e9;
  --c-surface: #ffffff;
  --c-texte: #312124;
  --c-texte-2: #6e5358;
  --c-primaire: #d90d31;
  --c-sur-primaire: #f9f5f6;
  --c-secondaire: #bb4459;
  --c-sur-secondaire: #f9f5f6;
  --c-primaire-texte: #ca0c2e;
  --c-secondaire-texte: #963647;
  --c-doux: #f1dade;
  --c-sur-doux: #291418;
  --c-bord: #dbd1d3;
  --c-voile: #180c0e;
  --c-sur-voile: #ffffff;
  --c-ombre: #240f13;
  --o-carte: 6px 6px 0 #312124;
  --o-survol: 0 18px 40px -12px color-mix(in srgb, #240f13 28%, transparent);
  --carte-fond: #ffffff;
  --carte-encre: #312124;
  --carte-encre-2: #6e5358;
  --carte-lien: #ca0c2e;
  --carte-bord: 2px solid #312124;
  --btn-fond: transparent;
  --btn-texte: #ca0c2e;
  --btn-bord: 0 solid transparent;
  --btn-ombre: none;
  --btn-deco: underline;
  --lien-couleur: #ca0c2e;
  --lien-deco: underline;
  --lien-epaisseur: 1px;
  --lien-fond: transparent;
  --lien-fond-encre: #ca0c2e;
}
html.dark, html[data-theme="dark"], html[data-mode="dark"], html.theme-dark, body.dark, [data-theme="dark"] [data-bh-home] {
  --c-fond: #191314;
  --c-fond-2: #251b1d;
  --c-surface: #2d2224;
  --c-texte: #eee7e8;
  --c-texte-2: #c6b3b7;
  --c-primaire: #f44867;
  --c-sur-primaire: #291418;
  --c-secondaire: #c9697a;
  --c-sur-secondaire: #291418;
  --c-primaire-texte: #f66f87;
  --c-secondaire-texte: #d996a2;
  --c-doux: #4a1c24;
  --c-sur-doux: #f9f5f6;
  --c-bord: #503f42;
  --c-voile: #180c0e;
  --c-sur-voile: #ffffff;
  --c-ombre: #070304;
  --o-carte: 6px 6px 0 #eee7e8;
  --o-survol: 0 18px 40px -12px color-mix(in srgb, #070304 28%, transparent);
  --carte-fond: #2d2224;
  --carte-encre: #eee7e8;
  --carte-encre-2: #c6b3b7;
  --carte-lien: #f66f87;
  --carte-bord: 2px solid #eee7e8;
  --btn-fond: transparent;
  --btn-texte: #f66f87;
  --btn-bord: 0 solid transparent;
  --btn-ombre: none;
  --btn-deco: underline;
  --lien-couleur: #f66f87;
  --lien-deco: underline;
  --lien-epaisseur: 1px;
  --lien-fond: transparent;
  --lien-fond-encre: #f66f87;
}

body { font-family: var(--f-texte); }
h1, h2, h3, h4 { font-family: var(--f-titre); }

/* usine:correctifs-home début */
/* Correctifs des blocs de home, recopiés sur chaque site à chaque build
   (astro_site.rafraichit_correctifs_home). bh-07ea- devient le préfixe du site. */

/* Un .acc employé comme carte (quiz : pas de <summary>) garde la marge intérieure d'une carte :
   le texte et les boutons touchaient le bord (journal-auto-moto, bloc 13, Cedia 26/09). */
.bh-07ea-acc:not(details) { padding-inline: var(--e5); }
.bh-07ea-acc:not(details) > .bh-07ea-acc-corps { padding-inline: 0; }

/* FAQ : une seule flèche, sur la ligne de la question (le marqueur natif doublait le chevron). */
.bh-07ea-acc > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--e3); }
.bh-07ea-acc > summary::-webkit-details-marker { display: none; }
.bh-07ea-acc > summary svg { flex: none; transition: transform .2s; }
.bh-07ea-acc[open] > summary svg { transform: rotate(180deg); }
.bh-07ea-acc > summary:not(:has(svg))::after { content: "+"; flex: none; font-weight: 400; }
.bh-07ea-acc[open] > summary:not(:has(svg))::after { content: "\2212"; }

/* FAQ centrée : la liste restait calée à gauche sur 60rem, un tiers du bloc vide à droite
   (journal-auto-moto, bloc 17, Cedia 26/09). */
.bh-07ea-b-faq .bh-07ea-entete { margin-inline: auto; text-align: center; }
.bh-07ea-b-faq .bh-07ea-accordeon { margin-inline: auto; }
/* Même FAQ dans une home « centrée » : le collage deux colonnes (.d-colle) gardait le titre dans
   la colonne de gauche et la règle [data-alignement=centre] .d-colle .entete le recalait à gauche,
   plus spécifique que la ligne ci-dessus (469 px à gauche, 791 px de vide à droite : revue-assurance.com,
   home:faq-centree, 26/09). La FAQ repasse en une colonne, en-tête centré. */
[data-alignement="centre"] .bh-07ea-b-faq.bh-07ea-d-colle > .bh-07ea-int { display: block; }
[data-alignement="centre"] .bh-07ea-b-faq.bh-07ea-d-colle > .bh-07ea-int > .bh-07ea-entete {
  margin-inline: auto; text-align: center; position: static;
}

/* Lien « Voir la rubrique » posé À CÔTÉ du corps de carte (builder) : le corps porte la marge
   intérieure, pas la carte ; le lien restait collé au bord (revue-auto-moto 26/09, home:cartes-marge-interne). */
.bh-07ea-carte:has(> .bh-07ea-c-corps) > .bh-07ea-c-suite { margin: 0 var(--e5) var(--e5); }

/* Parcours / frise : une vignette à côté du texte, jamais une photo pleine largeur par étape
   (journal-entreprise, bloc parcours : trois photos de 1298 x 812 px à la suite, Cedia 26/09). */
.bh-07ea-timeline .bh-07ea-c-media img, .bh-07ea-b-parcours .bh-07ea-c-media img { width: 100%; height: auto; aspect-ratio: 4 / 3; max-height: 320px; object-fit: cover; }
@media (min-width: 900px) {
  .bh-07ea-timeline .bh-07ea-carte:has(> .bh-07ea-c-media) { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: var(--e5); align-items: start; }
  .bh-07ea-timeline .bh-07ea-carte:has(> .bh-07ea-c-media) > .bh-07ea-c-media { margin: 0; }
}

/* Vrai ou faux : une affirmation à la fois (kit_vivant), cinq habillages (Cedia 26/09). */
.bh-07ea-quiz { max-width: 46rem; margin-inline: auto; display: grid; gap: var(--e4); }
.bh-07ea-quiz-q { padding: var(--e5); }
.bh-07ea-quiz-affirmation { font-family: var(--f-titre, inherit); font-size: var(--t3, 1.35rem); font-weight: 700; line-height: 1.25; margin: 0; }
.bh-07ea-quiz-verdict { font-weight: 800; margin: var(--e3) 0 .25rem; }
.bh-07ea-quiz-expl { margin-top: var(--e3); }
.bh-07ea-quiz-score:empty { display: none; }
.bh-07ea-quiz-bandes .bh-07ea-quiz-q { border-left: 6px solid var(--c-primaire, currentColor); border-radius: 0; box-shadow: none; }
.bh-07ea-quiz-plein .bh-07ea-quiz-q { background: var(--c-primaire); color: var(--c-sur-primaire, var(--c-fond)); text-align: center; }
.bh-07ea-quiz-plein .kv-choix { justify-content: center; }
.bh-07ea-quiz-plein .kv-bouton { color: inherit; border-color: currentColor; }
.bh-07ea-quiz-split { max-width: none; }
@media (min-width: 900px) {
  .bh-07ea-quiz-split .bh-07ea-quiz-q { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: var(--e6); align-items: start; }
  .bh-07ea-quiz-split .bh-07ea-quiz-q > * { grid-column: 2; }
  .bh-07ea-quiz-split .bh-07ea-quiz-q > .bh-07ea-quiz-affirmation { grid-column: 1; grid-row: 1 / span 3; font-size: var(--t4, 1.6rem); }
}
.bh-07ea-quiz-compact { max-width: 38rem; }
.bh-07ea-quiz-compact .bh-07ea-quiz-affirmation { font-size: var(--t2, 1.1rem); }

/* Pastilles de sujets : une vraie pastille cliquable, en nuage centré, jamais une barre grise plate
   (Cedia 26/09, journal-entreprise). */
.bh-07ea-b-sujets .bh-07ea-mur { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--e3); }
.bh-07ea-b-sujets .bh-07ea-mur-col { display: contents; }
.bh-07ea-b-sujets .bh-07ea-carte.bh-07ea-cs-pastille { background: transparent; border: 0; box-shadow: none; padding: 0; width: auto; }
.bh-07ea-c-pastille {
  display: inline-flex; align-items: center; gap: .5em; min-height: 44px; padding: .55em 1.2em;
  border-radius: 999px; border: 1.5px solid var(--c-primaire); background: var(--carte-fond);
  color: var(--c-primaire-texte, var(--carte-encre)); text-decoration: none; font-weight: 600; cursor: pointer;
  transition: background .2s, color .2s, transform .15s;
}
.bh-07ea-c-pastille::after { content: "\2192"; font-weight: 400; }
.bh-07ea-c-pastille:hover, .bh-07ea-c-pastille:focus-visible { background: var(--c-primaire); color: var(--c-sur-primaire); transform: translateY(-1px); }

/* Hero : les boutons ne touchent jamais le texte voisin (Cedia 26/09, journal-entreprise : collés au 3e titre). */
.bh-07ea-hero-actions { margin-top: var(--e5); }
/* usine:correctifs-home fin */