/* ==========================================================================
   NEOFLUX — Page « Signalétique » (lot metiers-B, 16/10/2026) : compléments au gabarit métier
   Chargé par pages/signaletique.php APRÈS css/interieur.css et css/metier.css.
   Portée : classes « vi- » dans <main class="vi"> uniquement (comme metier.css).
   ========================================================================== */

/* Encadré sombre « Pourquoi… ? » : étiquette de l'admin (sg_why_label) au-dessus du titre.
   (.vi-led p de metier.css donnerait au surtitre la taille et la couleur du texte courant) */
.vi-led p.vi-eb { margin: 0 0 10px; max-width: none; font-size: .75rem; color: var(--vi-accent); }

/* Matériaux et technologies : donnée dont la valeur est vidée dans l'admin → son nom sert de titre */
.vi-tech-it > div > .vi-tech-n:first-child { font-size: 1.05rem; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--vi-ink); line-height: 1.35; }

/* Accroche de solution saisie comme une phrase (nfx_vm_phrase) : casse normale, plus lisible qu'une phrase en capitales */
.vi-sol-k.is-phrase { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; }

@media (max-width: 768px) {
    .vi-led p.vi-eb { font-size: 15px; }
    .vi-tech-it > div > .vi-tech-n:first-child { font-size: 16px; }
    .vi-sol-k.is-phrase { font-size: 15px; letter-spacing: 0; }
}