/* ============================================================================
   RCF — DIRECTION ARTISTIQUE DES ENTRETIENS INDIVIDUELS
   ----------------------------------------------------------------------------
   EI-01 : l'entretien doit ressembler à une conversation, pas à un écran de
   scoring. Même charte RCF — bleu pétrole, bordures acier, accent jaune — mais
   beaucoup moins de chrome.

   Ce qui a disparu de cette feuille avec la refonte :
   · `.intv-title` / `.intv-context` — l'en-tête à cinq étages ;
   · `.intv-type` — le badge de type, qui se lisait comme une note ;
   · `.intv-arguments`, `.intv-axis`, `.intv-left`, `.intv-guarantee` — l'ancien
     écran de répartition d'arguments, remplacé par les cartes de priorité et
     dont plus aucune ligne de code n'émettait le balisage.
   ============================================================================ */

/* ---- L'EN-TÊTE : deux lignes, plus un bandeau ---------------------------- */
.intv-head{
  margin:0 -19px 14px; padding:13px 19px 12px;
  border-bottom:1px solid rgba(174,211,231,.24);
  background:linear-gradient(90deg,rgba(37,91,122,.44),rgba(12,36,55,.20));
  position:relative; z-index:1;
}
.intv-scene{
  margin:0; color:#a9c3d2; font:600 10px/1.25 var(--mono);
  letter-spacing:.15em; text-transform:uppercase;
}
.intv-poste{
  margin:3px 0 0; color:#f8fbff; font:700 17px/1.15 var(--disp);
  letter-spacing:.015em; text-wrap:balance;
}
/* Le salaire n'apparaît que là où le joueur peut réellement demander une
   revalorisation — l'écran de priorité. Ailleurs, il n'a rien à y faire. */
.intv-paie{
  margin:6px 0 0; color:#a9c3d2; font:600 10px/1.3 var(--mono);
  letter-spacing:.11em; text-transform:uppercase;
}
.intv-paie b{ color:#f5c84e; font-family:var(--mono); letter-spacing:.02em; }

/* LE PAS DE L'ENTRETIEN — HORS DE VUE, MAIS TOUJOURS RENDU.
   Le joueur n'a pas besoin de savoir qu'il est « à l'étape 2 sur 5 » (§8).
   Mais vingt outils lisent `.intv-step`, et deux passent par `innerText`, qui
   rend une chaîne vide sur un `display:none`. D'où ce masquage : l'élément
   reste dans l'arbre de rendu, donc `innerText` continue de le voir. */
.intv-step{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%);
  white-space:nowrap; border:0;
}

/* ---- LA CONVERSATION ------------------------------------------------------
   `.intv-amorce` est la narration : elle vouvoie le joueur.
   `.intv-dit` est la parole du responsable : elle le tutoie, comme le fait le
   corpus des 540 entretiens. Les deux ne doivent pas se ressembler. */
.intv-amorce{
  margin:0 0 7px; color:#a9c3d2; font:500 13px/1.45 var(--ui);
}
.intv-dit{
  margin:0 0 4px; padding:2px 0 2px 13px;
  border-left:3px solid rgba(245,200,78,.55);
  color:#f2f7fb; font:500 16px/1.5 var(--ui); font-style:italic;
}
.intv-dit::before{ content:"\201C"; }
.intv-dit::after{ content:"\201D"; }

/* ---- LA SCÈNE RESPIRE -----------------------------------------------------
   L'ancienne carte imposait 74dvh, portés à 80dvh sous 430 px, et poussait les
   boutons tout en bas avec `margin-top:auto` : d'où la grande carte opaque et
   le vide noir en bas d'écran que le §17 veut voir disparaître. La carte prend
   désormais la hauteur de son contenu, et le décor reste visible autour. */
body.rcf-milestone-event .stats,
body.rcf-milestone-event #plate{ display:none!important }
#eventCard.milestone-event{
  min-height:0; display:flex; flex-direction:column; justify-content:flex-start;
}
#eventCard.milestone-event .choices{ margin-top:16px; padding-top:0 }

/* ---- MOBILE D'ABORD (§19) ------------------------------------------------ */
@media(max-width:430px){
  .intv-head{ margin:0 -16px 12px; padding:11px 16px 10px }
  .intv-poste{ font-size:16px }
  .intv-dit{ font-size:15px; line-height:1.46; padding-left:11px }
  .intv-amorce{ font-size:12.5px }
}
@media(max-width:359px){
  .intv-head{ margin:0 -14px 11px; padding:10px 14px 9px }
  .intv-scene{ font-size:9px; letter-spacing:.13em }
  .intv-poste{ font-size:15px }
  .intv-dit{ font-size:14.5px; padding-left:10px }
  .intv-amorce{ font-size:12px }
}

/* ---- LA CLÔTURE DE L'ENTRETIEN -------------------------------------------
   EI-01 — L'écran 5 ouvre (« le point à travailler », une décision à prendre),
   les cartes terminales ferment. Sans numéro d'étape pour les distinguer, la
   différence doit être narrative ET visuelle : un filet de fermeture, une
   synthèse resserrée, et une sortie qui ne ressemble pas à une question
   suivante. Aucun badge, aucune pastille, aucun compteur. */
.intv-cloture{
  margin:2px 0 0; padding:13px 0 2px;
  border-top:1px solid rgba(174,211,231,.22);
}
.intv-cloture .intv-amorce{ color:#93aab8; letter-spacing:.02em }
.intv-cloture .etitle{ margin-top:2px }
/* La synthèse de fin est plus courte et plus calme que le corps d'un écran
   qui attend une réponse. */
.intv-cloture .ebody{ color:#c8d8e2; font-size:14.5px; line-height:1.5 }
@media(max-width:430px){ .intv-cloture .ebody{ font-size:13.5px } }