/* V62.21 — Page « Cybermois 2026 : le bilan PASIVITE » (/cybermois-2026). Spécificité renforcée face aux styles hérités. */
html body .cmb.cmb{--cmb-navy:#12355b;--cmb-ink:#0b2147;--cmb-teal:#0b7f77;--cmb-soft:#eef6f5;--cmb-line:#d9e4ee;--cmb-muted:#4c6178;max-width:1080px;margin:0 auto;padding:28px 20px 56px;color:var(--cmb-ink);box-sizing:border-box}
html body .cmb.cmb *{box-sizing:border-box}
html body .cmb.cmb .cmb-hero{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#12355b 0%,#0b2147 100%);color:#fff;border-radius:24px;padding:34px 34px 30px;margin:0 0 22px;position:relative;overflow:hidden}
html body .cmb.cmb .cmb-hero-copy{flex:1 1 auto;min-width:0}
html body .cmb.cmb .cmb-kicker{margin:0 0 10px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8fe3d7}
html body .cmb.cmb .cmb-hero h1{margin:0;font-size:40px;line-height:1.08;font-weight:900;letter-spacing:-.02em;color:#fff}
html body .cmb.cmb .cmb-hero h1 span{color:#ffc94d}
html body .cmb.cmb .cmb-lead{margin:14px 0 0;font-size:18px;line-height:1.5;color:#dbe6f2;max-width:640px}
html body .cmb.cmb .cmb-hero-mascot{flex:0 0 170px;width:170px;height:auto;display:block}
html body .cmb.cmb .cmb-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px}
html body .cmb.cmb .cmb-figure{background:#fff;border:1px solid var(--cmb-line);border-radius:18px;padding:18px}
html body .cmb.cmb .cmb-figure strong{display:block;font-size:40px;line-height:1;font-weight:900;color:var(--cmb-navy)}
html body .cmb.cmb .cmb-figure span{display:block;margin-top:8px;font-size:15px;line-height:1.35;color:var(--cmb-muted)}
html body .cmb.cmb .cmb-figure.is-main{background:var(--cmb-soft);border-color:#bfe3dd}
html body .cmb.cmb .cmb-figure.is-main strong{color:var(--cmb-teal)}
html body .cmb.cmb .cmb-section{background:#fff;border:1px solid var(--cmb-line);border-radius:22px;padding:26px;margin:0 0 20px}
html body .cmb.cmb .cmb-section h2,html body .cmb.cmb .cmb-method h2{margin:0 0 8px;font-size:26px;line-height:1.15;font-weight:900;color:var(--cmb-ink)}
html body .cmb.cmb .cmb-intro{margin:0 0 16px;font-size:16px;line-height:1.5;color:var(--cmb-muted)}
html body .cmb.cmb .cmb-note{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--cmb-muted)}
html body .cmb.cmb .cmb-note a{color:var(--cmb-teal);font-weight:700}
html body .cmb.cmb .cmb-chart{max-width:560px}
html body .cmb.cmb .cmb-chart svg{display:block;width:100%;height:auto}
html body .cmb.cmb .cmb-bar{fill:#2a78d6}
html body .cmb.cmb .cmb-bar-value{fill:var(--cmb-ink);font-size:18px;font-weight:800}
html body .cmb.cmb .cmb-bar-label{fill:var(--cmb-muted);font-size:13px;font-weight:600}
html body .cmb.cmb .cmb-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body .cmb.cmb a.cmb-fact{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--cmb-line);border-radius:16px;background:#fbfdff;color:var(--cmb-ink);text-decoration:none;text-align:left;min-height:0;box-shadow:none}
html body .cmb.cmb a.cmb-fact:hover,html body .cmb.cmb a.cmb-fact:focus-visible{border-color:var(--cmb-teal);background:#f4fbfa}
html body .cmb.cmb .cmb-fact-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
html body .cmb.cmb .cmb-fact time{font-size:13px;font-weight:700;color:var(--cmb-muted)}
html body .cmb.cmb .cmb-fact strong{font-size:18px;line-height:1.25;font-weight:800}
html body .cmb.cmb .cmb-fact-text{font-size:15px;line-height:1.45;color:var(--cmb-muted)}
html body .cmb.cmb .cmb-fact-cta{margin-top:2px;font-size:14px;font-weight:800;color:var(--cmb-teal)}
html body .cmb.cmb .cmb-status{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}
html body .cmb.cmb .cmb-status.is-confirmed{background:#fde2e2;color:#9b1c1c}
html body .cmb.cmb .cmb-status.is-claimed,html body .cmb.cmb .cmb-status.is-reported{background:#ffefd1;color:#7a4300}
html body .cmb.cmb .cmb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
html body .cmb.cmb .cmb-chips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
html body .cmb.cmb .cmb-chips li{margin:0;padding:8px 14px;border-radius:999px;background:#eef3f8;font-size:15px;font-weight:700;color:var(--cmb-navy)}
html body .cmb.cmb .cmb-callout{background:#fff8e6;border:1px solid #f4dc9c;border-radius:16px;padding:16px 18px}
html body .cmb.cmb .cmb-callout strong{display:block;font-size:16px;color:#6b4a00;margin-bottom:4px}
html body .cmb.cmb .cmb-callout p{margin:0;font-size:15px;line-height:1.5;color:#4a3a10}
html body .cmb.cmb .cmb-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
html body .cmb.cmb .cmb-steps li{display:flex;gap:14px;align-items:flex-start;margin:0;padding:0}
html body .cmb.cmb .cmb-steps li>span{flex:0 0 40px;height:40px;border-radius:12px;background:#14b8a6;color:#062a2a;display:grid;place-items:center;font-weight:900;font-size:19px}
html body .cmb.cmb .cmb-steps strong{display:block;font-size:17px}
html body .cmb.cmb .cmb-steps p{margin:3px 0 0;font-size:15px;line-height:1.5;color:var(--cmb-muted)}
html body .cmb.cmb .cmb-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body .cmb.cmb .cmb-tools a{display:flex;flex-direction:column;gap:4px;padding:15px 16px;border:1px solid var(--cmb-line);border-radius:14px;background:#fbfdff;color:var(--cmb-ink);text-decoration:none;text-align:left;box-shadow:none;min-height:0}
html body .cmb.cmb .cmb-tools a:hover,html body .cmb.cmb .cmb-tools a:focus-visible{border-color:var(--cmb-teal)}
html body .cmb.cmb .cmb-tools strong{font-size:16px;font-weight:800}
html body .cmb.cmb .cmb-tools span{font-size:14px;line-height:1.4;color:var(--cmb-muted)}
html body .cmb.cmb a.cmb-17cyber{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:16px 18px;border-radius:16px;background:var(--cmb-navy);color:#fff;text-decoration:none;text-align:left}
html body .cmb.cmb a.cmb-17cyber small{display:block;font-size:14px;color:#c9d8e8;margin-top:2px}
html body .cmb.cmb a.cmb-17cyber b{white-space:nowrap;color:#ffc94d}
html body .cmb.cmb .cmb-method{padding:6px 6px 0}
html body .cmb.cmb .cmb-method h2{font-size:20px}
html body .cmb.cmb .cmb-method p{margin:0 0 8px;font-size:14px;line-height:1.55;color:var(--cmb-muted)}
@media (max-width:820px){
  html body .cmb.cmb .cmb-figures{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .cmb.cmb .cmb-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  html body .cmb.cmb{padding:16px 14px 40px}
  html body .cmb.cmb .cmb-hero{padding:24px 20px;border-radius:20px}
  html body .cmb.cmb .cmb-hero h1{font-size:30px}
  html body .cmb.cmb .cmb-lead{font-size:16px}
  html body .cmb.cmb .cmb-hero-mascot{position:absolute;right:-10px;top:10px;width:84px;flex-basis:84px;opacity:.95}
  html body .cmb.cmb .cmb-hero-copy{padding-right:56px}
  html body .cmb.cmb .cmb-figure strong{font-size:32px}
  html body .cmb.cmb .cmb-section{padding:20px 16px}
  html body .cmb.cmb .cmb-section h2{font-size:22px}
  html body .cmb.cmb .cmb-facts,html body .cmb.cmb .cmb-tools{grid-template-columns:1fr}
  html body .cmb.cmb a.cmb-17cyber{flex-direction:column;align-items:flex-start}
  html body .cmb.cmb .cmb-actions>*{width:100%;text-align:center;justify-content:center}
}
/* Règles héritées du site et de l'appli (titres h1 foncés, grilles forcées en 1 colonne) : on rétablit le dessin prévu. */
html body .cmb.cmb .cmb-hero h1{color:#fff !important}
html body .cmb.cmb .cmb-hero h1 span{color:#ffc94d !important}
@media (max-width:820px){html body .cmb.cmb .cmb-figures{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){
  html body .cmb.cmb .cmb-figure{padding:14px}
  html body .cmb.cmb .cmb-figure span{font-size:14px}
  html body .cmb.cmb .cmb-hero-mascot{width:70px;flex-basis:70px;top:12px;right:6px}
  html body .cmb.cmb .cmb-kicker{padding-right:20px}
}