/* Calculatrice.com — harmonisation visuelle des fiches outils hors /math/.
   Même famille que calculatrice en ligne et calculatrice graphique :
   hero orange, calculateur sombre, écran clair et cartes blanches.
   Cette feuille ne modifie aucun moteur ni contenu éditorial. */

body.cr-unified-tool-page{
  --cr-tool-orange:#ffa300;
  --cr-tool-orange-dark:#8a4b00;
  --cr-tool-orange-soft:#fff1cf;
  --cr-tool-ink:#132238;
  --cr-tool-muted:#5e6a7e;
  --cr-tool-line:#e3e8f0;
  background:#f3f5fb;
  color:var(--cr-tool-ink);
}

/* Hero identique à la famille /math/. */
body.cr-unified-tool-page .vehicle-hero,
body.cr-unified-tool-page .health-hero{
  position:relative;
  overflow:hidden;
  border:0;
  background:linear-gradient(112deg,#ffb118 0%,#ffa300 58%,#ef8b00 100%);
}
body.cr-unified-tool-page .vehicle-hero::after,
body.cr-unified-tool-page .health-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  top:-95px;
  right:-80px;
  bottom:auto;
  width:250px;
  height:250px;
  border:34px solid rgba(255,255,255,.13);
  border-radius:50%;
  pointer-events:none;
}
body.cr-unified-tool-page .vehicle-hero-grid,
body.cr-unified-tool-page .health-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);
  grid-template-areas:
    "copy calculator"
    "note calculator";
  gap:18px 34px;
  align-items:center;
  padding:44px 0 46px;
}
body.cr-unified-tool-page .vehicle-hero-grid>.cr-unified-hero-copy,
body.cr-unified-tool-page .health-hero-grid>.cr-unified-hero-copy{grid-area:copy;min-width:0}
body.cr-unified-tool-page .vehicle-kicker,
body.cr-unified-tool-page .health-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 11px;
  border-radius:999px;
  background:rgba(18,24,39,.22);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.cr-unified-tool-page .vehicle-kicker::before,
body.cr-unified-tool-page .health-kicker::before{display:none}
body.cr-unified-tool-page .vehicle-hero h1,
body.cr-unified-tool-page .health-hero h1{
  margin:16px 0 12px;
  color:#fff;
  font-size:clamp(42px,4vw,62px);
  line-height:1.06;
  letter-spacing:-.055em;
}
body.cr-unified-tool-page .vehicle-lead,
body.cr-unified-tool-page .health-lead{
  max-width:68ch;
  margin:0;
  color:#fff8e8;
  font-size:17px;
  line-height:1.72;
}
body.cr-unified-tool-page .vehicle-proof-row,
body.cr-unified-tool-page .health-proof-row{gap:8px;margin-top:16px}
body.cr-unified-tool-page .vehicle-proof-row span,
body.cr-unified-tool-page .health-proof-row span{
  min-height:30px;
  padding:5px 11px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(255,255,255,.13);
  color:#fff;
  font-size:12px;
  font-weight:800;
}
body.cr-unified-tool-page .vehicle-hero-note,
body.cr-unified-tool-page .health-hero-note{
  grid-area:note;
  align-self:start;
  max-width:680px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:rgba(18,24,39,.18);
  box-shadow:none;
  backdrop-filter:none;
  color:#fff;
}
body.cr-unified-tool-page .vehicle-hero-note strong,
body.cr-unified-tool-page .health-hero-note strong{
  display:inline;
  color:#fff;
  font-size:13px;
}
body.cr-unified-tool-page .vehicle-hero-note p,
body.cr-unified-tool-page .health-hero-note p{
  display:inline;
  margin:0 12px 0 4px;
  color:#fff8e8;
  font-size:12px;
  line-height:1.55;
}

/* Calculateur sombre placé dans le hero. */
body.cr-unified-tool-page .cr-unified-calculator{
  grid-area:calculator;
  align-self:center;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0;
  margin:0;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:28px!important;
  background:#131823!important;
  box-shadow:0 24px 55px rgba(51,30,0,.35)!important;
  color:#fff;
}
body.cr-unified-tool-page .cr-unified-calculator>.cr-calc-card-inner{
  border-radius:24px;
  background:linear-gradient(180deg,#202838,#121827);
  padding:16px;
}
body.cr-unified-tool-page .cr-unified-calc-head{max-width:none;margin:0 0 14px}
body.cr-unified-tool-page .cr-unified-calc-head .vehicle-eyebrow,
body.cr-unified-tool-page .cr-unified-calc-head .health-eyebrow{
  padding:5px 9px;
  border-radius:999px;
  background:var(--cr-tool-orange);
  color:#2b1900;
  font-size:10px;
  letter-spacing:.07em;
}
body.cr-unified-tool-page .cr-unified-calc-head .vehicle-eyebrow::before,
body.cr-unified-tool-page .cr-unified-calc-head .health-eyebrow::before{display:none}
body.cr-unified-tool-page .cr-unified-calc-head h2{
  margin:9px 0 4px;
  color:#fff;
  font-size:20px;
  line-height:1.22;
  letter-spacing:-.025em;
}
body.cr-unified-tool-page .cr-unified-calc-head p{
  margin:0;
  color:#b7c0d4;
  font-size:13px;
  line-height:1.48;
}
body.cr-unified-tool-page .vehicle-form,
body.cr-unified-tool-page .health-form{margin-top:0}
body.cr-unified-tool-page .vehicle-fields,
body.cr-unified-tool-page .health-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.cr-unified-tool-page .vehicle-field,
body.cr-unified-tool-page .health-field{gap:6px}
body.cr-unified-tool-page .vehicle-field label,
body.cr-unified-tool-page .health-field label{
  color:#fff;
  font-size:12px;
  font-weight:850;
}
body.cr-unified-tool-page .vehicle-field label span,
body.cr-unified-tool-page .health-field label span{color:#c7d0e0;font-weight:700}
body.cr-unified-tool-page .vehicle-field input,
body.cr-unified-tool-page .vehicle-field select,
body.cr-unified-tool-page .health-field input,
body.cr-unified-tool-page .health-field select{
  width:100%;
  min-height:46px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:14px;
  background:#edf3ff;
  color:#121827;
  font:inherit;
  font-weight:800;
  outline:none;
}
body.cr-unified-tool-page .vehicle-field input:focus,
body.cr-unified-tool-page .vehicle-field select:focus,
body.cr-unified-tool-page .health-field input:focus,
body.cr-unified-tool-page .health-field select:focus{
  border-color:var(--cr-tool-orange);
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,163,0,.28);
}
body.cr-unified-tool-page .vehicle-field small,
body.cr-unified-tool-page .health-field small{color:#aab4c8;font-size:11px}
body.cr-unified-tool-page .vehicle-submit,
body.cr-unified-tool-page .health-submit{
  min-height:44px;
  margin-top:12px;
  padding:10px 18px;
  border:1px solid var(--cr-tool-orange);
  border-radius:14px;
  background:var(--cr-tool-orange);
  color:#2b1900;
  font-weight:900;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.18);
}
body.cr-unified-tool-page .vehicle-submit:hover,
body.cr-unified-tool-page .health-submit:hover{background:#ffad1e;filter:none}
body.cr-unified-tool-page .vehicle-privacy,
body.cr-unified-tool-page .health-privacy{margin:9px 0 0;color:#aab4c8;font-size:11px}
body.cr-unified-tool-page .vehicle-result,
body.cr-unified-tool-page .health-result{
  min-height:112px;
  margin-top:12px;
  padding:13px 14px;
  border:0;
  border-radius:20px;
  background:#eef3ff;
  color:#121827;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}
body.cr-unified-tool-page .vehicle-result-placeholder,
body.cr-unified-tool-page .health-result-placeholder{color:#526076;font-size:12px}
body.cr-unified-tool-page .vehicle-result-placeholder strong,
body.cr-unified-tool-page .health-result-placeholder strong{color:#667085;text-transform:uppercase;letter-spacing:.05em}
body.cr-unified-tool-page .vehicle-result-head span,
body.cr-unified-tool-page .health-result-head span{color:#667085}
body.cr-unified-tool-page .vehicle-result-primary,
body.cr-unified-tool-page .health-result-primary{
  color:#101828;
  font-size:clamp(28px,4vw,40px);
}
body.cr-unified-tool-page .vehicle-result-summary,
body.cr-unified-tool-page .health-result-summary,
body.cr-unified-tool-page .vehicle-result-note,
body.cr-unified-tool-page .health-result-note{color:#526076}
body.cr-unified-tool-page .vehicle-result-item,
body.cr-unified-tool-page .health-result-item{border-color:#dfe6f1;background:#fff}
body.cr-unified-tool-page .vehicle-result-error,
body.cr-unified-tool-page .health-result-error{color:#8a3e00}

/* Chronomètre, minuteur et compte à rebours dans la même coque. */
body.cr-unified-tool-page .duree-live-tool{
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.06);
  padding:12px;
}
body.cr-unified-tool-page .duree-live-display{
  border:0;
  border-radius:18px;
  background:#eef3ff;
  color:#101828;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}
body.cr-unified-tool-page .duree-live-actions{gap:8px;margin-top:10px}
body.cr-unified-tool-page .duree-live-actions button{
  min-height:42px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:13px;
  background:#3e4a63;
  color:#fff;
}
body.cr-unified-tool-page .duree-live-actions button.vehicle-submit{
  margin-top:0;
  border-color:var(--cr-tool-orange);
  background:var(--cr-tool-orange);
  color:#2b1900;
}
body.cr-unified-tool-page .duree-laps{color:#dbe4f3}
body.cr-unified-tool-page .duree-laps li{border-bottom-color:rgba(255,255,255,.12)}

/* Contenu inférieur : cartes blanches et colonne latérale comme /math/. */
body.cr-unified-tool-page .vehicle-layout,
body.cr-unified-tool-page .health-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 348px;
  gap:24px;
  align-items:start;
  padding:30px 0 56px;
}
body.cr-unified-tool-page .vehicle-content,
body.cr-unified-tool-page .health-content{gap:18px}
body.cr-unified-tool-page .vehicle-section:not(.cr-unified-calculator),
body.cr-unified-tool-page .health-section:not(.cr-unified-calculator){
  margin:0;
  padding:22px;
  border:1px solid var(--cr-tool-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}
body.cr-unified-tool-page .vehicle-section-head,
body.cr-unified-tool-page .health-section-head{margin-bottom:16px}
body.cr-unified-tool-page .vehicle-section-head h2,
body.cr-unified-tool-page .health-section-head h2{
  margin:8px 0;
  color:#132238;
  font-size:clamp(24px,3vw,34px);
  line-height:1.12;
}
body.cr-unified-tool-page .vehicle-section-head p,
body.cr-unified-tool-page .health-section-head p{color:#546177;font-size:15px}
body.cr-unified-tool-page .vehicle-eyebrow,
body.cr-unified-tool-page .health-eyebrow{
  padding:4px 10px;
  border-radius:999px;
  background:var(--cr-tool-orange-soft);
  color:#9b5900;
  font-size:11px;
}
body.cr-unified-tool-page .vehicle-eyebrow::before,
body.cr-unified-tool-page .health-eyebrow::before{display:none}
body.cr-unified-tool-page .vehicle-warning,
body.cr-unified-tool-page .health-warning{
  border-color:#f0d39d!important;
  background:#fffaf0!important;
}
body.cr-unified-tool-page .vehicle-warning .vehicle-eyebrow,
body.cr-unified-tool-page .health-warning .health-eyebrow,
body.cr-unified-tool-page .vehicle-warning strong,
body.cr-unified-tool-page .health-warning strong{color:#8a4b00!important}
body.cr-unified-tool-page .vehicle-warning>p,
body.cr-unified-tool-page .health-warning>p{color:#4f4433!important}
body.cr-unified-tool-page .vehicle-formula,
body.cr-unified-tool-page .health-formula{background:#fff3d8;color:#8a4b00!important}
body.cr-unified-tool-page .vehicle-steps li>span,
body.cr-unified-tool-page .health-steps li>span{background:var(--cr-tool-orange);color:#2b1900}
body.cr-unified-tool-page .vehicle-example,
body.cr-unified-tool-page .health-example{border-left-color:var(--cr-tool-orange);background:#fff8e8}
body.cr-unified-tool-page .vehicle-meaning-grid article,
body.cr-unified-tool-page .health-meaning-grid article,
body.cr-unified-tool-page .vehicle-related a,
body.cr-unified-tool-page .health-related a{border-color:#e5eaf2;background:#fff}
body.cr-unified-tool-page .vehicle-meaning-grid span,
body.cr-unified-tool-page .health-meaning-grid span{color:#9b5900}
body.cr-unified-tool-page .vehicle-sidebar,
body.cr-unified-tool-page .health-sidebar{top:94px;gap:16px}
body.cr-unified-tool-page .vehicle-sidebar section,
body.cr-unified-tool-page .health-sidebar section{
  padding:20px;
  border:1px solid var(--cr-tool-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}

@media (max-width:1050px){
  body.cr-unified-tool-page .vehicle-hero-grid,
  body.cr-unified-tool-page .health-hero-grid{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "calculator" "note";
    gap:22px;
    align-items:start;
  }
  body.cr-unified-tool-page .cr-unified-calculator{justify-self:start!important;max-width:720px!important}
  body.cr-unified-tool-page .vehicle-hero-note,
  body.cr-unified-tool-page .health-hero-note{max-width:720px}
  body.cr-unified-tool-page .vehicle-layout,
  body.cr-unified-tool-page .health-layout{grid-template-columns:1fr}
  body.cr-unified-tool-page .vehicle-sidebar,
  body.cr-unified-tool-page .health-sidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:760px){
  body.cr-unified-tool-page .vehicle-hero-grid,
  body.cr-unified-tool-page .health-hero-grid{padding:30px 0 34px}
  body.cr-unified-tool-page .vehicle-hero h1,
  body.cr-unified-tool-page .health-hero h1{font-size:34px}
  body.cr-unified-tool-page .vehicle-lead,
  body.cr-unified-tool-page .health-lead{font-size:16px}
  body.cr-unified-tool-page .cr-unified-calculator{padding:10px!important;border-radius:22px!important}
  body.cr-unified-tool-page .cr-unified-calculator>.cr-calc-card-inner{padding:12px;border-radius:19px}
  body.cr-unified-tool-page .vehicle-fields,
  body.cr-unified-tool-page .health-fields,
  body.cr-unified-tool-page .vehicle-meaning-grid,
  body.cr-unified-tool-page .health-meaning-grid{grid-template-columns:1fr}
  body.cr-unified-tool-page .vehicle-layout,
  body.cr-unified-tool-page .health-layout{padding-top:20px}
  body.cr-unified-tool-page .vehicle-section:not(.cr-unified-calculator),
  body.cr-unified-tool-page .health-section:not(.cr-unified-calculator){padding:17px;border-radius:19px}
  body.cr-unified-tool-page .vehicle-related,
  body.cr-unified-tool-page .health-related,
  body.cr-unified-tool-page .vehicle-sidebar,
  body.cr-unified-tool-page .health-sidebar{grid-template-columns:1fr}
  body.cr-unified-tool-page .vehicle-hero-note strong,
  body.cr-unified-tool-page .health-hero-note strong,
  body.cr-unified-tool-page .vehicle-hero-note p,
  body.cr-unified-tool-page .health-hero-note p{display:block;margin:0}
  body.cr-unified-tool-page .vehicle-hero-note p,
  body.cr-unified-tool-page .health-hero-note p{margin:3px 0 10px}
}

/* --------------------------------------------------------------------------
   Reprise structurelle 2026-08-15b
   Les règles ci-dessous reprennent la hiérarchie réelle des fiches /math/ :
   sections compactes, composants internes variés, FAQ outillée et rail éditorial.
   -------------------------------------------------------------------------- */

body.cr-unified-tool-page .vehicle-main,
body.cr-unified-tool-page .health-main{
  background:#f3f5fb;
}

/* Hero : proportions, densité et finitions identiques aux pages outils /math/. */
body.cr-unified-tool-page .vehicle-hero-grid,
body.cr-unified-tool-page .health-hero-grid{
  grid-template-columns:minmax(360px,.88fr) minmax(520px,1.12fr);
  gap:24px 42px;
  min-height:560px;
  padding:38px 16px 42px!important;
}
body.cr-unified-tool-page .cr-unified-hero-copy{
  max-width:650px;
}
body.cr-unified-tool-page .vehicle-hero h1,
body.cr-unified-tool-page .health-hero h1{
  max-width:720px;
  margin:15px 0 10px;
  font-size:clamp(42px,4.1vw,66px);
  line-height:.99;
  text-wrap:balance;
}
body.cr-unified-tool-page .vehicle-lead,
body.cr-unified-tool-page .health-lead{
  max-width:58ch;
  font-size:clamp(16px,1.2vw,19px);
  line-height:1.6;
}
body.cr-unified-tool-page .vehicle-proof-row,
body.cr-unified-tool-page .health-proof-row{
  margin-top:18px;
}
body.cr-unified-tool-page .vehicle-hero-note,
body.cr-unified-tool-page .health-hero-note{
  max-width:650px;
  padding:15px 17px;
  border-radius:16px;
  background:rgba(64,39,0,.22);
}
body.cr-unified-tool-page .vehicle-hero-note strong,
body.cr-unified-tool-page .health-hero-note strong{
  font-size:12px;
  font-weight:950;
}

/* Calculateur : vraie coque fonctionnelle, lisible et non simple carte recolorée. */
body.cr-unified-tool-page .cr-unified-calculator{
  padding:13px!important;
  border-radius:24px!important;
  background:#101725!important;
  box-shadow:0 28px 58px rgba(57,32,0,.38)!important;
}
body.cr-unified-tool-page .cr-unified-calculator>.cr-calc-card-inner{
  padding:17px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  background:linear-gradient(155deg,#212b3d 0%,#121827 76%);
}
body.cr-unified-tool-page .cr-unified-calculator .cr-section-head,
body.cr-unified-tool-page .cr-unified-calculator .vehicle-section-head,
body.cr-unified-tool-page .cr-unified-calculator .health-section-head{
  margin-bottom:13px;
}
body.cr-unified-tool-page .cr-unified-calculator .cr-unified-calc-head h2,
body.cr-unified-tool-page .cr-unified-calculator .vehicle-section-head h2,
body.cr-unified-tool-page .cr-unified-calculator .health-section-head h2{
  margin:9px 0 5px!important;
  color:#fff!important;
  font-size:clamp(21px,2vw,29px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
body.cr-unified-tool-page .cr-unified-calculator .cr-unified-calc-head p,
body.cr-unified-tool-page .cr-unified-calculator .vehicle-section-head p,
body.cr-unified-tool-page .cr-unified-calculator .health-section-head p{
  color:#c1cadb!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.cr-unified-tool-page .cr-unified-calculator .vehicle-form,
body.cr-unified-tool-page .cr-unified-calculator .health-form{
  margin-top:0!important;
}
body.cr-unified-tool-page .vehicle-fields,
body.cr-unified-tool-page .health-fields{
  gap:9px 10px;
}
body.cr-unified-tool-page .vehicle-field input,
body.cr-unified-tool-page .vehicle-field select,
body.cr-unified-tool-page .health-field input,
body.cr-unified-tool-page .health-field select{
  min-height:44px;
  border-radius:11px;
  background:#eef3ff;
}
body.cr-unified-tool-page .vehicle-submit,
body.cr-unified-tool-page .health-submit{
  min-height:42px;
  margin-top:11px;
  border-radius:11px;
}
body.cr-unified-tool-page .vehicle-result,
body.cr-unified-tool-page .health-result{
  min-height:102px;
  margin-top:11px;
  border-radius:17px;
  background:linear-gradient(145deg,#f6f8ff,#e9effb);
}

/* Colonne principale : socle /math/ et rythme plus éditorial. */
body.cr-unified-tool-page .vehicle-layout,
body.cr-unified-tool-page .health-layout{
  grid-template-columns:minmax(0,1fr) 310px;
  gap:18px;
  padding:24px 16px 50px!important;
}
body.cr-unified-tool-page .vehicle-content,
body.cr-unified-tool-page .health-content{
  display:grid;
  gap:16px;
}
body.cr-unified-tool-page .cr-section.cr-surface.vehicle-section,
body.cr-unified-tool-page .cr-section.cr-surface.health-section,
body.cr-unified-tool-page .vehicle-section:not(.cr-unified-calculator),
body.cr-unified-tool-page .health-section:not(.cr-unified-calculator){
  margin:0!important;
  padding:21px!important;
  border:1px solid #e3e8f0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(15,23,42,.055)!important;
}
body.cr-unified-tool-page .cr-section-head.vehicle-section-head,
body.cr-unified-tool-page .cr-section-head.health-section-head,
body.cr-unified-tool-page .vehicle-section-head,
body.cr-unified-tool-page .health-section-head{
  max-width:none;
  margin-bottom:14px;
}
body.cr-unified-tool-page .vehicle-section-head h2,
body.cr-unified-tool-page .health-section-head h2{
  margin:5px 0 0;
  font-size:clamp(23px,2.2vw,30px);
  line-height:1.08;
  letter-spacing:-.035em;
}
body.cr-unified-tool-page .vehicle-section-head>p:not(.vehicle-formula),
body.cr-unified-tool-page .health-section-head>p:not(.health-formula){
  margin-top:7px;
  font-size:14px;
  line-height:1.55;
}
body.cr-unified-tool-page .cr-eyebrow.vehicle-eyebrow,
body.cr-unified-tool-page .cr-eyebrow.health-eyebrow,
body.cr-unified-tool-page .vehicle-eyebrow,
body.cr-unified-tool-page .health-eyebrow{
  min-height:22px;
  margin:0 0 2px;
  padding:3px 8px;
  border-radius:999px;
  background:#fff0c9;
  color:#8a4b00;
  font-size:9px;
  font-weight:950;
  letter-spacing:.085em;
}

/* Méthode : trois cartes numérotées, puis exemple contrôlable autonome. */
body.cr-unified-tool-page .vehicle-formula,
body.cr-unified-tool-page .health-formula{
  display:inline-flex!important;
  max-width:100%;
  margin-top:10px!important;
  padding:8px 11px;
  border:1px solid #ffe1a8;
  border-radius:10px;
  background:#fff3d8!important;
  color:#7b4500!important;
  font-size:12px!important;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.cr-unified-tool-page .vehicle-steps,
body.cr-unified-tool-page .health-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0;
}
body.cr-unified-tool-page .vehicle-steps li,
body.cr-unified-tool-page .health-steps li{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-height:132px;
  padding:14px;
  border:1px solid #e5eaf2;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fafbfe);
}
body.cr-unified-tool-page .vehicle-steps li>span,
body.cr-unified-tool-page .health-steps li>span{
  width:29px;
  height:29px;
  flex:0 0 29px;
  border-radius:10px;
  background:#ffa300;
  color:#2b1900;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
}
body.cr-unified-tool-page .vehicle-steps p,
body.cr-unified-tool-page .health-steps p{
  margin:0;
  color:#4f5d72;
  font-size:13px;
  line-height:1.5;
}
body.cr-unified-tool-page .vehicle-example,
body.cr-unified-tool-page .health-example{
  position:relative;
  margin-top:11px;
  padding:14px 16px 14px 18px;
  border:0;
  border-left:4px solid #ffa300;
  border-radius:0 15px 15px 0;
  background:linear-gradient(90deg,#fff3d7,#fffaf0);
}
body.cr-unified-tool-page .vehicle-example p,
body.cr-unified-tool-page .health-example p{
  margin:4px 0 0;
  font-size:13px;
  line-height:1.5;
}

/* Interprétation : petites cartes utiles, pas un second grand pavé blanc. */
body.cr-unified-tool-page .vehicle-meaning-grid,
body.cr-unified-tool-page .health-meaning-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.cr-unified-tool-page .vehicle-meaning-grid article,
body.cr-unified-tool-page .health-meaning-grid article{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
  min-height:76px;
  align-items:start;
  padding:13px;
  border:1px solid #e5eaf2;
  border-radius:15px;
  background:#fff;
}
body.cr-unified-tool-page .vehicle-meaning-grid article>span,
body.cr-unified-tool-page .health-meaning-grid article>span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:9px;
  background:#fff0c9;
  color:#8a4b00;
  font-size:13px;
}
body.cr-unified-tool-page .vehicle-meaning-grid p,
body.cr-unified-tool-page .health-meaning-grid p{
  margin:2px 0 0;
  color:#4d5a6e;
  font-size:13px;
  line-height:1.48;
}

/* Limites : panneau ivoire distinct, sans code couleur médical artificiel. */
body.cr-unified-tool-page .cr-section.vehicle-warning,
body.cr-unified-tool-page .cr-section.health-warning,
body.cr-unified-tool-page .vehicle-warning,
body.cr-unified-tool-page .health-warning{
  position:relative;
  overflow:hidden;
  border-color:#f0d39d!important;
  background:linear-gradient(135deg,#fffaf0,#fff5df)!important;
  box-shadow:none!important;
}
body.cr-unified-tool-page .vehicle-warning::after,
body.cr-unified-tool-page .health-warning::after{
  content:"!";
  position:absolute;
  right:18px;
  top:12px;
  color:rgba(138,75,0,.10);
  font-size:72px;
  font-weight:950;
  line-height:1;
}
body.cr-unified-tool-page .vehicle-warning>p,
body.cr-unified-tool-page .health-warning>p{
  position:relative;
  z-index:1;
  margin:8px 0 0;
  max-width:92%;
  font-size:14px;
  line-height:1.65;
}

/* Sources : chaque référence devient un composant identifiable. */
body.cr-unified-tool-page .vehicle-sources,
body.cr-unified-tool-page .health-sources{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:0;
  padding:0;
}
body.cr-unified-tool-page .vehicle-sources li,
body.cr-unified-tool-page .health-sources li{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:58px;
  padding:11px 12px;
  border:1px solid #e5eaf2;
  border-radius:14px;
  background:#fafbfe;
}
body.cr-unified-tool-page .vehicle-sources li::before,
body.cr-unified-tool-page .health-sources li::before{
  content:"↗";
  position:static;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:9px;
  background:#fff0c9;
  color:#8a4b00;
  font-size:12px;
  font-weight:950;
}
body.cr-unified-tool-page .vehicle-sources a,
body.cr-unified-tool-page .health-sources a{
  color:#27354a;
  font-size:13px;
  font-weight:850;
  line-height:1.4;
  text-decoration:none;
}
body.cr-unified-tool-page .vehicle-sources a:hover,
body.cr-unified-tool-page .health-sources a:hover{
  color:#8a4b00;
  text-decoration:underline;
  text-underline-offset:3px;
}
body.cr-unified-tool-page .vehicle-source-policy,
body.cr-unified-tool-page .health-source-policy{
  margin:13px 0 0;
  padding-top:12px;
  font-size:12px;
  line-height:1.5;
}

/* FAQ : accordéon /math/ avec commande circulaire explicite. */
body.cr-unified-tool-page .vehicle-faq,
body.cr-unified-tool-page .health-faq{
  display:grid;
  gap:8px;
}
body.cr-unified-tool-page .vehicle-faq details,
body.cr-unified-tool-page .health-faq details{
  overflow:hidden;
  border:1px solid #e3e8f0;
  border-radius:15px;
  background:#fff;
}
body.cr-unified-tool-page .vehicle-faq summary,
body.cr-unified-tool-page .health-faq summary{
  position:relative;
  display:flex;
  align-items:center;
  min-height:48px;
  padding:11px 52px 11px 15px;
  color:#172033;
  font-size:13px;
  font-weight:900;
  line-height:1.35;
  cursor:pointer;
  list-style:none;
}
body.cr-unified-tool-page .vehicle-faq summary::-webkit-details-marker,
body.cr-unified-tool-page .health-faq summary::-webkit-details-marker{display:none}
body.cr-unified-tool-page .vehicle-faq summary::after,
body.cr-unified-tool-page .health-faq summary::after{
  content:"+";
  position:absolute;
  right:13px;
  top:50%;
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:#fff0c9;
  color:#8a4b00;
  font-size:16px;
  font-weight:950;
  transform:translateY(-50%);
}
body.cr-unified-tool-page .vehicle-faq details[open] summary::after,
body.cr-unified-tool-page .health-faq details[open] summary::after{
  content:"×";
  background:#ffa300;
  color:#2b1900;
}
body.cr-unified-tool-page .vehicle-faq details p,
body.cr-unified-tool-page .health-faq details p{
  margin:0;
  padding:0 15px 14px;
  color:#586376;
  font-size:13px;
  line-height:1.55;
}

/* Outils proches : cartes compactes avec vraie affordance. */
body.cr-unified-tool-page .vehicle-related,
body.cr-unified-tool-page .health-related{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
body.cr-unified-tool-page .vehicle-related a,
body.cr-unified-tool-page .health-related a{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:98px;
  padding:14px 38px 13px 14px;
  border:1px solid #e3e8f0;
  border-radius:15px;
  background:linear-gradient(180deg,#fff,#fafbfe);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.cr-unified-tool-page .vehicle-related a::after,
body.cr-unified-tool-page .health-related a::after{
  content:"›";
  position:absolute;
  right:13px;
  top:13px;
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:8px;
  background:#fff0c9;
  color:#8a4b00;
  font-weight:950;
}
body.cr-unified-tool-page .vehicle-related a:hover,
body.cr-unified-tool-page .health-related a:hover{
  border-color:#ffd391;
  box-shadow:0 10px 22px rgba(15,23,42,.07);
  transform:translateY(-2px);
}
body.cr-unified-tool-page .vehicle-related strong,
body.cr-unified-tool-page .health-related strong{
  color:#172033;
  font-size:13px;
  line-height:1.35;
}
body.cr-unified-tool-page .vehicle-related span,
body.cr-unified-tool-page .health-related span{
  margin-top:6px;
  color:#788397;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* Rail : mêmes cartes éditoriales, plus compactes et hiérarchisées. */
body.cr-unified-tool-page .cr-sidebar.vehicle-sidebar,
body.cr-unified-tool-page .cr-sidebar.health-sidebar,
body.cr-unified-tool-page .vehicle-sidebar,
body.cr-unified-tool-page .health-sidebar{
  top:92px;
  display:grid;
  gap:12px;
}
body.cr-unified-tool-page .vehicle-sidebar .cr-sidebar-card,
body.cr-unified-tool-page .health-sidebar .cr-sidebar-card,
body.cr-unified-tool-page .vehicle-sidebar section,
body.cr-unified-tool-page .health-sidebar section{
  margin:0!important;
  padding:16px!important;
  border:1px solid #e3e8f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 9px 22px rgba(15,23,42,.055)!important;
}
body.cr-unified-tool-page .vehicle-sidebar section:first-child,
body.cr-unified-tool-page .health-sidebar section:first-child{
  border-color:#ffd69a!important;
  background:linear-gradient(145deg,#fffaf0,#fff2d4)!important;
}
body.cr-unified-tool-page .vehicle-sidebar h2,
body.cr-unified-tool-page .health-sidebar h2{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.2;
}
body.cr-unified-tool-page .vehicle-sidebar p,
body.cr-unified-tool-page .health-sidebar p{
  color:#5d6879;
  font-size:12px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
body.cr-unified-tool-page .vehicle-sidebar dl,
body.cr-unified-tool-page .health-sidebar dl{
  gap:0;
}
body.cr-unified-tool-page .vehicle-sidebar dl div,
body.cr-unified-tool-page .health-sidebar dl div{
  min-height:36px;
  align-items:center;
  padding:7px 0;
}
body.cr-unified-tool-page .vehicle-side-link,
body.cr-unified-tool-page .health-side-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:38px;
  margin-top:11px;
  padding:8px 11px;
  border-radius:11px;
  background:#fff0c9;
  color:#7b4500;
  font-size:12px;
  font-weight:900;
}
body.cr-unified-tool-page .vehicle-side-link::after,
body.cr-unified-tool-page .health-side-link::after{content:"›";font-size:17px}

@media (max-width:1180px){
  body.cr-unified-tool-page .vehicle-hero-grid,
  body.cr-unified-tool-page .health-hero-grid{
    grid-template-columns:minmax(300px,.82fr) minmax(460px,1.18fr);
  }
  body.cr-unified-tool-page .vehicle-layout,
  body.cr-unified-tool-page .health-layout{
    grid-template-columns:minmax(0,1fr) 280px;
  }
}

@media (max-width:1050px){
  body.cr-unified-tool-page .vehicle-hero-grid,
  body.cr-unified-tool-page .health-hero-grid{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "calculator" "note";
    min-height:0;
    padding-top:34px!important;
  }
  body.cr-unified-tool-page .cr-unified-calculator{max-width:760px!important}
  body.cr-unified-tool-page .vehicle-layout,
  body.cr-unified-tool-page .health-layout{grid-template-columns:1fr}
  body.cr-unified-tool-page .cr-sidebar.vehicle-sidebar,
  body.cr-unified-tool-page .cr-sidebar.health-sidebar,
  body.cr-unified-tool-page .vehicle-sidebar,
  body.cr-unified-tool-page .health-sidebar{
    position:static;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:760px){
  body.cr-unified-tool-page .vehicle-hero-grid,
  body.cr-unified-tool-page .health-hero-grid{
    gap:18px;
    padding:27px 16px 30px!important;
  }
  body.cr-unified-tool-page .vehicle-hero h1,
  body.cr-unified-tool-page .health-hero h1{
    font-size:clamp(34px,11vw,46px);
  }
  body.cr-unified-tool-page .cr-unified-calculator .vehicle-fields,
  body.cr-unified-tool-page .cr-unified-calculator .health-fields,
  body.cr-unified-tool-page .vehicle-steps,
  body.cr-unified-tool-page .health-steps,
  body.cr-unified-tool-page .vehicle-meaning-grid,
  body.cr-unified-tool-page .health-meaning-grid,
  body.cr-unified-tool-page .vehicle-sources,
  body.cr-unified-tool-page .health-sources,
  body.cr-unified-tool-page .vehicle-related,
  body.cr-unified-tool-page .health-related,
  body.cr-unified-tool-page .cr-sidebar.vehicle-sidebar,
  body.cr-unified-tool-page .cr-sidebar.health-sidebar,
  body.cr-unified-tool-page .vehicle-sidebar,
  body.cr-unified-tool-page .health-sidebar{
    grid-template-columns:1fr;
  }
  body.cr-unified-tool-page .vehicle-steps li,
  body.cr-unified-tool-page .health-steps li{min-height:0}
  body.cr-unified-tool-page .vehicle-layout,
  body.cr-unified-tool-page .health-layout{padding:18px 16px 38px!important}
  body.cr-unified-tool-page .cr-section.cr-surface.vehicle-section,
  body.cr-unified-tool-page .cr-section.cr-surface.health-section,
  body.cr-unified-tool-page .vehicle-section:not(.cr-unified-calculator),
  body.cr-unified-tool-page .health-section:not(.cr-unified-calculator){
    padding:17px!important;
    border-radius:18px!important;
  }
}
