/* ── REPRISE (IA + humain) ── bloo-header ──
 * FICHIER : assets/css/www/www-investisseurs.css
 * ROLE : Styles de la page « Investisseurs » (/investisseurs) : fil d'Ariane, héros, bloc « en bref », pastilles de
 *        statut des fonctions, ligne sécurité, équipe, FAQ (<details>), mention légale.
 * ENTREES/SORTIES : Préfixe .inv-* et classe du body .bloo-www-inv. Rupture 560 px.
 * DEPEND : /assets/css/bloo-www-2026.css (jetons --surf, --surf-glass, --line, --ink, --ink-2, --ink-3, --brand,
 *          --maxw, --r ; .wrap, .card, .grid-2, .grid-3, .cta-band, .bdg-ok, .bdg-ea) recopiée par
 *          www/_partials/header.php.
 * APPELE PAR : www/www-investisseurs.html via $PAGE['head'] (<link> avec ?v= = empreinte SHA-256 du fichier,
 *              calculée par la page : aucun ?v= à tenir à la main).
 * REPRISE :
 *   - Couleurs : uniquement les jetons du site (thèmes clair et sombre) ; bleu nuit de la marque, pas de violet.
 *   - Cibles tactiles ≥ 44 px (boutons, résumés de la FAQ, liens du fil d'Ariane).
 * MAJ :
 *   - 2026-10-07 · rel2893 · création
 *   - 2026-10-07 · rel2894 · bloc « bloo.Cards en bref » : bord gauche de couleur retiré
 * ── fin REPRISE ── */

.inv-crumbs{max-width:var(--maxw);margin:0 auto;padding:10px 22px 0;font-size:13px;color:var(--ink-3)}
.inv-crumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.inv-crumbs li+li::before{content:"›";margin-right:6px;color:var(--ink-3)}
.inv-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.inv-hero{padding-top:28px}
.inv-hero h1{font-size:clamp(28px,4vw,46px);max-width:22ch;margin:14px auto 0}
.inv-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.bloo-www-inv .btn-lg{max-width:100%;white-space:normal;min-height:44px}

.inv-box{max-width:820px;margin:0 auto;background:var(--surf-glass);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.inv-box h2{font-size:20px;margin:0 0 8px}
.inv-box p{margin:0;color:var(--ink-2);line-height:1.7}

.inv-grid .card p{color:var(--ink-2)}
.inv-st{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.inv-bdg{display:inline-block;font:700 11px/1.2 var(--sans);letter-spacing:.03em;padding:5px 9px;border-radius:999px;background:rgba(74,222,128,.12)}
.inv-sec-line{max-width:820px;margin:18px auto 0;text-align:center;color:var(--ink-2)}
.inv-sec-line i{color:var(--brand);margin-right:6px}
.inv-more{max-width:820px;margin:18px auto 0;text-align:center;color:var(--ink-2)}
.bloo-www-inv .card a,.inv-more a{color:var(--brand-ink,var(--brand));text-decoration:underline;text-underline-offset:2px}

.inv-team h3{margin:0}
.inv-role{margin:2px 0 8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}

.inv-faq{max-width:820px;margin:10px auto 0}
.inv-faq details{border:1px solid var(--line);border-radius:12px;padding:0 16px;margin:10px 0;background:var(--surf-glass)}
.inv-faq summary{cursor:pointer;font-weight:600;line-height:20px;padding:12px 0}
.inv-faq details p{margin:0 0 12px;line-height:1.65;color:var(--ink-2)}

.inv-legal{max-width:820px;margin:22px auto 0;font-size:12.5px;line-height:1.6;color:var(--ink-2);text-align:center}

@media (max-width:560px){
  .inv-box{padding:18px 16px}
  .inv-hero h1{max-width:none}
}