/* =========================================================
   Page Triago (www.gestimatech.com/triago) — le bloc du prix.
   Le reste de la page vit dans styles.css. Mots du prix approuvés
   par JF le 2026-10-14 (2026-024, docs/pub-prix-par-jour.md) : le
   vrai montant reste LISIBLE sous le prix par jour (impression générale,
   Loi sur la concurrence art. 52(1) et 52(4)) — jamais en petits caractères.
   ========================================================= */

.mission .prix-chiffre {
  font-family: var(--serif); font-weight: 700; line-height: 1;
  font-size: clamp(3.4rem, 10vw, 5.6rem); color: var(--gold);
  margin-bottom: 8px;
}
.mission .prix-portee {
  font-family: var(--serif); font-size: clamp(1.2rem, 2.4vw, 1.6rem);
  color: var(--on-ink); margin-bottom: 14px; max-width: 30ch;
}
/* Le total : assez gros pour être lu sans chercher (>= 1rem en tout temps) */
.mission .prix-total {
  font-size: clamp(1rem, 1.4vw, 1.1rem); color: var(--on-ink);
  border-left: 3px solid var(--gold); padding-left: 14px; margin-bottom: 28px;
}
.mission .prix-ancrage {
  font-family: var(--serif); font-style: italic; color: var(--on-ink);
  margin-bottom: 12px;
}

/* « Ce que tu vois » : les 3 captures du compte de démonstration (lot 3) */
.ecrans .container { max-width: 1040px; }
.ecrans .ecran { margin: 0 0 40px; }
.ecrans .ecran img {
  display: block; width: 100%; height: auto; margin: 0 auto;
  border: 1px solid var(--line-2); border-radius: 12px; box-shadow: var(--shadow-md);
  background: #fff;
}
/* Les captures étroites ne s'étirent pas au-delà de leur vraie taille (texte flou sinon) */
.ecrans .ecran:nth-of-type(2) img { max-width: 798px; }
.ecrans .ecran:nth-of-type(3) img { max-width: 976px; }
.ecrans figcaption {
  margin: 14px auto 0; max-width: 62ch; text-align: center;
  color: var(--text-soft); font-size: 1.02rem;
}
.ecrans figcaption b { color: var(--ink); }
.ecrans-note { text-align: center; font-size: .9rem; color: var(--text-soft); }

/* Le bouton « Demander un appel » sous la stanza de la réceptionniste */
.stanza .btn { margin-top: 18px; }

/* Les questions : <details> natif, s'ouvre sans script (CSP script-src) */
.faq .container { max-width: 820px; }
.faq details { border-top: 1px solid var(--line-2); }
.faq details:last-of-type { border-bottom: 1px solid var(--line-2); }
.faq summary {
  cursor: pointer; list-style: none; padding: 20px 36px 20px 0; position: relative;
  font-family: var(--serif); font-weight: 600; color: var(--ink);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
  font-family: var(--mono); font-size: 1.4rem; color: var(--gold-deep);
}
.faq details[open] summary::after { content: "−"; }
.faq details p { color: var(--text-soft); font-size: 1.05rem; max-width: 62ch; padding-bottom: 22px; }