/* Outils et pages de contenu en V2 « plan d'ingénieur » (lot 7) : outils (TVA, vérifier un devis, kit
   solaire, comparateur, eau chaude solaire, visualiseur de calepinage), FAQ, rentabilité par ville, à
   propos, méthodologie et les articles du blog. Chargée seulement si `design_plan`, APRÈS la feuille
   de couleurs générée de la page (static/frontend/css/plan_contenus/<page>.css), qui porte aussi le
   remappage des jetons (`frontend/design_couleurs.JETONS`).

   Comme au parcours, HTML et JavaScript ne bougent pas : on RHABILLE. Ces pages n'ont pas de racine
   propre, tout est rangé sous `main` (le contenu de base.html). */

body.plan main{font-family:var(--p-titre);color:var(--p-texte2)}

/* ── 1. Angles droits. !important : bien des arrondis sont écrits dans un style="". Les formes
   rondes (pastilles, points) sont redites par la feuille générée, d'un poids supérieur. ── */
body.plan main *{border-radius:0 !important}

/* ── 2. Titres : Archivo étiré ; capitales pour le titre de page et les intertitres ── */
body.plan main :is(h1,h2){font-family:var(--p-titre);font-stretch:118%;font-weight:850;text-transform:uppercase;letter-spacing:-.005em;color:var(--p-fort)}
/* Les titres d'articles sont longs : en capitales étirées, leur taille d'origine (jusqu'à 56 px)
   les étalait sur six lignes. !important : plusieurs articles écrivent cette taille dans un style="". */
body.plan main h1{line-height:1.04;font-size:clamp(28px,3.3vw,44px) !important}
body.plan main h3{font-family:var(--p-titre);font-stretch:110%;color:var(--p-fort)}
body.plan main :is(code,kbd,samp,.mono){font-family:var(--p-mono)}

/* ── 3. Champs de saisie des outils ── */
body.plan main :is(input[type=text],input[type=number],input[type=email],input[type=search],input:not([type]),select,textarea){
  font-family:var(--p-mono);color:var(--p-fort);background-color:var(--p-surface-fort);border-color:var(--p-trait-doux)}
body.plan main :is(input,select,textarea):focus-visible{outline:2px solid var(--p-or);outline-offset:1px}
body.plan main select option{background:var(--p-fond2);color:var(--p-trait)}

/* ── 4. Corrections manuelles (défauts de contraste relevés à l'audit, la plupart déjà présents
   dans le design actuel) ── */
/* À propos : années de la frise en jaune sur fond clair (1,8:1) */
body.plan main .tl-annee{color:var(--p-or-petit) !important}
/* Autoconsommation, pastilles des trois modes : fond tiré d'une variable de carte posée en ligne
   (`--mc:var(--navy)`) ; marine et sarcelle restent foncés sous le chiffre blanc, orange sous du marine */
body.plan main .mode-card[style*="--mc:var(--navy)"] .mode-num{background:var(--p-plein-marine)}
body.plan main .mode-card[style*="--mc:var(--teal)"] .mode-num{background:#0F766E}
body.plan main .mode-card--orange .mode-num{color:var(--p-sur-orange)}
/* Tableaux : posés sur le quadrillage, l'ambre des cellules d'alerte tombait à 4,46:1 */
body.plan main table{background-color:var(--p-surface-fort)}
/* Visualiseur de calepinage : note grise sur sable (4,2:1) */
body.plan main .cal-pub__note{color:var(--p-texte2)}