/* ============================================================
   IA Dimension — radar.css
   Styles propres au Radar Subventions (/radar-subventions). Depend de
   tokens.css/base.css/components.css, charges avant lui (voir head.html) :
   ce fichier n'ajoute QUE ce qu'aucune classe globale ne couvre deja — le
   mecanisme des quatre ecrans, le questionnaire, les cartes de resultat.
   Les champs, le consentement, les boutons et les cartes reutilisent .field,
   .consent, .btn et .card du site tels quels, sans surcharge ici.
   ============================================================ */

/* ---- Quatre écrans, un seul affiché ---- */
.screen{display:none}
.screen.actif{display:block;animation:radar-entree .35s ease}
@keyframes radar-entree{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.screen.actif{animation:none}}

/* ---- Accueil ---- */
.promesses{margin:24px 0 30px;display:grid;gap:10px}
.promesses li{list-style:none;display:flex;gap:10px;color:var(--ink-2);font-size:14.5px}
.promesses li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:9px}

/* ---- Questionnaire ---- */
.progression{height:3px;background:var(--line);border-radius:2px;margin-bottom:30px;overflow:hidden}
.progression i{display:block;height:100%;background:var(--accent);width:0;transition:width .3s ease}
.q-note{margin-bottom:18px;font-size:13px}
.options{display:grid;gap:10px;margin-top:22px}
@media(min-width:640px){.options.deux{grid-template-columns:1fr 1fr}}
.opt{text-align:left;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);
  padding:16px 18px;color:var(--ink-2);font-size:15px;font-family:inherit;box-shadow:var(--shadow-sm);
  transition:border-color .15s ease,background .15s ease}
.opt:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--ink)}

/* ---- Coordonnées : erreur de validation (couleur reprise de .field .err) ---- */
.erreur{display:none;color:#B23B3B;font-size:.85rem;margin:-6px 0 4px}
.erreur.visible{display:block}

/* ---- Résultats ---- */
.avis{background:var(--accent-tint);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--r-sm);padding:15px 17px;font-size:13.5px;color:var(--ink-2);margin:24px 0 32px}
.note-locale{background:var(--cream-2);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:13px 16px;font-size:13.5px;color:var(--ink-2);margin-bottom:14px}

/* Chronologie des trois phases (diagnostic, implantation, financement) */
.phase{position:relative;padding-left:26px;margin-bottom:32px}
.phase::before{content:"";position:absolute;left:6px;top:30px;bottom:-22px;width:1px;background:var(--line)}
.phase:last-of-type::before{display:none}
.phase-tete{position:relative;margin-bottom:14px}
.phase-tete::before{content:"";position:absolute;left:-24px;top:7px;width:13px;height:13px;
  border-radius:50%;border:2px solid var(--accent);background:var(--cream)}
.phase-num{font-family:var(--mono);font-feature-settings:"liga" 0,"calt" 0;font-size:11px;
  font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}
.phase-titre{font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink);margin-top:2px}

/* Carte de programme : .carte porte la mise en page, .card (posee dans le
   HTML) porte deja le fond, la bordure, le rayon et l'ombre. */
.carte{padding:20px;margin-bottom:14px}
.carte-haut{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:6px}
.carte h3{font-family:var(--display);font-size:16px;font-weight:600;line-height:1.3;color:var(--ink)}
.carte .org{font-size:12.5px;color:var(--muted);margin-bottom:10px}
.carte p{font-size:14px;color:var(--ink-2);margin-bottom:10px}
.indicatif{font-size:13.5px;color:var(--ink)}
.indicatif b{font-weight:600}
.caveat{font-size:13px;color:#8A5A00;margin-top:8px}
.tampon{display:inline-block;margin-top:14px;font-family:var(--mono);
  font-feature-settings:"liga" 0,"calt" 0;border:1px dashed var(--line-2);
  border-radius:var(--r-sm);padding:6px 11px;font-size:11px;color:var(--muted)}

/* Badge de type de programme */
.badge{flex:none;font-size:10.5px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;border-radius:var(--r-pill);padding:4px 10px}
.badge.subvention{color:var(--accent-deep);border:1px solid var(--accent-tint);background:var(--accent-tint)}
.badge.pret{color:#8A5A00;border:1px solid rgba(255,180,0,.35);background:#FFF6E2}
.badge.contribution{color:var(--ink-2);border:1px solid var(--line-2);background:var(--cream)}

.suite{border-top:1px solid var(--line);margin-top:8px;padding-top:24px}
.suite p{font-size:13.5px;color:var(--muted);margin-bottom:24px}
.cta-bloc{padding:26px;text-align:left}
.cta-bloc h3{font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink);margin-bottom:8px}
.cta-bloc p{font-size:14px;color:var(--ink-2);margin-bottom:20px}