/* ═══════════════════════════════════════════════════════════════
   BASCULE V2 — Thème partagé (première tranche : 4 pages-outils)
   Chargé APRÈS le <style> local de chaque page pour gagner sur les
   :root déjà définis (même sélecteur, l'ordre de source décide).

   Deux niveaux de couleur, jamais mélangés :
   - --accent / --accent-tint  = marque Bascule (Deep Teal). Logo,
     navigation, focus clavier, CTA de conversion (partenaires),
     titres structurants. Identique sur toutes les pages.
   - --tool-accent / --tool-accent-light = couleur propre à l'outil.
     Posée via une classe sur <body> (theme-statut, theme-tva,
     theme-tjm, theme-charges). Réservée aux éléments décoratifs :
     fonds, bordures, badges, indicateurs, états actifs/sélectionnés
     remplis (texte blanc dessus). Ne remplace jamais une couleur
     sémantique (--gain = bon résultat, --terra = alerte) : ces deux-là
     restent inchangées partout, y compris dans les graphiques.
   - --tool-accent-strong = même teinte, assombrie si besoin pour
     rester lisible en texte sur fond clair (contraste AA). À utiliser
     pour tout texte ou pictogramme sur --bg/--tool-accent-light :
     liens contextuels (a.link), icônes de tuiles (.icon-tile),
     liens "Nos autres outils" (.tool-nav-link). Identique à
     --tool-accent pour statut/TVA/TJM (déjà conformes) ; assombrie
     pour Charges (#F59E0B ne passe pas AA en texte).
   ═══════════════════════════════════════════════════════════════ */

:root {
  --bg: #F8FAF9;
  --accent: #073B3A;
  --accent-tint: #E6ECEB;
  --radius-xl: 24px;
  --shadow-lg: 0 24px 60px rgba(7,59,58,0.12), 0 4px 16px rgba(7,59,58,0.06);
}

.tool-icon { color: var(--tool-accent-strong); flex-shrink: 0; }

/* ─── Header : navigation desktop mutualisée ─────────────────────── */
.nav-desktop { display: none; align-items: center; gap: 28px; }
@media (min-width: 900px) {
  .nav-desktop { display: flex; }
}
.nav-desktop a {
  font-size: 14px; font-weight: 600; color: var(--ink, #14161A);
  text-decoration: none; white-space: nowrap;
}
.nav-desktop a:hover { color: var(--accent); }
.nav-desktop a.nav-current { color: var(--accent); }
.header-actions { display: flex; align-items: center; gap: 10px; }
@media (min-width: 900px) {
  .header-actions .nav-toggle { display: none; }
}

.btn-primary, .btn-secondary {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  padding: 9px 18px; border-radius: 999px;
  white-space: nowrap; cursor: pointer;
  transition: opacity .2s, box-shadow .2s, transform .2s, background .2s;
  font-family: 'Inter', system-ui, sans-serif;
}
.btn-primary { background: var(--accent); color: #fff; border: 1.5px solid var(--accent); }
.btn-primary:hover { opacity: .9; box-shadow: 0 8px 20px rgba(7,59,58,0.22); transform: translateY(-1px); }
.btn-secondary { background: #fff; color: var(--ink, #14161A); border: 1.5px solid var(--rule, #E5E7EB); }
.btn-secondary:hover { background: var(--paper, #FAFAFA); }

/* ─── Hero deux colonnes ──────────────────────────────────────────── */
.hero-grid { display: grid; gap: 40px; align-items: center; }
@media (min-width: 900px) {
  .hero-grid { grid-template-columns: 1.05fr 0.95fr; gap: 56px; }
}
.hero-photo-frame {
  position: relative; border-radius: var(--radius-xl); overflow: hidden;
  aspect-ratio: 4 / 3.1; background: var(--accent-tint);
  box-shadow: var(--shadow-lg);
}
.hero-photo-frame img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.trust-badges { display: flex; flex-wrap: wrap; gap: 18px 26px; }
.trust-badge { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--ink, #14161A); }
.trust-badge svg { color: var(--accent); flex-shrink: 0; }

/* ─── Carte simulateur en trois zones ─────────────────────────────── */
.simulator-shell {
  background: #fff; border: 1px solid var(--rule, #E5E7EB);
  border-radius: var(--radius-xl); box-shadow: var(--shadow-lg);
  padding: 28px 22px;
}
@media (min-width: 768px) { .simulator-shell { padding: 40px 36px; } }
.simulator-grid { display: grid; gap: 32px; }
@media (min-width: 1024px) {
  .simulator-grid { grid-template-columns: 0.82fr 1fr 1.12fr; gap: 0; }
  .simulator-grid > * { padding: 0 32px; }
  .simulator-grid > *:first-child { padding-left: 0; }
  .simulator-grid > *:last-child { padding-right: 0; }
  .simulator-grid > * + * { border-left: 1px solid var(--rule, #E5E7EB); }
}
@media (min-width: 768px) {
  /* Variante à deux zones : formulaire + résultat, pour les pages-outils
     plus simples qu'index.html (pas de colonne d'explication à part). */
  .simulator-grid.cols-2 { grid-template-columns: 1fr 1fr; }
}

.badge-pill {
  display: inline-flex; align-items: center; font-size: 11px; font-weight: 700;
  letter-spacing: 0.02em; padding: 4px 11px; border-radius: 999px;
  background: var(--tool-accent-light); color: var(--tool-accent-strong);
}
.badge-pill.brand { background: var(--accent-tint); color: var(--accent); }

.step-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.step-item { display: flex; gap: 14px; padding-bottom: 22px; position: relative; }
.step-item::before {
  content: ""; position: absolute; left: 13px; top: 28px; bottom: 0;
  width: 1px; background: var(--rule, #E5E7EB);
}
.step-item:last-child::before { display: none; }
.step-item:last-child { padding-bottom: 0; }
.step-num {
  flex-shrink: 0; width: 26px; height: 26px; border-radius: 999px;
  background: var(--paper-2, #F3F4F6); color: var(--muted, #6B7280);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700; position: relative; z-index: 1;
}
.step-item.is-current .step-num { background: var(--tool-accent); color: #fff; }
.step-title { font-size: 14px; font-weight: 700; color: var(--ink, #14161A); }
.step-desc { font-size: 12.5px; color: var(--muted, #6B7280); margin-top: 2px; line-height: 1.4; }

/* ─── Sections communes : pourquoi Bascule, autres outils ─────────── */
.icon-tile {
  width: 46px; height: 46px; border-radius: 14px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--accent-tint); color: var(--accent); flex-shrink: 0;
}
.icon-tile.tool { background: var(--tool-accent-light); color: var(--tool-accent-strong); }
/* Nuances figées des 4 thèmes, pour référencer un AUTRE outil que celui de
   la page courante (cartes "Nos autres outils") sans dépendre de la classe
   body.theme-* active, qui ne correspond qu'au thème de la page affichée.
   Couleur de TEXTE/icône (contraste AA sur #F8FAF9 et sur le fond -light
   correspondant) : identique à l'accent décoratif sauf pour Charges, où
   #F59E0B est assombri en #B45309 pour rester lisible. Les fonds -light
   (#DDF4EF, #EAF2FF, #F1EDFF, #FFF4DE) ne changent pas. */
.icon-tile.is-statut { background: #DDF4EF; color: #0F766E; }
.icon-tile.is-tva { background: #EAF2FF; color: #2563EB; }
.icon-tile.is-tjm { background: #F1EDFF; color: #7C3AED; }
.icon-tile.is-charges { background: #FFF4DE; color: #B45309; }
.tool-nav-card .tool-nav-link { display: inline-block; margin-top: 4px; font-size: 13px; font-weight: 600; text-decoration: none; }
.tool-nav-card .tool-nav-link.is-statut { color: #0F766E; }
.tool-nav-card .tool-nav-link.is-tva { color: #2563EB; }
.tool-nav-card .tool-nav-link.is-tjm { color: #7C3AED; }
.tool-nav-card .tool-nav-link.is-charges { color: #B45309; }

.feature-grid { display: grid; gap: 28px; }
@media (min-width: 768px) { .feature-grid { grid-template-columns: repeat(3, 1fr); } }

.tool-nav-grid { display: grid; gap: 20px; }
@media (min-width: 768px) { .tool-nav-grid { grid-template-columns: repeat(3, 1fr); } }
.tool-nav-card {
  display: block; background: #fff; border: 1px solid var(--rule, #E5E7EB);
  border-radius: var(--radius, 16px); padding: 22px 20px; text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.tool-nav-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md, 0 8px 24px rgba(16,24,40,0.10)); }
.tool-nav-card.help { background: var(--accent-tint); border-color: transparent; }

/* ─── Bandeau de confiance (fin de page) ──────────────────────────── */
.trust-banner {
  background: linear-gradient(135deg, #0A4C4A 0%, #073B3A 60%, #052826 100%);
  border-radius: var(--radius-xl); color: #fff;
  padding: 40px 28px; position: relative; overflow: hidden;
}
@media (min-width: 768px) { .trust-banner { padding: 52px 48px; } }
.trust-banner::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(600px circle at 85% 20%, rgba(255,255,255,0.08), transparent 60%);
}
.trust-banner-grid { display: grid; gap: 28px; position: relative; }
@media (min-width: 900px) { .trust-banner-grid { grid-template-columns: 1.3fr auto; align-items: center; gap: 40px; } }
.trust-stats { display: flex; gap: 32px; flex-wrap: wrap; }
.trust-stat-value { font-size: 26px; font-weight: 800; letter-spacing: -0.01em; }
.trust-stat-label { font-size: 12px; color: rgba(255,255,255,0.65); margin-top: 2px; }

/* 1. Changement de statut (index.html) */
body.theme-statut {
  --tool-accent: #0F766E;
  --tool-accent-light: #DDF4EF;
  --tool-accent-strong: #0F766E;
}

/* 2. Franchise de TVA */
body.theme-tva {
  --tool-accent: #2563EB;
  --tool-accent-light: #EAF2FF;
  --tool-accent-strong: #2563EB;
}

/* 3. Tarif journalier freelance */
body.theme-tjm {
  --tool-accent: #7C3AED;
  --tool-accent-light: #F1EDFF;
  --tool-accent-strong: #7C3AED;
}

/* 4. Charges sociales comparées */
body.theme-charges {
  --tool-accent: #F59E0B;
  --tool-accent-light: #FFF4DE;
  /* #F59E0B ne passe pas le contraste AA en texte (~2:1 sur #F8FAF9 et
     sur #FFF4DE) ; #B45309 (même teinte, assombrie) passe ≥5:1 sur les
     deux fonds. #F59E0B reste utilisé pour les fonds/bordures/badges. */
  --tool-accent-strong: #B45309;
}

/* V2-3 — proportions de référence et shell partagé. */
:root {
  --ink: #0B303B; --ink-soft: #345364; --muted: #596C80; --soft: #647588;
  --paper: #FFFFFF; --paper-2: #F1F6F6; --rule: #E2EBEE; --rule-strong: #CAD7DD;
  --radius: 10px; --radius-xl: 12px;
  --shadow: 0 4px 18px rgba(18,62,70,.035);
  --shadow-lg: 0 6px 28px rgba(18,62,70,.045);
}
body { line-height: 1.55; }
h1,h2,h3 { color: var(--ink); letter-spacing: -.035em; }
main:not(.editorial-site) { max-width: 1280px !important; padding: 40px 32px 0 !important; }
.site-container { width: 100%; max-width: 1280px; margin: 0 auto; padding-inline: 32px; }
.site-header { position: relative; background: var(--bg); border: 0; }
.header-inner { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand-lockup { display: flex; align-items: center; gap: 24px; flex-shrink: 0; }
.brand-mark { display: inline-flex; align-items: center; gap: 9px; font-size: 25px; font-weight: 800; letter-spacing: -.045em; color: var(--ink); text-decoration: none; }
.brand-baseline { color: var(--muted); font-size: 11px; line-height: 1.45; }
.nav-desktop { gap: 23px; }
.nav-desktop a { font-size: 12px; }
.nav-desktop a:hover { text-decoration: underline; text-underline-offset: 6px; }
.nav-current { text-decoration: underline !important; text-underline-offset: 6px; }
.btn-primary,.btn-secondary { border-radius: 6px; min-height: 46px; padding: 11px 21px; font-size: 13px; gap: 13px; }
.btn-secondary { border-color: #7D9BA6; background: transparent; color: var(--ink); }
.btn-primary { background: linear-gradient(120deg,#074647,#073B3A); }
.header-actions { gap: 14px; }
.site-footer { margin-top: 0; padding: 42px 0 24px; background: var(--bg); border: 0; }
.footer-grid { display: grid; grid-template-columns: 1.25fr 1fr .85fr .9fr 1.2fr; gap: 32px; }
.site-footer h2 { font-size: 14px; font-weight: 700; margin: 0 0 10px; }
.site-footer p,.site-footer nav a,.site-footer nav button { font-size: 13px; color: var(--muted); line-height: 1.6; }
.site-footer nav a,.site-footer nav button { display: block; margin: 7px 0; text-align: left; }
.site-footer nav a:hover,.site-footer nav button:hover { color: var(--accent); text-decoration: underline; }
.site-footer p { margin: 14px 0; }
.footer-contact .btn-secondary { width: 100%; }
.footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 48px; font-size: 11px; color: var(--muted); }
.skip-link { position: absolute; left: 20px; top: -100px; z-index: 120; padding: 12px 20px; background: var(--accent); color: white; border-radius: 6px; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.check-wrap input:focus-visible + .check-box { outline: 3px solid var(--accent); outline-offset: 3px; }
.nav-drawer:not(.open) { visibility: hidden; }
.nav-drawer.open { visibility: visible; }
.nav-toggle,.nav-close { min-width: 44px; min-height: 44px; }
@media (max-width:1199px) { .brand-baseline { display:none; } .nav-desktop { gap:18px; } }
@media (max-width:899px) {
 .header-inner { min-height: 76px; gap: 12px; } .header-share { display: none; }
 .site-container { padding-inline: 24px; } main:not(.editorial-site) { padding: 28px 24px 0 !important; }
 .footer-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .footer-brand { grid-column: 1 / -1; } .footer-contact { grid-column: 1 / -1; max-width: 340px; }
}
@media (max-width:599px) {
 .site-container { padding-inline: 20px; } main:not(.editorial-site) { padding: 22px 20px 0 !important; }
 .brand-mark { font-size:22px; } .header-actions .btn-primary { display:none; }
 .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap:28px 20px; }
 .footer-bottom { margin-top:32px; flex-direction:column; gap:8px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto !important; } *,*::before,*::after { transition:none !important; animation:none !important; } }
/* Accueil : même séquence hero / grande carte que la référence. */
.home-hero { grid-template-columns: .83fr 1.17fr; gap: 42px; margin-bottom: 34px; }
.hero-copy .eyebrow { font-size: 10px; letter-spacing: .2em; margin-bottom: 24px; }
.home-hero h1 { font-size: clamp(38px,3.8vw,55px); line-height: 1.09; font-weight: 750; letter-spacing: -.045em; }
.hero-description { font-size: 17px; line-height: 1.6; color: var(--ink-soft); margin: 18px 0 30px; max-width: 43ch; }
.hero-photo-frame { aspect-ratio: 1.37; border-radius: 12px; box-shadow: none; }
.hero-photo-frame img { object-position: center; }
.trust-badges { gap: 16px; flex-wrap: nowrap; }
.trust-badge { gap: 8px; font-size: 11px; line-height: 1.4; }
.trust-badge small { display: block; font-weight: 400; font-size: 10px; color: var(--muted); margin-top: 2px; }
.trust-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #E7F4F2; border-radius: 50%; color: var(--accent); font-size: 19px; flex-shrink: 0; }
.simulator-shell { padding: 30px 32px; margin-bottom: 28px; }
.section-heading { margin-bottom: 26px; }
.section-heading h2 { font-size: 28px; font-weight: 750; line-height: 1.2; }
.section-heading p { margin-top: 6px; color: var(--muted); font-size: 14px; }
.simulator-grid { grid-template-columns: .8fr 1fr 1.12fr; gap: 30px; align-items: start; }
.simulator-grid > * { min-width: 0; padding: 0; border: 0; }
.simulator-grid > * + * { border: 0; }
.simulator-grid > .simulator-results { border-left: 1px solid var(--rule); padding-left: 30px; }
.simulator-intro { padding: 0 !important; background: linear-gradient(120deg,#F0F8F7,#F8FAFA); border: 1px solid #EDF4F3; border-radius: 8px; }
.step-item { padding: 0; display: block; }
.step-item::before { left: 31px; top: 48px; background: #DDEAE8; }
.step-button { width: 100%; text-align: left; display: flex; gap: 14px; align-items: flex-start; padding: 24px 14px; border-radius: 7px; position: relative; }
.step-button[aria-current="step"] { background: #E8F4F1; }
.step-button[aria-current="step"] .step-num { background: var(--accent); color: #fff; }
.step-num { width: 32px; height: 32px; background: #E1E7EB; color: #596C80; font-size: 14px; }
.step-title,.step-desc { display: block; }
.step-title { font-size: 14px; }
.step-desc { font-size: 12px; margin-top: 4px; }
.step-note { padding: 0 18px 18px; font-size: 11px; color: var(--muted); }
.form-step > * + * { margin-top: 22px; }
.form-step .eyebrow { font-size: 10px; margin-bottom: 24px; color: var(--muted); }
.field-label { font-size: 12px; color: var(--ink); font-weight: 650; margin-bottom: 8px; line-height: 1.5; }
.field { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #CBD8E0; border-radius: 6px; padding: 10px 12px; font-size: 13px; color: var(--ink); box-shadow: inset 0 1px 2px rgba(10,40,60,.02); }
.field-help,.form-note { font-size: 12px; color: var(--muted); line-height: 1.65; }
.family-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 30px; }
.form-navigation[hidden],.form-step[hidden],.form-back[hidden] { display:none; }
.form-navigation .btn-primary { flex: 1; }
.form-back { font-size: 12px; min-height: 44px; color: var(--ink-soft); }
.privacy-note { font-size: 10px; color: var(--muted); text-align: center; margin-top: 14px; }
.results-heading { font-size: 17px; font-weight: 700; margin-bottom: 16px; }
.simulator-results > .grid { gap: 12px; }
.simulator-results .card { padding: 22px 18px 17px; border-radius: 8px; background: #F6F9FE; border: 1px solid #DDE7F7; box-shadow: none; }
.simulator-results .card.winner { padding-top: 44px; background: #EAF8F3; border-color: #C8EDE1; }
.simulator-results .card .amount { font-size: 30px; color: var(--ink); margin-top: 7px; }
.simulator-results .card .rank { position: absolute; top: 17px; right: 15px; font-size: 12px; }
.simulator-results .card .recommandé { font-size: 10px; padding: 3px 8px; left: 17px; top: 14px; background: #CDEDE1; color: #12634C; }
.simulator-results .card .strategie { font-size: 11px; margin-top: 8px; }
.simulator-results .card .delta { font-size: 11px; margin-top: 6px; }
.simulator-results .card .text-sm { font-size: 11px; }
.simulator-results .card > .text-xs { padding-right: 20px; color: var(--ink); font-weight: 600; }
.simulator-results .card:hover { transform: none; }
.simulator-results .tnum { white-space: normal; }
details[data-collapsible] { background: white; border: 1px solid var(--rule); border-radius: 9px; margin: 14px 0; box-shadow: var(--shadow); }
details[data-collapsible] > summary { display: flex !important; align-items: center; justify-content: space-between; padding: 20px 24px; gap: 20px; cursor: pointer; }
details[data-collapsible][open] > summary { border-bottom: 1px solid var(--rule); margin-bottom: 0; }
details[data-collapsible] > .mobile-block-body { padding: 24px; max-width: none; border: 0; }
.editorial-title { font-size: 24px; font-weight: 700; margin-bottom: 16px; }
#pourquoi-bascule { margin: 54px 0; }
#pourquoi-bascule > .eyebrow { text-align: center; letter-spacing: .18em; font-size: 10px; }
#pourquoi-bascule > h2 { text-align: center; font-size: 34px; line-height: 1.2; max-width: none !important; margin: 14px 0 10px; font-weight: 750; }
.section-lead { text-align: center; color: var(--ink-soft); margin: 0 auto 36px; max-width: 65ch; }
.feature-grid { gap: 36px; padding: 10px 0 0; }
.icon-tile { border-radius: 50%; background: #E7F4F2; width: 54px; height: 54px; }
.tool-nav-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.tool-nav-card { border-radius: 10px; padding: 22px; display:flex; flex-direction:column; box-shadow: var(--shadow); }
.tool-nav-card .tool-nav-link { margin-top: auto; padding-top: 12px; color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.tool-nav-card h3 { font-size: 17px !important; line-height: 1.35; }
.tool-nav-card.help { background: white; border: 1px solid var(--rule); }
.tool-nav-card.help .icon-tile { background:#FFF0E8; color:#C04C1C; }
#a-venir { margin: 52px 0 40px; }
#confiance { margin: 40px calc((min(1280px,100vw) - 100vw)/2 - 32px) 0; }
.trust-banner { border-radius: 0; padding: 40px max(32px,calc((100vw - 1216px)/2)); }
.trust-banner-grid { grid-template-columns: 1.2fr 1fr; gap: 48px; }
.trust-stats { display:grid; grid-template-columns:repeat(3,1fr); gap: 0; }
.trust-stats > div { padding: 12px 24px; border-left: 1px solid #3E7775; }
.trust-stat-value { font-size: 30px; }
.trust-stat-label { color: #CFDFDE; }
.ad-placement { margin: 16px 0; }
.ad-placement:has(ins[data-ad-status="unfilled"]) { margin-block: 0; }
@media (max-width:1023px) {
 .simulator-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
 .simulator-intro { grid-column: 1/-1; }
 .step-list { flex-direction: row; }
 .step-item { flex:1; } .step-item::before { display:none; }
 .step-button { padding:16px 12px; gap:8px; } .step-desc,.step-note { display:none; }
 .tool-nav-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .trust-banner-grid { grid-template-columns:1fr; gap:20px; }
 .trust-stats > div:first-child { border:0; padding-left:0; }
 .home-hero { gap:28px; } .home-hero .trust-badges { flex-wrap:wrap; }
}
@media (max-width:767px) {
 .home-hero { grid-template-columns:1fr; gap:26px; }
 .home-hero h1 { font-size:40px; } .hero-copy .eyebrow { margin-bottom:18px; }
 .hero-description { font-size:16px; margin:18px 0 24px; }
 .home-hero .trust-badges { flex-wrap:nowrap; gap:12px; }
 .trust-badge { font-size:10px; gap:5px; } .trust-badge small { font-size:9px; }
 .trust-icon { width:28px; height:28px; font-size:16px; }
 .simulator-shell { padding:24px 20px; }
 .section-heading h2 { font-size:24px; } .section-heading p { font-size:13px; }
 .simulator-grid { grid-template-columns:1fr; gap:24px; }
 .simulator-grid > .simulator-results { border-left:0; padding:24px 0 0; border-top:1px solid var(--rule); }
 .step-button { flex-direction:column; align-items:center; padding:12px 4px; text-align:center; }
 .step-title { font-size:10px; } .step-num { width:27px;height:27px;font-size:12px; }
 #pourquoi-bascule > h2 { font-size:27px; } .section-lead { font-size:14px; }
 .feature-grid { gap:28px; }
 details[data-collapsible] > summary { padding:18px; }
 details[data-collapsible] > .mobile-block-body { padding:20px; }
 #confiance { margin-inline:-24px; } .trust-banner { padding:32px 24px; }
 .trust-stats > div { padding:10px 14px; } .trust-stat-value { font-size:26px; }
 .tool-nav-card { padding:20px; }
}
@media (max-width:599px) {
 #confiance { margin-inline:-20px; }
 .tool-nav-grid { grid-template-columns:1fr; }
 .home-hero h1 { font-size:38px; }
}
/* Outils : une largeur commune, une composition propre à chaque usage. */
.tool-hero { display:grid; grid-template-columns: .95fr 1.05fr; align-items:center; gap:64px; margin: 0 0 32px; }
.tool-hero h1 { font-size:clamp(38px,3.8vw,55px); line-height:1.1; font-weight:750; margin:18px 0 0; }
.tool-hero .eyebrow { font-size:10px; letter-spacing:.19em; }
.tool-hero .hero-description { max-width:49ch; }
.tool-illustration { display:flex; align-items:center; gap:24px; background:var(--tool-accent-light); padding:38px 32px; border-radius:12px; min-height:340px; }
.tool-illustration > svg { width:42%; max-width:210px; flex-shrink:0; }
.tool-illustration h2 { font-size:29px; font-weight:750; line-height:1.18; }
.tool-illustration p { font-size:15px; color:var(--ink-soft); margin-top:14px; }
.charges-hero .tool-illustration { background:linear-gradient(120deg,#EDF7F6,#F3F8F6); }
.tool-intro-aside { border-left:1px solid var(--rule); padding-left:32px; }
.tool-intro-aside > p { font-size:17px; color:var(--ink-soft); margin:12px 0 28px; }
.tjm-hero { min-height:250px; grid-template-columns: 1.2fr 1fr; }
.tjm-hero h1::before { content:'↗'; display:inline-flex; justify-content:center; align-items:center; vertical-align:middle; width:66px; height:66px; border-radius:14px; background:var(--tool-accent-light); color:var(--tool-accent); font-size:44px; margin-right:20px; }
.tva-grid { grid-template-columns: .78fr 1fr 1.08fr; }
.tva-result { border-left:1px solid var(--rule) !important; padding-left:28px !important; }
.tva-result > .surface-tint { background:#EEFAF6; border:1px solid #CFEEE4; padding:22px; }
.tva-result .amount { font-size:36px; }
#impact-block { background:var(--tool-accent-light); border-color:#D9E7FF; padding:18px; margin:16px 0 0; }
#impact-block h2 { color:var(--tool-accent-strong); font-size:14px !important; }
#impact-block p { font-size:13px !important; }
.theme-tva .progress-fill:not(.over) { background:var(--tool-accent); }
.theme-tva main > div:has(#seuils-table) { padding:28px 32px; border:1px solid var(--rule); border-radius:10px; background:#fff; box-shadow:var(--shadow); }
.theme-tva main > div:has(#seuils-table) h2 { font-size:25px !important; }
.theme-tva table.seuils th { background:#F3F7F8; font-size:12px; color:var(--ink); }
.theme-tva table.seuils tr.active td { color:var(--tool-accent-strong); font-weight:600; }
.theme-tva table.seuils td { font-size:13px; }
.tjm-layout { display:grid; grid-template-columns:1.55fr 1fr; gap:32px; }
.tjm-form { min-width:0; }
.tjm-form > h2,.tjm-results > h2 { font-size:27px !important; }
.tjm-form > .grid { gap:20px 24px; }
.tjm-form .field-help { font-size:11px; }
.tjm-results { padding-left:30px; border-left:1px solid var(--rule); min-width:0; }
.tjm-result-list { display:grid; gap:14px; }
.tjm-results .card { background:#F8F8FE; border:1px solid #E2E4FD; padding:26px 22px 20px; box-shadow:none; }
.tjm-results .card.winner { background:#F5F0FF; border-color:#DACBFF; padding-top:42px; }
.tjm-results .card .amount { color:var(--tool-accent-strong); font-size:36px; margin-top:10px; }
.tjm-results .card .recommandé { background:#E7DCFF; color:#6025CF; font-size:10px; }
.tjm-results .card > .text-xs:first-of-type { font-size:14px; font-weight:650; color:var(--ink); }
.result-link { display:flex; width:max-content; min-width:280px; max-width:100%; margin:22px auto 0; }
.tjm-form .result-link { width:100%; }
.calculation-note { margin-top:22px; padding:16px 20px; background:var(--tool-accent-light); border:1px solid #E4D9FC; border-radius:8px; color:var(--tool-accent-strong); }
.calculation-note strong { font-size:13px; }
.calculation-note #section3-note { max-width:none !important; color:var(--muted); margin:5px 0 0; font-size:12px !important; }
.days-section { background:white; border:1px solid var(--rule); border-radius:10px; padding:28px 32px; margin:24px 0; }
.days-section .section-heading h2 { font-size:25px; }
.days-layout { display:grid; grid-template-columns:1.45fr 1fr; gap:36px; align-items:center; }
.days-layout .surface { background:#F0EBFD; border:0; text-align:center; padding:20px 28px; }
.days-layout .amount { color:var(--tool-accent-strong); font-size:40px; }
.charges-form > .mb-10 { margin-bottom:0; }
.charges-form > div > .grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.charges-form .field-help { font-size:11px; }
.charges-form .advanced-panel { border:0; border-top:1px solid var(--rule); border-radius:0; box-shadow:none; margin-top:24px; }
.charges-results .card { padding:44px 20px 22px; border:1px solid var(--rule); background:linear-gradient(#F2F8F7 0 84px,white 84px); box-shadow:none; }
.charges-results .card.winner { border-color:#A5D7C8; }
.charges-results .card .amount { color:#A84B08; font-size:30px; margin-top:18px; }
.charges-results .card .pour1000 { background:#FFF3E5; color:#98440A; font-size:11px; }
.charges-results .card .recommandé { font-size:9px; padding:3px 7px; color:#12634C; background:#DAF0E7; }
.net-comparison { border-top:1px solid var(--rule); margin-top:28px; padding-top:24px; }
.net-comparison h3 { font-size:23px; font-weight:700; }
.net-comparison > p { font-size:13px; color:var(--muted); margin:6px 0 24px; }
.net-bars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; padding:0 20px; }
.net-column { min-width:0; text-align:center; }
.net-column > strong { font-size:13px; }
.net-column > small { display:block; font-size:12px; margin-top:10px; font-weight:600; }
.net-bar { display:flex; flex-direction:column-reverse; height:175px; margin-top:8px; background:#F5A322; border-radius:6px 6px 0 0; overflow:hidden; justify-content:flex-start; }
.net-bar > span { display:flex; align-items:center; justify-content:center; background:var(--accent); color:white; font-size:14px; min-height:24px; }
.net-legend { display:flex; justify-content:center; gap:24px; font-size:12px; margin-top:24px; color:var(--muted); }
.net-legend i { display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--accent); }
.net-legend span+span i { background:#F5A322; }
.theme-charges main > .surface-tint { background:white; padding:28px 32px; }
.theme-charges main > .surface-tint > h2 { font-size:25px !important; }
.theme-charges main > .surface-tint > .space-y-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.theme-charges main > .surface-tint > .space-y-3 > p { margin:0; padding:20px; border:1px solid var(--rule); border-radius:8px; }
.editorial-disclosure { margin:28px 0; background:white; border:1px solid var(--rule); border-radius:10px; }
.editorial-disclosure summary { display:flex; justify-content:space-between; gap:20px; padding:24px 28px; font-size:23px; font-weight:700; letter-spacing:-.03em; }
.editorial-disclosure > div { padding:0 28px 24px; }
.editorial-disclosure h2 { font-size:24px !important; }
.editorial-disclosure > div > div { max-width:85ch !important; margin-bottom:0; }
main > section:has(> .tool-nav-grid) { border-top:0; margin:40px 0; padding-top:0; }
/* Pages éditoriales : shell identique, lecture confortable et sommaire. */
.static-page main { padding-bottom:60px !important; }
.static-hero { max-width:850px; padding:24px 0 40px; }
.static-hero .eyebrow { color:var(--muted); letter-spacing:.16em; font-size:10px; }
.static-hero h1 { font-size:clamp(36px,4vw,52px) !important; line-height:1.12 !important; margin:18px 0 24px !important; }
.static-hero > p:last-child { margin-bottom:0 !important; }
.editorial-layout { display:grid; grid-template-columns:250px 1fr; gap:50px; align-items:start; }
.editorial-nav { padding:24px; background:#EDF5F3; border-radius:10px; position:sticky; top:24px; }
.editorial-nav a { display:block; font-size:13px; color:var(--ink-soft); padding:10px 0; border-bottom:1px solid #D7E6E2; }
.editorial-nav a:last-child { border:0; }
.editorial-nav a:hover { color:var(--accent); text-decoration:underline; }
.editorial-article { background:white; padding:36px 40px; border:1px solid var(--rule); border-radius:10px; min-width:0; }
.editorial-article h2 { scroll-margin-top:24px; font-size:23px; margin:32px 0 12px; }
.editorial-article h2:first-child { margin-top:0; }
.editorial-article p { color:var(--ink-soft); font-size:15px; line-height:1.85; }
.contact-layout { display:grid; grid-template-columns:1fr 1.15fr; gap:28px; align-items:start; }
.contact-layout > .surface { margin:0; padding:32px; background:#fff; }
.contact-layout > .surface:first-child { background:#EAF5F1; border-color:#CEE5DE; }
.contact-layout h2 { margin:0 0 12px; font-size:25px; }
.contact-layout .mail-btn { font-size:14px; padding:14px 18px; border-radius:6px; max-width:100%; overflow-wrap:anywhere; }
.partners-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.partners-grid > div { margin:0; display:flex; flex-direction:column; background:#fff; }
.partners-grid p { margin-bottom:24px; }
.partners-grid .partner-btn { margin-top:auto; }
.partners-grid .partner-tag { align-self:flex-start; margin-bottom:16px; }
.affiliate-disclosure { background:#EAF4F2; border:1px solid #D8E9E4; border-radius:8px; color:var(--ink-soft); font-size:13px; padding:18px 24px; margin:0 0 36px; }
.page-nos-partenaires main > section:not(.static-hero) { margin:28px 0; }
.page-nos-partenaires main > section:not(.static-hero) > h2 { font-size:26px !important; }
@media (max-width:1023px) {
 .tool-hero { gap:30px; } .tool-illustration { min-height:290px; padding:24px; gap:12px; }
 .tool-illustration h2 { font-size:24px; }
 .tool-hero .trust-badges { flex-wrap:wrap; }
 .tva-grid { grid-template-columns:1fr 1fr; }
 .charges-form > div > .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .charges-results > .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .editorial-layout { grid-template-columns:200px 1fr; gap:24px; }
 .editorial-article { padding:28px; }
}
@media (max-width:767px) {
 .tool-hero,.tjm-hero { grid-template-columns:1fr; gap:24px; }
 .tool-hero h1 { font-size:38px; }
 .tool-hero .trust-badges { flex-wrap:nowrap; }
 .tool-illustration { min-height:220px; padding:24px; }
 .tool-illustration h2 { font-size:24px; }
 .tool-illustration p { font-size:13px; }
 .tool-intro-aside { border-left:0; padding:0; } .tool-intro-aside > p { font-size:15px; margin:0 0 18px; }
 .tjm-hero h1::before { width:46px;height:46px;font-size:30px;margin-right:12px; }
 .tva-grid,.tjm-layout,.days-layout { grid-template-columns:1fr; }
 .tva-result,.tjm-results { padding:24px 0 0 !important; border-left:0 !important; border-top:1px solid var(--rule); }
 .days-section { padding:24px 20px; } .days-layout { gap:12px; }
 .theme-tva main > div:has(#seuils-table) { padding:24px 20px; }
 .theme-tva table.seuils td { font-size:11px; padding:10px 8px; }
 .theme-tva table.seuils th { font-size:11px; padding:10px 8px; }
 .theme-tva main > div:has(#seuils-table) h2 { font-size:23px !important; }
 .charges-form > div > .grid { grid-template-columns:1fr; }
 .charges-results > .grid { grid-template-columns:1fr; }
 .net-bars { gap:10px; padding:0; } .net-column > strong { font-size:10px; }
 .net-column > small { font-size:9px; } .net-bar { height:140px; } .net-bar > span { font-size:10px; }
 .net-legend { font-size:10px; gap:12px; flex-wrap:wrap; }
 .theme-charges main > .surface-tint { padding:24px 20px; }
 .theme-charges main > .surface-tint > .space-y-3 { grid-template-columns:1fr; gap:16px; }
 .editorial-disclosure summary { padding:20px; font-size:20px; }
 .editorial-disclosure > div { padding:0 20px 20px; }
 .editorial-layout,.contact-layout,.partners-grid { grid-template-columns:1fr; }
 .editorial-nav { position:static; }
 .static-hero { padding:12px 0 30px; }
 .editorial-article { padding:24px; }
 .contact-layout > .surface { padding:24px; }
 .static-hero h1 { font-size:36px !important; }
 .theme-tjm .mode-toggle { flex-wrap:wrap; } .theme-tjm .mode-btn { min-height:44px; }
 input.field,select.field { font-size:16px; }
}
/* Finitions de QA : bandeau plein écran sans débordement tablette. */
#confiance { margin-inline: calc(50% - 50vw); }
.result-details-link { display:flex; justify-content:space-between; min-height:44px; align-items:center; font-size:12px; font-weight:600; margin-top:12px; border-bottom:1px solid var(--rule); color:var(--accent); }
.theme-tva .step-item:first-child .step-num { background:var(--accent); color:white; }
.theme-tva .step-item:first-child .step-button { background:#E8F4F1; }
.advanced-panel > summary { display:flex; justify-content:space-between; align-items:center; cursor:pointer; padding:14px 18px; list-style:none; font-size:13px; min-height:48px; }
.advanced-panel > summary::-webkit-details-marker { display:none; }
.advanced-panel > .body { padding:18px; }
#cta-block { padding:28px; background:#F0F5F4; border:1px solid var(--rule); border-radius:10px; margin-top:28px; }
@media(max-width:599px) { #cta-block { padding:22px 18px; } }
/* Passe de cohérence : même vocabulaire graphique et même hiérarchie. */
:root { --space-section:48px; --heading-weight:700; }
.home-hero h1,.tool-hero h1 { font-weight:var(--heading-weight); letter-spacing:-.045em; }
.section-heading h2,#pourquoi-bascule > h2,.tool-illustration h2 { font-weight:var(--heading-weight); }
.trust-badges svg,.icon-tile svg { display:block; flex-shrink:0; }
.privacy-note { display:flex; align-items:center; justify-content:center; gap:6px; line-height:1.5; }
.feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.results-caption { font-size:12px; line-height:1.5; color:var(--muted); margin:-8px 0 16px; }
.simulator-results .card { padding:18px; }
.simulator-results .card .amount { font-size:29px; margin-top:8px; }
.simulator-results .card:not(.winner) .strategie { background:transparent; padding:0; border-radius:0; }
.simulator-results .card.winner { background:linear-gradient(115deg,#E8F8F1,#F0FAF7); }
.simulator-results .card:not(.winner) { background:#F7F9FE; }
.simulator-results .card.winner .amount { font-size:33px; }
.simulator-results .card .delta { margin-top:7px; }
.simulator-results .card .rank { width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:#E9EFF7;border-radius:50%;font-size:10px;right:14px;top:15px; }
.simulator-results .card.winner .rank { background:#DAF1E7; }
#advanced-hint { font-size:11px; line-height:1.6; }
.simulator-form .flex.items-baseline:has(> input.field),.tjm-form .flex.items-baseline:has(> input.field),.charges-form .flex.items-baseline:has(> input.field),.tva-fields .flex.items-baseline:has(> input.field) { position:relative; }
.simulator-form .flex.items-baseline > input.field,.tjm-form .flex.items-baseline > input.field,.charges-form .flex.items-baseline > input.field,.tva-fields .flex.items-baseline > input.field { padding-right:66px; }
.simulator-form .flex.items-baseline > input.field + span,.tjm-form .flex.items-baseline > input.field + span,.charges-form .flex.items-baseline > input.field + span,.tva-fields .flex.items-baseline > input.field + span { position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none; }
input.field::-webkit-inner-spin-button { margin-right:36px; }
.learning-section { margin:40px 0 24px; }
.learning-section .section-heading h2 { font-size:28px; }
.learning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.theme-tva .learning-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.learning-card { padding:24px; border:1px solid var(--rule);border-radius:10px;background:white;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow); }
.learning-card .icon-tile { width:46px;height:46px;margin-bottom:18px; }
.learning-card h3 { font-size:17px;font-weight:650;line-height:1.4;margin-bottom:10px; }
.learning-card p { font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:18px; }
.learning-card a { font-size:12px;line-height:1.5;color:var(--accent);text-decoration:underline;text-underline-offset:3px;margin-top:auto;min-height:30px; }
.tool-nav-card h3 { font-weight:650 !important; }
.theme-tva .editorial-disclosure,.theme-tjm .editorial-disclosure { margin-top:16px; }
.theme-tva .editorial-disclosure summary,.theme-tjm .editorial-disclosure summary { font-size:16px; padding:18px 24px; }
.tjm-results .card .amount { font-size:34px; }
.tjm-form > h2,.tjm-results > h2 { font-size:25px !important; }
.site-footer .brand-mark { font-size:24px; }
@media(max-width:1023px) {
 .feature-grid,.theme-tva .learning-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .learning-grid { gap:16px; } .learning-card { padding:20px; }
}
@media(max-width:767px) {
 .feature-grid,.learning-grid,.theme-tva .learning-grid { grid-template-columns:1fr; }
 .learning-section .section-heading h2 { font-size:25px; }
 .feature-grid > div { display:grid;grid-template-columns:48px 1fr;column-gap:16px; }
 .feature-grid .icon-tile { grid-row:span 2;width:44px;height:44px;margin-bottom:0; }
 .feature-grid h3 { margin-top:0; } .feature-grid p { grid-column:2; }
}
/* Vert sémantique lisible pour les petits textes sur les fonds clairs. */
:root { --gain: #08775A; }
.sticky-result[hidden] { display:none !important; }
.net-bar > span { min-height:0; overflow:hidden; }