/* ==========================================================================
   CySAFE Consulting — Design system V5 (socle partagé par tous les écrans)
   Échelle typographique : 96 / 56 / 34 / 22 / 16 / 13 px (6 paliers) + --t0, palier réservé au titre du hero (176 px max)
   ========================================================================== */
/* ---- Polices auto-hébergées (RGPD : aucun appel tiers). Sous-ensemble latin : couvre FR, EN, ES, DE, IT.
   Fichiers variables : Fraunces 300–400 (axe opsz 9–144), Manrope 400–700. Licence SIL OFL 1.1 — voir assets/fonts/README.txt ---- */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 400;font-display:swap;src:url(../fonts/fraunces-latin-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 400;font-display:swap;src:url(../fonts/fraunces-latin-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* marque — valeurs exactes */
  --cysafe:#1E5FA8; --cycheck:#2E8B6B; --cycontrol:#4F7EA8; --ink:#17324A;
  /* matériaux */
  --paper:#F7F4EC; --logo-bg:#FAFAF7; --deep:#0B2038; --body:#3A3A36; --faint:#625D4E; --hair:rgba(23,50,74,.16);
  /* teintes de lisibilité sur fond sombre (les couleurs de marque restent celles ci-dessus) */
  --on-deep:#E9E4D8; --on-deep-soft:#B7C9DC; --cysafe-light:#8DB9E8; --cycheck-light:#6FCBA6; --cycontrol-light:#8FB4D6;
  --cycheck-deep:#1C5541; --cycheck-wash:#E4F0EA;
  /* échelle */
  --t0:clamp(72px,11.5vw,176px); --t1:clamp(52px,7.2vw,96px); --t2:clamp(34px,4.2vw,56px); --t3:clamp(26px,2.6vw,34px);
  --t4:22px; --t5:16px; --t6:13px;
  --r:2px;
  --gutter:clamp(22px,4vw,44px); --lead:clamp(22px,6vw,84px); /* marge gauche : laisse la place à l'index */
  --focus:var(--cysafe);
  --serif:'Fraunces',Georgia,serif; --sans:'Manrope',system-ui,sans-serif;
  --bar-h:84px; --axis-x:20px; /* axe vertical du fil : l'index de chapitres s'y pose */
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + 12px)}
body{background:var(--paper);font-family:var(--sans);font-size:var(--t5);color:var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.dark{--focus:var(--cysafe-light)}
.nocase{text-transform:none;letter-spacing:.02em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;z-index:300;font-size:var(--t6);font-weight:700;border-radius:var(--r)}
.skip:focus{top:12px}
.prop{font-size:var(--t6);font-weight:600;letter-spacing:.02em;color:#8A5A1E;background:#F3E6CF;padding:1px 6px;border-radius:var(--r);margin-right:8px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ---- boutons : angles nets ---- */
.btn{font-family:var(--sans);font-size:var(--t6);font-weight:700;padding:14px 26px;border:1px solid transparent;letter-spacing:.01em;border-radius:var(--r);display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;line-height:1.2;transition:background .2s,color .2s,border-color .2s}
/* Couleurs de marque exactes, y compris au survol : pas de teinte dérivée. Survol/appui = passage à l'encre marine #17324A (12:1 avec le blanc).
   CyCheck : blanc sur #2E8B6B = 4,18:1, insuffisant pour du texte courant (AA 4,5:1) → libellé en « grand texte » WCAG
   (≥ 14 pt gras = 18,67 px, seuil 3:1). Contraste calculé, cf. docs/PROJECT-AUDIT.md §10. */
.btn-cysafe{background:var(--cysafe);color:#fff}
.btn-cycheck{background:var(--cycheck);color:#fff;font-size:19px;padding:9px 22px;letter-spacing:0}
.btn-ink{background:var(--ink);color:#fff}
.btn-cysafe:hover,.btn-cycheck:hover,.btn-cysafe:active,.btn-cycheck:active{background:var(--ink)}
.btn-ink:hover{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.btn:active{transform:translateY(1px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}
.link{font-size:var(--t6);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:var(--ink)}
.link:hover{text-decoration-thickness:2px}
.dark .link{color:var(--on-deep)}
.hero-ctas{display:flex;align-items:center;gap:26px;margin-top:40px;flex-wrap:wrap}

/* ---- barre du haut : logo, incident, CTA, menu ---- */
.topbar{position:sticky;top:0;z-index:50;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:var(--logo-bg);transition:box-shadow .25s}
.topbar.scrolled{box-shadow:0 1px 0 var(--hair)}
.brand{display:block;line-height:0}
/* les PNG officiels sont opaques (fond #FAFAF7) : la barre reprend cette teinte, le fichier n'est pas modifié */
.brand img{height:57px;width:auto} /* SVG recadré au plus près : même taille visuelle que l’ancien PNG de 64 px */
.topbar-right{display:flex;align-items:center;gap:22px}
.incident-link{font-size:var(--t6);font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;gap:8px}
.incident-link::before{content:"";width:7px;height:7px;border-radius:50%;background:#B4472E}
.menu-trigger{font-family:var(--sans);font-size:var(--t6);font-weight:700;border:1px solid var(--ink);background:transparent;padding:12px 22px;cursor:pointer;border-radius:var(--r);color:var(--ink);transition:background .2s,color .2s}
.menu-trigger:hover{background:var(--ink);color:#fff}

/* ---- menu plein écran (piège de focus géré en JS) ---- */
.menu-panel{position:fixed;inset:0;background:var(--deep);color:var(--on-deep);z-index:100;display:none;flex-direction:column;padding:28px var(--gutter) 40px}
.menu-panel.open{display:flex}
.menu-head{display:flex;justify-content:space-between;align-items:center}
.menu-head .kicker{font-size:var(--t6);letter-spacing:.08em;color:var(--on-deep-soft)}
.menu-close{background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:12px 20px;border-radius:var(--r);font-family:var(--sans);font-size:var(--t6);font-weight:700;cursor:pointer}
.menu-close:hover{background:#fff;color:var(--deep)}
.menu-links{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-left:var(--lead)}
.menu-links a{font-family:var(--serif);font-weight:300;font-size:clamp(28px,2.9vw,40px);white-space:nowrap;text-decoration:none;color:var(--on-deep);line-height:1.22;display:flex;align-items:baseline;gap:22px;width:fit-content}
.menu-links a small{font-family:var(--serif);font-size:var(--t6);color:var(--cysafe-light);width:26px}
.menu-links a:hover,.menu-links a:focus-visible{color:var(--cysafe-light)}
.menu-foot{display:flex;gap:28px;flex-wrap:wrap;padding-left:var(--lead);align-items:center}
.menu-foot .link{color:var(--on-deep)}

/* ---- index de chapitres (marge verticale) ---- */
.chapter-index{position:fixed;left:var(--axis-x);top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:var(--faint);opacity:0;transition:opacity .8s .6s}
.chapter-index.on{opacity:1}
.chapter-index.on.hush{opacity:0;transition:opacity .25s} /* sur la bande signature : le fil se tait */
.chapter-index .ticks{display:flex;flex-direction:column;gap:9px}
.chapter-index .tick{width:26px;height:1.5px;background:currentColor;opacity:.4;transform:scaleX(.54);transform-origin:left;transition:transform .3s,opacity .3s,background .3s} /* les ticks partent de l'axe */
.chapter-index .tick.active{transform:none;opacity:1;background:var(--cysafe)}
.chapter-index .label{margin-left:9px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--t6);letter-spacing:.08em;font-weight:700;color:var(--cysafe);white-space:nowrap;min-height:210px;display:flex;align-items:center;justify-content:flex-end}
.chapter-index .label i{font-style:normal;opacity:.6;margin-top:10px;font-weight:600}
.chapter-index.on-dark{color:var(--paper)}
.chapter-index.on-dark .tick.active{background:var(--paper)}
.chapter-index.on-dark .label{color:var(--cysafe-light)}
/* le fil : trait de couleur exacte (--cysafe sur papier, --paper sur encre). Il continue dans les chapitres sombres et ne s'interrompt que derrière la bande signature. */
.hero,.chapter{--axis-c:var(--cysafe);background-image:linear-gradient(var(--axis-c),var(--axis-c));background-repeat:no-repeat;background-size:1.5px 100%;background-position:var(--axis-x) 0}
.chapter.dark{--axis-c:var(--paper)}
.hero{animation:axis-draw 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes axis-draw{from{background-size:1.5px 0}}
@media (max-width:1100px){.hero,.chapter{background-image:none;animation:none}}
@media (max-width:1100px){.chapter-index{display:none}}

/* ---- sections ---- */
.chapter{padding:clamp(72px,8vw,120px) var(--gutter) clamp(72px,8vw,120px) var(--lead);position:relative}
.chapter.dark{background-color:var(--deep);color:var(--on-deep)}
.chapter-num{font-family:var(--serif);font-size:var(--t6);color:var(--faint);margin-bottom:22px;letter-spacing:.02em}
.chapter.dark .chapter-num{color:var(--cysafe-light)}
.chapter h2{font-family:var(--serif);font-weight:300;font-size:var(--t2);line-height:1.1;letter-spacing:-.012em;max-width:820px;margin-bottom:34px;color:var(--ink)}
.chapter.dark h2{color:#fff}
.chapter h2 em{font-style:italic;font-weight:300;color:var(--cysafe)}
.chapter.dark h2 em{color:var(--cysafe-light)}
.lede{font-size:var(--t5);line-height:1.7;max-width:560px;color:var(--body)}
.chapter.dark .lede{color:var(--on-deep-soft)}

/* ---- grain fin sur matière sombre (feTurbulence, très faible) ---- */
.grain{position:relative;isolation:isolate}
.grain::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ---- pied de page (partial commun : tools/partials.js) ---- */
.footer{padding:64px var(--gutter) 36px var(--lead);border-top:1px solid var(--hair);font-size:var(--t6);color:var(--body);line-height:1.7}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:36px clamp(24px,4vw,56px)}
.footer-name{font-family:var(--serif);font-size:var(--t4);color:var(--ink);margin-bottom:10px;line-height:1.2}
.footer address{font-style:normal}
.footer-h{font-size:var(--t6);letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--faint);margin-bottom:12px}
.footer-h-social{margin-top:26px}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.footer a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px}
.footer a:hover{text-decoration-thickness:2px}
.footer a[aria-current="page"]{font-weight:700}
.footer .social{flex-direction:row;gap:12px}
.footer .social a{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--hair);border-radius:var(--r);transition:border-color .2s}
.footer .social a:hover{border-color:var(--ink)}
.footer-base{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:52px;padding-top:22px;border-top:1px solid var(--hair);color:var(--faint)}
.footer-sig{font-family:var(--serif);font-style:italic;color:var(--ink)}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}

/* ---- barre d'actions mobile (CTA + incident restent visibles en permanence) ---- */
.mobile-bar{display:none}
@media (max-width:760px){
  :root{--bar-h:68px}
  .brand img{height:46px}
  .topbar-right .btn,.topbar-right .incident-link{display:none}
  .mobile-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--logo-bg);border-top:1px solid var(--hair);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom))}
  .mobile-bar .btn{justify-content:center}
  .mobile-bar-incident{grid-template-columns:1fr}
  body{padding-bottom:72px}
  html{scroll-padding-bottom:96px} /* le focus clavier ne passe jamais sous la barre fixe (WCAG 2.4.11) */
}

/* ==========================================================================
   Design system V2 (2026-09-26) — éditorial premium
   Sources : design system V5 + UI/UX Pro Max (style « editorial grid » : grille asymétrique, citations,
   lettrines, filets ; motion « subtle » 300–400 ms, décalage 8–16 px, contenu visible sans JS).
   ========================================================================== */
:root{
  --s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px;--s7:140px;
  --col-gap:clamp(16px,2.4vw,32px);
  --ease-out:cubic-bezier(.2,.7,.2,1);
}
/* grille 12 colonnes, placement asymétrique */
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:var(--s4)}
@media (max-width:900px){.g12{grid-template-columns:1fr}.g12 > *{grid-column:1 / -1!important}}

/* pictogrammes Lucide (sprite local) : trait fin, couleur de marque exacte héritée */
.ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--cysafe)}
.ico-lg{width:40px;height:40px;stroke-width:1.2}
.ico-sm{width:18px;height:18px}
.dark .ico{color:var(--cysafe-light)}

/* en-tête de section asymétrique : méta (numéro, libellé, picto) à gauche, titre décalé */
.sec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:start;margin-bottom:var(--s5)}
.sec-head .sec-meta{grid-column:1 / 4;display:flex;flex-direction:column;gap:14px;padding-top:.6em}
.sec-head .sec-meta span{font-family:var(--serif);font-size:var(--t6);color:var(--faint);letter-spacing:.02em}
.dark .sec-head .sec-meta span{color:var(--cysafe-light)}
.sec-head h2{grid-column:4 / 12;margin-bottom:0!important}
.sec-head .sec-lede{grid-column:4 / 11;margin-top:var(--s3);font-size:var(--t5);line-height:1.75;color:var(--body);max-width:640px}
.dark .sec-head .sec-lede{color:var(--on-deep-soft)}
@media (max-width:900px){.sec-head{grid-template-columns:1fr;margin-bottom:var(--s4)}.sec-head > *{grid-column:1 / -1!important}.sec-head .sec-meta{flex-direction:row;align-items:center;padding-top:0}}

/* citation éditoriale et lettrine */
.pull{align-self:start;font-family:var(--serif);font-style:italic;font-weight:300;font-size:var(--t3);line-height:1.3;color:var(--ink);border-left:2px solid var(--cysafe);padding:4px 0 4px var(--s3);max-width:30em}
.pull cite{display:block;margin-top:14px;font-family:var(--sans);font-style:normal;font-size:var(--t6);font-weight:700;color:var(--faint);letter-spacing:.04em}
.dark .pull{color:#fff;border-color:var(--cysafe-light)}
.dropcap::first-letter{font-family:var(--serif);font-weight:300;float:left;font-size:4.1em;line-height:.82;padding:.06em .1em 0 0;color:var(--cysafe)}

/* motion : apparition au défilement (cysafe.js). Sans JS ou en mouvement réduit, tout reste visible. */
.js [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease-out),transform .45s var(--ease-out)}
.js [data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none}}
a,button{transition-timing-function:var(--ease-out)}

/* ---- méga-menu (panneau plein écran enrichi) ---- */
.menu-grid{flex:1;display:grid;grid-template-columns:1.15fr 1.3fr .75fr;gap:var(--s4) clamp(30px,5vw,80px);padding:var(--s5) 0 var(--s4) var(--lead);align-content:center;overflow:auto}
.menu-grid .menu-links{padding-left:0;justify-content:flex-start}
.menu-col .menu-h{font-size:var(--t6);letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--on-deep-soft);margin-bottom:18px}
.menu-xp{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}
.menu-xp li.fam{grid-column:1 / -1;font-size:var(--t6);font-weight:700;color:var(--cysafe-light);margin-top:12px;letter-spacing:.02em}
.menu-xp a{display:flex;gap:10px;align-items:center;color:var(--on-deep);text-decoration:none;font-size:var(--t5);line-height:1.35;padding:6px 0}
.menu-xp a:hover,.menu-xp a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}
.menu-xp .ico{color:var(--cysafe-light);width:20px;height:20px}
.menu-contact{font-size:var(--t5);line-height:1.8;color:var(--on-deep)}
.menu-contact a{color:var(--on-deep)}
.menu-contact .urgent-link{display:inline-flex;gap:10px;align-items:center;margin-top:18px;font-weight:700}
@media (max-width:1000px){.menu-grid{grid-template-columns:1fr;align-content:start;padding-top:var(--s4)}.menu-xp{grid-template-columns:1fr}}
.menu-panel{overflow:auto}

/* ---- bandeau de consentement (CNIL : trois choix de même poids visuel, rien de pré-coché) ---- */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--paper);border-top:2px solid var(--ink);box-shadow:0 -1px 0 var(--hair)}
.consent-in{max-width:1180px;margin:0 auto;padding:22px var(--gutter) calc(22px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:14px 40px;align-items:center}
.consent-title{font-family:var(--serif);font-size:var(--t4);color:var(--ink);grid-column:1 / -1}
.consent-text{font-size:var(--t6);line-height:1.65;color:var(--body);max-width:62em}
.consent-text a{color:var(--ink)}
.consent-panel{grid-column:1 / -1}
.consent-cat{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:10px 0;border-top:1px solid var(--hair);font-size:var(--t6);line-height:1.6;color:var(--body)}
.consent-cat strong{color:var(--ink)}
.consent-cat input{width:18px;height:18px;margin-top:2px;accent-color:var(--cysafe)}
.consent-actions{display:flex;flex-wrap:wrap;gap:10px}
.btn-choice{font-family:var(--sans);font-size:var(--t6);font-weight:700;min-height:44px;padding:10px 20px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:var(--r);cursor:pointer;transition:background .2s,color .2s}
.btn-choice:hover{background:var(--ink);color:#fff}
.linkish{background:none;border:none;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}
@media (max-width:760px){.consent-in{grid-template-columns:1fr}.consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent-actions [data-consent="custom"],.consent-actions [data-consent="save"]{grid-column:1 / -1}.consent{max-height:80vh;overflow:auto}}

/* Liste de preuves / valeurs avec pictogramme (accueil, à propos, carrières) — partagée, auparavant dans home.css seulement */
.proofs{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(30px,5vw,80px);margin-top:48px}
.proofs li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--hair);font-size:var(--t5);line-height:1.6;color:var(--body)}
.proofs li strong{display:block;color:var(--ink);font-family:var(--serif);font-weight:400;font-size:var(--t4);margin-bottom:4px}
@media (max-width:900px){.proofs{grid-template-columns:1fr}}

/* Messages « Version prototype » : visibles uniquement en mode prototype (IS_PRODUCTION = false dans cysafe.js).
   Masqués par défaut, donc jamais affichés en production, même avant l'exécution du script. */
html:not(.is-prototype) [data-proto]{display:none!important}

/* Bouton « Signaler un incident de sécurité » (en-tête, retours de Fatiha 2026-10-17).
   Point rouge : 3 pulsations lentes (≈ 4,5 s) puis fixe — WCAG 2.2.2 (animation automatique < 5 s, pas de contrôle à fournir)
   et 2.3.1 (moins de 3 variations par seconde, sans risque épileptique) ; aucune animation si « mouvement réduit ». */
.incident-link:has(.incident-dot)::before{content:none}
.incident-dot{width:9px;height:9px;border-radius:50%;background:#D93A1E;flex:none;box-shadow:0 0 0 3px rgba(217,58,30,.2);animation:alert-pulse 1.5s ease-in-out 3}
@keyframes alert-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.75)}}
.incident-btn{border:1.5px solid #B4472E;border-radius:var(--r);padding:9px 14px;text-decoration:none;color:#8F2F1C;font-weight:700;background:#fff;white-space:nowrap}
.incident-btn:hover,.incident-btn:focus-visible{background:#FBEDE8;color:#6E2414}
.topbar .btn{white-space:nowrap}
.topbar .t-short{display:none}
@media (max-width:1180px){.topbar .t-long{display:none}.topbar .t-short{display:inline}}
@media (prefers-reduced-motion:reduce){.incident-dot{animation:none}}
.menu-sub{font-size:var(--t6);color:var(--on-deep-soft);margin:-10px 0 18px}
/* Champ piège anti-robots (formulaires) : hors écran, ignoré des lecteurs d'écran et du clavier ; l'API rejette silencieusement s'il est rempli */
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}