/* ============================================================================
   REKOV — 01 · le résultat estampé
   ----------------------------------------------------------------------------
   POURQUOI CE FICHIER EXISTE

   Le socle §2 verrouille le fond sombre comme registre dominant, au motif que
   « le sombre donne au chiffre en terre brûlée une valeur de signal qu'il perd
   sur blanc ». La section 01 passe pourtant au jour, et c'est elle qui porte le
   chiffre le plus important du site : l'estimation personnelle du visiteur.

   Mesure faite sur la maquette réelle, en classant chaque encre par son
   contraste contre SON fond :

     Héro, fond sombre      texte 18,21  ·  ACCENT 8,05  ·  secondaire 7,51
     01, fond clair         texte 18,21  ·  secondaire 7,03  ·  ACCENT 4,97

   Le socle a raison, et le mécanisme est précis : sur fond sombre l'accent
   passe DEVANT le texte secondaire dans la pile de contraste ; sur fond clair
   il passe DERRIÈRE. Le nombre de l'estimation était l'élément le plus grand de
   la section et simultanément son encre la plus faible — moins contrastée que
   les petites légendes grises posées juste à côté. Seule sa taille le portait.
   C'est exactement ce que le socle appelle se banaliser : il se lit comme un
   contenu, plus comme un signal.

   LA CORRECTION, SANS RENONCER AU PAPIER

   Repasser la section entière en sombre sacrifierait l'intention inverse — les
   chiffres du visiteur se posent sur du papier — et cette intention est juste :
   c'est la seule section où il manipule quelque chose.

   Le résultat est donc ESTAMPÉ. Le formulaire, le curseur et les critères
   restent sur le papier ; seule la plaque de résultat prend l'encre. Sur un
   document, le résultat n'est pas écrit à la main : il est tamponné.

   Mécaniquement, il suffit de redéclarer le jeu de tokens sombre sur la
   plaque : style.css scope --bg/--fg/--fg-2/--accent/--rule par registre, donc
   l'odomètre, les filets et les légendes basculent seuls. L'accent y redevient
   terre claire — conforme au socle §2, « terre claire sur fond sombre » — et
   reprend son rang 2 à 8,05.
============================================================================ */

.sim-plate {
  /* Le jeu sombre, rétabli à l'identique de :root (style.css §0). */
  --bg:     var(--ink);
  --fg:     var(--blanc);
  --fg-2:   var(--gris-inv);
  --accent: var(--terre);
  --rule:   var(--hair-d);
  --on-accent: var(--ink);

  background: var(--bg);
  color: var(--fg);
  /* Le filet 2 px de tête appartient désormais à la plaque : à l'intérieur, il
     doublerait l'arête. */
  border-top: 2px solid var(--fg);
  padding: clamp(1.2rem, 2.4vw, 1.7rem) clamp(1.2rem, 2.6vw, 1.9rem) clamp(1.4rem, 2.8vw, 2rem);
}

/* L'étiquette perd son propre filet : l'arête de la plaque le porte. */
.sim-plate .sim-out__label {
  border-top: 0; padding-top: 0;
  margin-bottom: clamp(1.4rem, 2.8vw, 2rem);
}

/* Ce qui suit la plaque reste sur le papier — action et mention. */


/* ------------------------------------------------------------------ *
 * LES CRITÈRES QUALIFIANTS — une rangée de trois
 * ------------------------------------------------------------------
 * Remplace la pile de trois lignes à filet, chacune doublée d'une phrase
 * d'explication : six lignes de lecture avant d'atteindre le résultat, dans
 * une section dont tout l'intérêt est de se comprendre d'un regard. La note
 * qui détaillait le calcul du plafond disparaît avec elles.
 *
 * Les phrases sont remplacées par un qualificatif de deux mots en mono. Le
 * filet de tête passe en terre à l'activation : c'est le signal du marqueur
 * de section, appliqué à l'échelle du contrôle.
 * ------------------------------------------------------------------ */
.sim-checks__row {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.5rem, 1.2vw, 0.8rem);
}
.sim-checks__row .sim-check {
  display: grid; gap: 0.55rem; align-content: start;
  width: 100%; text-align: left; cursor: pointer;
  background: none; color: inherit;
  border: 1px solid var(--rule); border-top: 2px solid var(--rule);
  padding: clamp(0.8rem, 1.8vw, 1.15rem);
  transition: border-color var(--t-med) var(--ease),
              background-color var(--t-med) var(--ease);
}
.sim-checks__row .sim-check:hover { border-color: var(--fg-2); }
.sim-checks__row .sim-check__box {
  width: 15px; height: 15px; margin: 0;
  border: 1px solid var(--rule); position: relative;
  transition: border-color var(--t-med) var(--ease);
}
.sim-checks__row .sim-check__box::after {
  content: ""; position: absolute; inset: 3px; background: var(--accent);
  transform: scale(0); transition: transform 0.28s var(--ease);
}
.sim-checks__row .sim-check__t {
  font-size: 0.875rem; font-weight: 500; line-height: 1.3; color: var(--fg);
}
.sim-check__s {
  font-family: var(--fm); font-size: 0.4375rem;
  letter-spacing: 0.13em; text-transform: uppercase; color: var(--fg-2);
}
.sim-checks__row .sim-check[aria-pressed="true"] {
  border-top-color: var(--accent);
  background: rgba(194, 65, 12, 0.03);
}
.sim-checks__row .sim-check[aria-pressed="true"] .sim-check__box { border-color: var(--accent); }
.sim-checks__row .sim-check[aria-pressed="true"] .sim-check__box::after { transform: scale(1); }

@media (max-width: 720px) {
  .sim-checks__row { grid-template-columns: minmax(0, 1fr); }
}


/* ------------------------------------------------------------------ *
 * LA NOTE DE MÉTHODE — pied de section, pleine largeur
 * ------------------------------------------------------------------
 * Remontée de la section 02, où elle n'avait pas d'objet : elle qualifie la
 * fourchette que CETTE section calcule.
 *
 * Placée après le CTA dans l'ordre de lecture, et hors des deux colonnes.
 * C'est un argument de crédibilité — décisif pour un lecteur sceptique, poids
 * mort pour un lecteur qui convertit : il ne doit jamais s'interposer entre le
 * chiffre et le bouton.
 * ------------------------------------------------------------------ */
.sim-src {
  margin-top: clamp(2rem, 4vw, 3rem);
  border-top: 1px solid var(--rule);
  padding-top: 0.85rem;
}
.sim-src p { margin: 0; font-size: 0.75rem; line-height: 1.65; color: var(--fg-2); }
/* L'intitulé reste en tête de ligne, sur la même ligne que le texte : en
   display:block il forçait le paragraphe sous lui, ce qui redonnait au bloc
   l'allure d'une colonne. */
.sim-src strong { color: var(--fg); font-weight: 500; }