:root {
  --f-titre: 'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-texte: 'Karla', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-graisse-titre: 500;
  --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.25rem;
  --e2: 0.5rem;
  --e3: 0.75rem;
  --e4: 1.0rem;
  --e5: 1.5rem;
  --e6: 2.0rem;
  --e7: 3.0rem;
  --e8: 4.0rem;
  --r-carte: 1rem;
  --r-bouton: 0.5rem;
  --r-image: 1rem;
  --largeur: 1360px;
  --ico-trait: 2;
  --header-h: 76px;
  --bandeau-h: 40px;
  --chrome-h: calc(var(--header-h) + var(--bandeau-h));
  --c-fond: #fbfbfb;
  --c-fond-2: #eaedee;
  --c-surface: #ffffff;
  --c-texte: #232c2f;
  --c-texte-2: #57656b;
  --c-primaire: #159ed0;
  --c-sur-primaire: #142429;
  --c-secondaire: #11eeb3;
  --c-sur-secondaire: #142924;
  --c-primaire-texte: #0f7094;
  --c-secondaire-texte: #097759;
  --c-doux: #dbeaf0;
  --c-sur-doux: #142429;
  --c-bord: #d3d8d9;
  --c-voile: #0c1518;
  --c-sur-voile: #ffffff;
  --c-ombre: #0f1e24;
  --o-carte: 0 1px 2px color-mix(in srgb, #0f1e24 8%, transparent);
  --o-survol: 0 18px 40px -12px color-mix(in srgb, #0f1e24 28%, transparent);
  --carte-fond: #dbeaf0;
  --carte-encre: #142429;
  --carte-encre-2: #142429;
  --carte-lien: #142429;
  --carte-bord: 1px solid var(--c-bord);
  --btn-fond: #11eeb3;
  --btn-texte: #142924;
  --btn-bord: 1px solid var(--c-bord);
  --btn-ombre: 0 1px 2px color-mix(in srgb, #0f1e24 10%, transparent);
  --btn-deco: none;
  --lien-couleur: #0f7094;
  --lien-deco: underline;
  --lien-epaisseur: 2px;
  --lien-fond: transparent;
  --lien-fond-encre: #0f7094;
}
html.dark, html[data-theme="dark"], html[data-mode="dark"], html.theme-dark, body.dark, [data-theme="dark"] [data-bh-home] {
  --c-fond: #141718;
  --c-fond-2: #1c2224;
  --c-surface: #24292b;
  --c-texte: #e8ecee;
  --c-texte-2: #b6c0c3;
  --c-primaire: #4fc3ed;
  --c-sur-primaire: #142429;
  --c-secondaire: #41f1c2;
  --c-sur-secondaire: #142924;
  --c-primaire-texte: #74cff1;
  --c-secondaire-texte: #7af5d4;
  --c-doux: #1e3d48;
  --c-sur-doux: #f5f8f9;
  --c-bord: #424a4d;
  --c-voile: #0c1518;
  --c-sur-voile: #ffffff;
  --c-ombre: #030607;
  --o-carte: 0 1px 2px color-mix(in srgb, #030607 40%, transparent);
  --o-survol: 0 18px 40px -12px color-mix(in srgb, #030607 28%, transparent);
  --carte-fond: #1e3d48;
  --carte-encre: #f5f8f9;
  --carte-encre-2: #f5f8f9;
  --carte-lien: #f5f8f9;
  --carte-bord: 1px solid var(--c-bord);
  --btn-fond: #41f1c2;
  --btn-texte: #142924;
  --btn-bord: 1px solid var(--c-bord);
  --btn-ombre: 0 1px 2px color-mix(in srgb, #030607 45%, transparent);
  --btn-deco: none;
  --lien-couleur: #74cff1;
  --lien-deco: underline;
  --lien-epaisseur: 2px;
  --lien-fond: transparent;
  --lien-fond-encre: #74cff1;
}

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

/* Signature du theme : formes arrondies, ombres douces. Jamais d'ombre offset dure. */
.bh-1f3c-btn, .bh-1f3c-carte, .bh-1f3c-tag { border-radius: var(--r-bouton); }
.bh-1f3c-carte { border-radius: var(--r-carte); border: var(--carte-bord); box-shadow: var(--o-carte); }
.bh-1f3c-btn { box-shadow: var(--btn-ombre); border: var(--btn-bord); }
/* Le hero du theme occupe l'ecran sous le header et le bandeau. */
.bh-1f3c-hero { min-height: calc(100svh - var(--chrome-h)); }

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

/* FAQ : une seule flèche, sur la ligne de la question (le marqueur natif doublait le chevron). */
.bh-1f3c-acc > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--e3); }
.bh-1f3c-acc > summary::-webkit-details-marker { display: none; }
.bh-1f3c-acc > summary svg { flex: none; transition: transform .2s; }
.bh-1f3c-acc[open] > summary svg { transform: rotate(180deg); }
.bh-1f3c-acc > summary:not(:has(svg))::after { content: "+"; flex: none; font-weight: 400; }
.bh-1f3c-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-1f3c-b-faq .bh-1f3c-entete { margin-inline: auto; text-align: center; }
.bh-1f3c-b-faq .bh-1f3c-accordeon { margin-inline: auto; }

/* 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-1f3c-carte:has(> .bh-1f3c-c-corps) > .bh-1f3c-c-suite { margin: 0 var(--e5) var(--e5); }
/* usine:correctifs-home fin */