:root {
  --f-titre: 'Syne', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-texte: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-graisse-titre: 800;
  --f-casse-kicker: uppercase;
  --tm: 0.833rem;
  --t1: 1.0rem;
  --t2: 1.2rem;
  --t3: 1.44rem;
  --t4: 1.728rem;
  --t5: 2.074rem;
  --t6: 2.488rem;
  --t7: 2.986rem;
  --t-hero: clamp(2.07rem, 6vw, 3.58rem);
  --e1: 0.3rem;
  --e2: 0.6rem;
  --e3: 0.9rem;
  --e4: 1.2rem;
  --e5: 1.8rem;
  --e6: 2.4rem;
  --e7: 3.6rem;
  --e8: 4.8rem;
  --r-carte: 6px;
  --r-bouton: 999px;
  --r-image: 4px;
  --largeur: 1120px;
  --ico-trait: 2;
  --header-h: 72px;
  --c-fond: #FAF6F3;
  --c-fond-2: #F1E8E4;
  --c-surface: #FFFDFC;
  --c-texte: #2A2129;
  --c-texte-2: #6B5A66;
  --c-primaire: #8A3E68;
  --c-sur-primaire: #FFF7FB;
  --c-secondaire: #A9718F;
  --c-sur-secondaire: #231A20;
  --c-primaire-texte: #7E3560;
  --c-secondaire-texte: #7E3560;
  --c-chiffre: #8A3E68;
  --c-doux: #F3E4EC;
  --c-sur-doux: #2A2129;
  --c-bord: #E3D5D9;
  --c-voile: #1A1017;
  --c-sur-voile: #FFF7FB;
  --c-ombre: #2A1420;
  --o-carte: none;
  --o-survol: 0 18px 40px -12px color-mix(in srgb, #2A1420 26%, transparent);
  --carte-fond: #F3E4EC;
  --carte-encre: #2A2129;
  --carte-encre-2: #2A2129;
  --carte-lien: #7E3560;
  --carte-bord: 0 solid transparent;
  --btn-fond: #8A3E68;
  --btn-texte: #FFF7FB;
  --btn-bord: 2px solid #8A3E68;
  --btn-ombre: none;
  --btn-deco: none;
  --lien-couleur: #7E3560;
  --lien-deco: none;
  --lien-epaisseur: 1px;
  --lien-fond: transparent;
  --lien-fond-encre: #7E3560;
}
/* Mode clair force par la direction artistique : aucune palette sombre. */

body { font-family: var(--f-texte); }

/* Le hero plein cadre garde la composition du theme : la liste des derniers
   dossiers se tient a droite du texte sur grand ecran. */
.bh-369f-hero-plein-cadre .bh-369f-hero-titres { display: grid; }
.bh-369f-hero-plein-cadre .bh-369f-hero-bas { align-items: end; }
@media (max-width: 899px) {
  .bh-369f-hero-plein-cadre .bh-369f-hero-titres { display: none; }
}
/* Le hero occupe tout l’ecran sous le chrome collant, a toutes les largeurs. */
.bh-369f-hero.bh-369f-hero-plein-cadre {
  height: calc(100svh - var(--header-h, 108px));
  min-height: 34rem;
}
@media (max-width: 480px) {
  .bh-369f-hero.bh-369f-hero-plein-cadre { min-height: 30rem; }
}
h1, h2, h3, h4 { font-family: var(--f-titre); }


/* ─── reprises du 28/09 : la composition du thème tenue à toutes les largeurs ─── */

/* Le panneau du thème (.split-texte, aplat prune) empile son contenu : resté en rangée,
   il écrasait chaque enfant sur ~120 px, le texte se coupait à 8 caractères et les blocs
   d’indication se chevauchaient (calculateur lumière, atelier, bascule chiner). */
.bh-369f-home .bh-369f-split-texte {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  gap: var(--e4);
}
.bh-369f-home .bh-369f-split-texte > * { max-width: 100%; min-width: 0; }

/* Le hero plein cadre garde la composition du thème : le texte s’empile à gauche
   (kicker, H1, accroche, boutons) et le H1 reste un bloc de texte normal. */
.bh-369f-hero-plein-cadre .bh-369f-hero-bas > .bh-369f-hero-gauche {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.bh-369f-home .bh-369f-hero-plein-cadre .bh-369f-hero-geant {
  font-size: clamp(2.2rem, 5.2vw, 3.58rem);
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
@media (max-width: 899px) {
  .bh-369f-hero-plein-cadre .bh-369f-hero-bas > .bh-369f-hero-gauche { padding: 0; }
}

/* Rubriques : colonne du titre élargie (plus de mot coupé), icône en pastille et
   fond de carte pour que la bande ne soit pas une simple ligne de texte. */
.bh-369f-b-rubriques .bh-369f-bande {
  background: var(--carte-fond);
  border-radius: var(--r-carte);
  padding: var(--e4) var(--e5);
}
.bh-369f-b-rubriques .bh-369f-bande-titre { overflow-wrap: normal; word-break: normal; hyphens: none; }
@media (min-width: 1024px) {
  .bh-369f-b-rubriques .bh-369f-bande {
    grid-template-columns: auto minmax(0, 1.5fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--e5);
  }
}
.bn-rub-ico {
  display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem;
  border-radius: 50%; flex: none;
  background: color-mix(in srgb, var(--c-primaire) 14%, var(--c-surface));
  color: var(--c-primaire-texte);
}
.bn-rub-ico svg { width: 1.35rem; height: 1.35rem; }

/* Bascule chiner : un prix ne se coupe pas, un mot ne se casse plus en deux. */
.bh-369f-b-bascule .bh-369f-c-numero { white-space: nowrap; }
.bh-369f-b-bascule .bh-369f-c-titre { overflow-wrap: normal; word-break: normal; hyphens: none; }

/* Étapes relooking : la photo suit la lecture (colonne collante) au lieu de flotter
   au milieu d’une colonne vide. */
.bh-369f-b-etapes .bh-369f-split-media {
  position: sticky;
  top: calc(var(--header-h, 108px) + var(--e5));
  align-self: start;
}
.bh-369f-b-etapes .bh-369f-split-media img { height: auto; aspect-ratio: 4 / 3; max-height: 22rem; }

/* Lettre du mois : le champ et le bouton du thème, empilés. */
.bn-lettre { display: grid; gap: var(--e3); margin-top: var(--e3); }
.bn-lettre input[type="email"] {
  width: 100%; min-height: 44px; padding: .55rem .8rem;
  border: var(--carte-bord, 1px solid var(--c-bord)); border: 1px solid var(--c-bord);
  border-radius: var(--r-carte); background: var(--c-surface); color: var(--c-texte);
  font: inherit;
}
.bn-piege { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* ─── consignes du portier du 28/09, bloc par bloc ─────────────────────────
   Chaque règle est portée par le data-usine-bloc du bloc visé : aucune ne
   touche un bloc déjà validé. */

/* Parcours relooking : la photo suit la lecture dans une colonne collante (plus de
   vide au-dessus ni au-dessous), et les cinq étapes ont chacune leur photo dans le
   DOM, la première affichée par défaut, les autres permutées par le kit (data-etapes). */
.bh-369f-home [data-usine-bloc="relooking"] .bh-369f-split { align-items: start; }
.bh-369f-home [data-usine-bloc="relooking"] .bh-369f-split-media {
  position: sticky;
  top: calc(var(--header-h, 108px) + 1rem);
  align-self: start;
  margin: 0;
  overflow: hidden;
  border-radius: var(--r-image);
}
.bh-369f-home [data-usine-bloc="relooking"] .bh-369f-split-media img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  max-height: 20rem;
  object-fit: cover;
  border-radius: var(--r-image);
}
.bh-369f-home [data-usine-bloc="relooking"] .bh-369f-etape-img:not(:first-child) { display: none; }
.bh-369f-home [data-usine-bloc="relooking"] [data-etape] { cursor: pointer; }
.bh-369f-home [data-usine-bloc="relooking"] [data-etape][aria-current="step"] .bh-369f-c-icone { color: var(--c-primaire); }
@media (max-width: 1023px), (prefers-reduced-motion: reduce) {
  .bh-369f-home [data-usine-bloc="relooking"] .bh-369f-split-media { position: static; }
}

/* Bascule chiner : deux fiches larges (320 px au moins), le prix en flux sur sa ligne,
   jamais traversé par le titre ni coupé au bord de la carte. */
.bh-369f-home [data-usine-bloc="bascule-chiner"] .bh-369f-grille {
  grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
  gap: var(--e5);
}
.bh-369f-home [data-usine-bloc="bascule-chiner"] .bh-369f-carte {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
  padding: var(--e5);
  min-width: 0;
}
.bh-369f-home [data-usine-bloc="bascule-chiner"] .bh-369f-c-numero {
  display: block;
  position: static;
  padding: 0;
  margin: 0;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1.1;
  white-space: nowrap;
}
.bh-369f-home [data-usine-bloc="bascule-chiner"] .bh-369f-c-titre {
  display: block;
  margin-top: var(--e2);
  overflow-wrap: normal;
  word-break: normal;
}
.bh-369f-home [data-usine-bloc="bascule-chiner"] .bh-369f-split-liste { margin-top: var(--e4); }
@media (max-width: 899px) {
  .bh-369f-home [data-usine-bloc="bascule-chiner"] .bh-369f-grille { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Atelier : le titre dans sa colonne à gauche, le panneau prune à droite en 320-420 px
   (le Lottie y vit), plus de H2 posé sur le panneau, hauteur laissée au contenu. */
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-split-media {
  order: 2;
  margin: 0;
  background: var(--c-primaire);
  color: var(--c-sur-primaire);
  border-radius: var(--r-carte);
  padding: var(--e6);
  min-height: 20rem;
  display: grid;
  place-items: center;
}
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-split-media [data-lottie] { width: 100%; min-height: 16rem; }
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-split-texte {
  order: 1;
  background: none;
  color: var(--c-texte);
  padding: 0;
  min-height: 0;
  display: block;
  border-radius: 0;
}
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-split-texte :is(.bh-369f-c-p, .bh-369f-c-titre, .bh-369f-c-meta, .bh-369f-c-num, .bh-369f-h2, .bh-369f-kicker, .bh-369f-intro) { color: var(--c-texte) !important; }
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-split-texte .bh-369f-c-p { color: var(--c-texte-2) !important; }
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-split-texte .bh-369f-c-icone { color: var(--c-primaire); }
/* Icônes Lucide inline (visio, plan) : 22 px, jamais écrasées ; les libellés de la
   liste restent dans la colonne de texte, la pilule du bouton ne se coupe pas. */
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-c-icone { display: inline-flex; flex: 0 0 auto; }
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-c-icone svg { width: 22px; height: 22px; }
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-hero-actions { flex-wrap: wrap; gap: var(--e3); row-gap: var(--e3); }
.bh-369f-home [data-usine-bloc="atelier"] .bh-369f-bouton { white-space: nowrap; max-width: 100%; }
@media (min-width: 1024px) {
  .bh-369f-home [data-usine-bloc="atelier"] .bh-369f-split {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    align-items: center;
    gap: var(--e6);
  }
}

/* Bande équipe : le portrait et le nom d'un côté, la spécialité dans une colonne de
   220 à 300 px où « HARMONIES », « PRÉPARATION », « ASSISES », « RIDEAUX » et
   « AMBIANCES » tiennent en mots entiers. */
.bh-369f-home [data-usine-bloc="equipe-bande"] .bh-369f-bande-tete { display: flex; align-items: center; gap: var(--e4); min-width: 0; }
.bh-369f-home [data-usine-bloc="equipe-bande"] .bh-369f-bande-portrait {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  margin: 0;
  background: var(--c-doux);
}
.bh-369f-home [data-usine-bloc="equipe-bande"] .bh-369f-bande-corps,
.bh-369f-home [data-usine-bloc="equipe-bande"] .bh-369f-bande-titre {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}
/* Le nom tient sur sa ligne, au-dessus du métier, jamais par-dessus : chaque
   cellule garde sa largeur, le nom ne descend pas dans celle d'à côté. */
.bh-369f-home [data-usine-bloc="equipe-bande"] .bh-369f-bande-titre { display: block; margin: 0; line-height: 1.25; }
.bh-369f-home [data-usine-bloc="equipe-bande"] .bh-369f-bande-corps { line-height: 1.35; }
@media (min-width: 1024px) {
  .bh-369f-home [data-usine-bloc="equipe-bande"] .bh-369f-bande {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    align-items: center;
  }
}

/* Pages auteur et équipe : la présentation ne coupe plus un mot en deux
   (« 3 dossier / s publié / s »). Le corps d'article garde sa césure de secours. */
[data-usine-page="interne"] :is(h1, h2, h3, p, li, strong, .bh-369f-kicker, .bh-369f-c-meta, .bh-369f-c-p) {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}
[data-usine-page="interne"] .art-corps :is(p, li, h2, h3) { overflow-wrap: break-word; }

/* usine:correctifs-home début */
/* Correctifs des blocs de home, recopiés sur chaque site à chaque build
   (astro_site.rafraichit_correctifs_home). bh-369f- 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-369f-acc:not(details) { padding-inline: var(--e5); }
.bh-369f-acc:not(details) > .bh-369f-acc-corps { padding-inline: 0; }

/* FAQ : une seule flèche, sur la ligne de la question (le marqueur natif doublait le chevron). */
.bh-369f-acc > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--e3); }
.bh-369f-acc > summary::-webkit-details-marker { display: none; }
.bh-369f-acc > summary svg { flex: none; transition: transform .2s; }
.bh-369f-acc[open] > summary svg { transform: rotate(180deg); }
.bh-369f-acc > summary:not(:has(svg))::after { content: "+"; flex: none; font-weight: 400; }
.bh-369f-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-369f-b-faq .bh-369f-entete { margin-inline: auto; text-align: center; }
.bh-369f-b-faq .bh-369f-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-369f-b-faq.bh-369f-d-colle > .bh-369f-int { display: block; }
[data-alignement="centre"] .bh-369f-b-faq.bh-369f-d-colle > .bh-369f-int > .bh-369f-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-369f-carte:has(> .bh-369f-c-corps) > .bh-369f-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-369f-timeline .bh-369f-c-media img, .bh-369f-b-parcours .bh-369f-c-media img { width: 100%; height: auto; aspect-ratio: 4 / 3; max-height: 320px; object-fit: cover; }
@media (min-width: 900px) {
  .bh-369f-timeline .bh-369f-carte:has(> .bh-369f-c-media) { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: var(--e5); align-items: start; }
  .bh-369f-timeline .bh-369f-carte:has(> .bh-369f-c-media) > .bh-369f-c-media { margin: 0; }
}

/* Vrai ou faux : une affirmation à la fois (kit_vivant), cinq habillages (Cedia 26/09). */
.bh-369f-quiz { max-width: 46rem; margin-inline: auto; display: grid; gap: var(--e4); }
.bh-369f-quiz-q { padding: var(--e5); }
.bh-369f-quiz-affirmation { font-family: var(--f-titre, inherit); font-size: var(--t3, 1.35rem); font-weight: 700; line-height: 1.25; margin: 0; }
.bh-369f-quiz-verdict { font-weight: 800; margin: var(--e3) 0 .25rem; }
.bh-369f-quiz-expl { margin-top: var(--e3); }
.bh-369f-quiz-score:empty { display: none; }
.bh-369f-quiz-bandes .bh-369f-quiz-q { border-left: 6px solid var(--c-primaire, currentColor); border-radius: 0; box-shadow: none; }
.bh-369f-quiz-plein .bh-369f-quiz-q { background: var(--c-primaire); color: var(--c-sur-primaire, var(--c-fond)); text-align: center; }
.bh-369f-quiz-plein .kv-choix { justify-content: center; }
.bh-369f-quiz-plein .kv-bouton { color: inherit; border-color: currentColor; }
.bh-369f-quiz-split { max-width: none; }
@media (min-width: 900px) {
  .bh-369f-quiz-split .bh-369f-quiz-q { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: var(--e6); align-items: start; }
  .bh-369f-quiz-split .bh-369f-quiz-q > * { grid-column: 2; }
  .bh-369f-quiz-split .bh-369f-quiz-q > .bh-369f-quiz-affirmation { grid-column: 1; grid-row: 1 / span 3; font-size: var(--t4, 1.6rem); }
}
.bh-369f-quiz-compact { max-width: 38rem; }
.bh-369f-quiz-compact .bh-369f-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-369f-b-sujets .bh-369f-mur { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--e3); }
.bh-369f-b-sujets .bh-369f-mur-col { display: contents; }
.bh-369f-b-sujets .bh-369f-carte.bh-369f-cs-pastille { background: transparent; border: 0; box-shadow: none; padding: 0; width: auto; }
.bh-369f-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-369f-c-pastille::after { content: "\2192"; font-weight: 400; }
.bh-369f-c-pastille:hover, .bh-369f-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-369f-hero-actions { margin-top: var(--e5); }

/* Cartes de chiffres lisibles (Cedia 27/09, revue-assurance.com : libellé en 12 px ; gestion-finance-entreprise :
   « 7 184 dirigeants suivis » en 13 px). Chiffre ≥ 28 px en bureau, ≥ 24 px en mobile ; libellé ≥ 14 px.
   Contrôle socle:stats-lisibles (verif_socle). */
.bh-369f-c-chiffre { font-size: max(28px, var(--t6, 2rem)); }
.bh-369f-c-label { font-size: max(14px, 1em) !important; }  /* !important : un .home .c-label de builder le ramenait à 12 px */
@media (max-width: 767px) { .bh-369f-c-chiffre { font-size: max(24px, var(--t6, 1.75rem)); } }

/* Hero centré : l'image passe DERRIÈRE le texte, pleine largeur et pleine hauteur, jamais en bande sous le texte
   (Cedia 27/09, revue-assurance.com : « texte centré suivi d'une bande photo »). Voile sombre pour le contraste,
   texte clair. Contrôle socle:hero-plein-media (média à côté ou derrière le texte, bas du hero ≥ 90 % de la fenêtre). */
.bh-369f-hero.bh-369f-hero-centre { position: relative; isolation: isolate; grid-template-rows: minmax(0, 1fr) !important; }
.bh-369f-hero.bh-369f-hero-centre > .bh-369f-hero-bas { position: absolute !important; inset: 0; margin: 0 !important; z-index: -1; }
.bh-369f-hero.bh-369f-hero-centre > .bh-369f-hero-bas img { width: 100% !important; height: 100% !important; max-height: none !important;
  object-fit: cover; border-radius: 0 !important; }
.bh-369f-hero.bh-369f-hero-centre > .bh-369f-hero-bas::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(8, 12, 24, .66), rgba(8, 12, 24, .52)); }
.bh-369f-home .bh-369f-hero-centre :is(.bh-369f-hero-kicker, .bh-369f-hero-h1, .bh-369f-hero-accroche) { color: #fff !important; }
.bh-369f-home .bh-369f-hero-centre .bh-369f-bouton-2 { color: #fff !important; border-color: #fff !important; background: transparent !important; }

/* Hero bandeau : même règle que le hero centré, l'image couvre TOUT le hero et le texte est posé dessus, centré
   verticalement (Cedia 27/09 : photo en bande au-dessus d'un aplat de couleur = « pas d'image dans le hero »). */
.bh-369f-hero.bh-369f-hero-bandeau { position: relative; isolation: isolate; justify-content: center !important; }
.bh-369f-hero.bh-369f-hero-bandeau > .bh-369f-hero-haut { position: absolute !important; inset: 0; margin: 0 !important; z-index: -1;
  height: auto !important; }
.bh-369f-hero.bh-369f-hero-bandeau > .bh-369f-hero-haut img { width: 100% !important; height: 100% !important; max-height: none !important;
  object-fit: cover; border-radius: 0 !important; }
.bh-369f-hero.bh-369f-hero-bandeau > .bh-369f-hero-haut::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(8, 12, 24, .50), rgba(8, 12, 24, .72)); }
.bh-369f-hero.bh-369f-hero-bandeau > .bh-369f-hero-bande { background: transparent !important; margin-block: auto; }
.bh-369f-home .bh-369f-hero-bandeau .bh-369f-hero-bande :is(p, h1, li, span, time, a:not(.bh-369f-bouton)) { color: #fff !important; }
.bh-369f-home .bh-369f-hero-bandeau .bh-369f-bouton-2 { color: #fff !important; border-color: #fff !important; background: transparent !important; }

/* Bloc logos en disposition « collée » : le titre restait seul à gauche au-dessus d'une rangée de logos centrée,
   entre deux blocs aux titres centrés (Cedia 27/09, actu-pme.com bloc 02). Un bloc de logos centre son titre.
   Contrôle socle:titres-blocs-centres. */
.bh-369f-b-logos.bh-369f-d-colle > .bh-369f-int { display: flex !important; flex-direction: column; align-items: center; }
.bh-369f-b-logos.bh-369f-d-colle .bh-369f-entete { position: static !important; text-align: center; max-width: 48rem; margin-inline: auto; }
.bh-369f-b-logos.bh-369f-d-colle .bh-369f-entete > * { text-align: center !important; margin-inline: auto; }

/* Mode sombre (27/09, Intermediate-Astro) : un thème qui colore p et li en dur (p, li { color: #4e4b66 }) laissait ce gris
   sur les fonds sombres des blocs ; en sombre, le texte suit la couleur du bloc. */
:is(html.dark, [data-theme="dark"]) .bh-369f-home :is(p, li) { color: inherit; }

/* Mosaique, carte « image seule » : l'image doit COUVRIR sa carte. Le garde-fou du socle
   (« img d'un bloc hors hero : 480 px au plus ») plafonnait l'image de la vedette (2 lignes x 2
   colonnes, 907 px) alors que le kit étire déjà le lien (`flex: 1 1 0%`) et demande `height: 100%`
   à l'image : la légende tombait 405 px sous l'image, vide mesuré DANS la carte
   (decorateur-maison.com 28/09, portier home:mosaique, trou_dans_carte 405 à 1440). */
.bh-369f-mosaique .bh-369f-cs-image-seule img { max-height: none !important; }
/* usine:correctifs-home fin */