/* ══════════════════════════════════════
   FICHE RÉFLEXE · synthèse à garder sous la main
   rubriques, contacts (copie du numéro au clic), orientation INF / CNIN, impression
══════════════════════════════════════ */

.simple-hero--fiche{padding-bottom:3rem}
.fiche-body{padding-block:3rem 1rem}
.lesson-section.fiche{padding-bottom:2.6rem;margin-bottom:2.6rem}

/* orientation : les deux services nationaux en tête des contacts */
.orient{margin-bottom:1.4rem}
.orient-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

/* contacts utiles */
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-bottom:1.4rem}
.contact{
  display:grid;gap:.3rem;align-content:start;padding:1.1rem 1.2rem;border-radius:var(--r-card);
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);
}
.contact-org{font-weight:800;font-size:.95rem;color:var(--ink)}
.contact-num{
  display:inline-flex;align-items:center;gap:.45rem;justify-self:start;
  font-size:1.2rem;font-weight:800;color:var(--violet-ink);text-decoration:none;font-variant-numeric:tabular-nums lining-nums;
  padding:.25rem .6rem .25rem .25rem;margin-left:-.25rem;border-radius:var(--r-pill);
  transition:background-color .2s ease, transform .16s var(--ease-out);
}
.contact-num .i{width:1.05rem;height:1.05rem;color:var(--violet)}
.contact-num--text{font-size:1rem}
a.contact-num:active{transform:scale(.97)}
.contact-desc{font-size:.86rem;color:var(--muted);font-weight:600}
@media (hover:hover) and (pointer:fine){
  a.contact-num:hover{background:var(--violet-soft)}
}

/* ── Impression : une fiche propre, sans navigation ── */
@media print{
  @page{margin:14mm}
  html{font-size:11pt}
  body{background:#fff}
  .site-header,.site-footer,.drawer,.toast,.hero-ctas,.mod-nav,.breadcrumb,.callout--tip{display:none !important}
  .simple-hero{background:none;padding:0 0 6mm}
  .js [data-reveal]{opacity:1 !important;transform:none !important}
  .lesson-section{break-inside:avoid;padding-bottom:5mm;margin-bottom:5mm}
  .feature,.contact,.help-card,.check-text,.redflags li{box-shadow:none}
  .check-box{border-width:1.5px}
}

@media (max-width:760px){
  .contact-grid{grid-template-columns:1fr 1fr}
  .orient-cards{grid-template-columns:1fr}
}
@media (max-width:520px){
  .contact-grid{grid-template-columns:1fr}
}