/* Vulgarisation 02.4 — édition interactive, isolée des portes et des autres rubriques. */
.vulgarisation{--vs-ink:#12384b;--vs-teal:#117e80;--vs-turq:#23a49c;--vs-coral:#f09069;--vs-mist:#e9f6f3;--vs-line:#c9deda;--vs-shadow:0 25px 70px -55px rgba(17,64,76,.65)}
.vulgarisation .colonne-texte{max-width:1080px}
.vulgarisation .colonne-texte h2{font-size:clamp(30px,3.3vw,52px);letter-spacing:-.025em;line-height:1.15}
.vulgarisation .colonne-texte .intro{max-width:1000px;font-size:clamp(16px,1.3vw,19px);line-height:1.85}
.vulgarisation .colonne-outils{width:100%;min-width:0}
.vulgarisation [data-rubriques=vulgarisation].rubriques[data-navigation=atelier]{display:block!important;width:100%;container-type:normal;gap:0}
.vulgarisation [data-rubriques=vulgarisation]>.rubriques-console{position:relative!important;top:auto!important;width:100%;margin:0 0 26px;padding:24px!important;border:1px solid var(--vs-line);border-radius:22px;background:linear-gradient(130deg,#eef8f6,#f5f8ff 62%,#fbfcf9);box-shadow:var(--vs-shadow)}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-console-tete{font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--vs-ink)}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-progression{height:7px;margin:16px 4px 22px;border-radius:99px;background:#d6e5e4}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;max-height:none!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;direction:inherit}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav button{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;max-width:none!important;width:100%!important;min-height:128px!important;flex:auto!important;padding:17px!important;border:1px solid #cfdfdf!important;border-top:4px solid #48a4a1!important;border-radius:14px!important;background:rgba(255,255,255,.93)!important;color:var(--vs-ink)!important;box-shadow:0 10px 25px -24px #204453!important;transform:none!important;text-align:start;direction:inherit}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav button:nth-child(4n+2){border-top-color:#6b93c6!important}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav button:nth-child(4n+3){border-top-color:#e8a36e!important}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav button:nth-child(4n+4){border-top-color:#8c7cbc!important}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav button:hover{background:#eaf4f4!important;border-color:#86bbb8!important;box-shadow:0 11px 24px -17px #247379!important}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav button[aria-selected=true]{border-color:#267f81!important;border-top-color:#136d70!important;background:var(--vs-ink)!important;color:white!important;box-shadow:0 12px 30px -22px #134d54!important}
.vulgarisation [data-rubriques=vulgarisation] .rubrique-icone{width:43px;height:43px;background:#e5f1f0;color:#135e68;border-color:#c8dbdb;border-radius:12px}
.vulgarisation [data-rubriques=vulgarisation] button[aria-selected=true] .rubrique-icone{background:#d4f0e8;color:#103f49;border-color:transparent}
.vulgarisation [data-rubriques=vulgarisation] .rubrique-icone .ic{width:24px;height:24px}
.vulgarisation [data-rubriques=vulgarisation] .rubrique-libelle{width:100%;gap:8px}
.vulgarisation [data-rubriques=vulgarisation] .rubrique-libelle strong{font-size:clamp(14px,1.1vw,17px);line-height:1.34;font-weight:720;overflow-wrap:break-word}
.vulgarisation [data-rubriques=vulgarisation] .rubrique-etape{font-size:12px;font-weight:750;color:#3a7878;letter-spacing:.06em}
.vulgarisation [data-rubriques=vulgarisation] button[aria-selected=true] .rubrique-etape{color:#b7e1dc}
.vulgarisation [data-rubriques=vulgarisation] .rubrique-direction{display:none}
.vulgarisation [data-rubriques=vulgarisation] .rubriques-choix{display:none!important}
.vulgarisation [data-rubriques=vulgarisation]>.rubrique-corps{grid-column:auto!important;grid-row:auto!important;width:100%;padding:clamp(20px,3vw,42px)!important;border-radius:22px;border:1px solid var(--vs-line);background:linear-gradient(180deg,#fff,#fdfefe);box-shadow:var(--vs-shadow)}
.vulgarisation [data-rubriques=vulgarisation] .rubrique-entete{font-size:13px;font-weight:650;line-height:1.5;margin-bottom:30px}
.vulgarisation [data-rubriques=vulgarisation] .rubrique-entete bdi{width:38px;height:38px;font-size:13px}
.vulgarisation .vul-galerie{margin-top:24px;margin-bottom:38px}
.vulgarisation .vul-galerie figcaption{font-size:18px;font-weight:750;letter-spacing:-.01em}
.vulgarisation .vul-galerie>div{gap:18px}
.vulgarisation .vul-galerie>div>div{border:1px solid var(--vs-line);border-radius:18px;background:#fff;padding:12px 12px 16px;box-shadow:var(--vs-shadow)}
.vulgarisation .vul-galerie img{aspect-ratio:480/260;object-fit:cover;border-radius:12px}
.vulgarisation .vul-galerie p{font-size:15px;line-height:1.5;margin:14px 4px 0;color:var(--vs-ink)}
.vulgarisation .vs-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:24px;align-items:center;margin:32px 0 45px;padding:clamp(23px,3.6vw,50px);border-radius:24px;background:linear-gradient(137deg,#103c52 0%,#126f77 58%,#1b887d 100%);color:#fff;overflow:hidden}
.vs-hero:before{content:"";position:absolute;inset:-40% -5% auto auto;width:440px;aspect-ratio:1;border-radius:50%;border:60px solid rgba(255,255,255,.045);z-index:-1}
.vs-hero-copy{position:relative;min-width:0;z-index:1}
.vs-eyebrow,.vs-kicker{font:750 12px/1.5 var(--sans);letter-spacing:.12em}
.vs-hero .vs-eyebrow{color:#b8e2dd;margin:0 0 15px}
.vulgarisation .vs-hero h3{color:#fff;font:500 clamp(28px,2.9vw,44px)/1.12 var(--serif);max-width:550px;margin:0 0 20px}
.vs-hero-copy>p:not(.vs-eyebrow){max-width:610px;color:#ebf8f6;font-size:16px;line-height:1.8}
.vs-principle{display:grid;gap:8px;max-width:610px;padding:17px 20px;margin-top:23px;border:1px solid rgba(255,255,255,.23);border-radius:14px;background:rgba(255,255,255,.12);backdrop-filter:blur(4px)}
.vs-principle strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c8e9e2}
.vs-principle span{font-size:15px;line-height:1.65}
.vs-hero-art{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:20px}
.vs-art-orbit{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center;height:160px;padding:24px 0}
.vs-art-orbit:before{content:"";position:absolute;top:50%;left:10%;width:80%;height:3px;background:linear-gradient(90deg,#fff9,#d1ecea,#fff9)}
.vs-art-orbit>span{position:relative;display:grid;place-items:center;width:min(90%,85px);aspect-ratio:1;margin:auto;border:2px solid #b7e8e1;border-radius:50%;background:#f8fffd;color:#0c5e6b;font:800 clamp(16px,2vw,28px)/1 var(--sans);box-shadow:0 10px 30px rgba(6,38,49,.26)}
.vs-art-orbit>span:nth-child(2){background:#d1f4e7}
.vs-art-orbit>span:nth-child(3){background:#ffe4ce}
.vs-art-orbit>span:nth-child(4){background:#dce5ff}
.vs-hero-art ol{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0}
.vs-hero-art li{min-width:0;padding:13px;border-radius:12px;border:1px solid #ffffff3b;background:#ffffff16}
.vs-hero-art li b,.vs-hero-art li small{display:block}
.vs-hero-art li b{font-size:15px;color:#fff}
.vs-hero-art li small{font-size:12px;line-height:1.5;color:#e4f6f3;margin-top:6px}
.vs-map{margin:0 0 36px;padding:26px;border:1px solid var(--vs-line);border-radius:18px;background:linear-gradient(145deg,#f0f9f7,#f9faff)}
.vs-map figcaption{display:grid;gap:7px;color:var(--vs-ink);margin-bottom:20px}
.vs-map figcaption strong{font-size:23px;line-height:1.3}
.vs-map figcaption span{font-size:15px;line-height:1.7}
.vs-map-nodes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vs-map-nodes:before{content:"";position:absolute;top:43px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,#b1cdde,#9ccfba,#ebbd8c)}
.vs-map-nodes article{position:relative;min-width:0;padding:18px;border-radius:15px;border:1px solid #d4e4e3;background:#fff;text-align:center}
.vs-map-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#115872;color:#fff;font-size:30px;margin:0 auto 12px}
.vs-map-nodes article:nth-child(2) .vs-map-symbol{background:#198477}
.vs-map-nodes article:nth-child(3) .vs-map-symbol{background:#9a6c4c}
.vulgarisation .vs-map-nodes h5{font-size:19px;margin:0 0 6px;color:var(--vs-ink)}
.vs-map-nodes p{font-size:14px;line-height:1.5;margin:0;color:#4e656e;text-align:center!important}
.vs-micro{font-size:12px!important;line-height:1.65!important;color:#526c76;margin:18px 0 0}
.vs-bridge,.vs-lab,.vs-studio,.vs-trust,.vs-quiz,.vs-media{margin:38px 0 10px;max-width:100%;padding:clamp(19px,2.6vw,32px);border:1px solid var(--vs-line);border-radius:20px;background:linear-gradient(180deg,#f8fbfa,#fff)}
.vs-head{margin-bottom:24px}
.vs-head .vs-kicker{display:block;color:#0b6975;margin-bottom:9px}
.vulgarisation .vs-head h4,.vulgarisation .vs-bridge h4,.vulgarisation .vs-trust h4{font:500 clamp(24px,2.3vw,32px)/1.23 var(--serif);margin:0 0 13px;color:var(--vs-ink)}
.vs-head p,.vs-bridge header p{max-width:940px;font-size:15.5px;line-height:1.8;margin:0}
.vs-bridge ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:25px 0 0;padding:0}
.vs-bridge li{display:flex;flex-direction:column;gap:14px;padding:17px 15px;border:1px solid #c7dfdb;border-radius:12px;background:#fff;min-width:0}
.vs-bridge li span{font-weight:800;color:#0a7c81;font-size:23px}
.vs-bridge li strong{color:var(--vs-ink);font-size:14px;line-height:1.4}
.vs-risk-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:24px;padding:17px 20px;border-radius:12px;background:#eaf4f2}
.vs-risk-controls label{flex:1 1 230px;font-size:15px;font-weight:700;color:var(--vs-ink)}
.vs-risk-controls output{color:var(--vs-ink);font-weight:800;font-variant-numeric:tabular-nums}
.vs-risk-controls input{display:block;width:100%;accent-color:#097e81;cursor:pointer}
.vs-bars{display:grid;gap:22px;margin:20px 0 26px}
.vs-bars>div{display:grid;grid-template-columns:minmax(75px,120px) minmax(0,1fr) minmax(60px,75px);gap:14px;align-items:center}
.vs-bars label{color:var(--vs-ink);font-size:15px;font-weight:700}
.vs-bars b{font-size:15px;color:#284d5c;font-variant-numeric:tabular-nums}
.vs-bar-rail{height:26px;background:#e2ebeb;border-radius:7px;overflow:hidden}
.vs-bar-rail span{display:block;height:100%;border-radius:7px 3px 3px 7px;transition:width .2s ease}
.vs-bar-a{background:linear-gradient(90deg,#165a77,#348baa)}
.vs-bar-b{background:linear-gradient(90deg,#cd7155,#efad75)}
.vs-risk-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.vs-risk-stats article{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid #c9e0dc;border-radius:12px;background:#fff}
.vs-risk-stats small{font-size:13px;line-height:1.45;font-weight:650;color:#43646b}
.vs-risk-stats strong{font-size:clamp(30px,3.7vw,50px);line-height:1;font-weight:700;color:var(--vs-ink);font-variant-numeric:tabular-nums}
.vs-risk-stats span{font-size:13px;color:#516f76}
.vs-table-wrap{overflow-x:auto;max-width:100%;border:1px solid #ccdcda;border-radius:11px;background:#fff}
.vs-table-wrap table{border-collapse:collapse;width:100%;min-width:400px;font-size:15px}
.vs-table-wrap caption{padding:0;height:0;overflow:hidden;position:absolute;width:1px;clip-path:inset(50%)}
.vs-table-wrap th,.vs-table-wrap td{padding:13px 16px;border-bottom:1px solid #e2eeee;text-align:start}
.vs-table-wrap thead th{background:#e5f2f0;color:#174a57;font-weight:750}
.vs-table-wrap tbody tr:last-child>*{border-bottom:0}
.vs-screen{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);min-height:275px;overflow:hidden;border-radius:18px;background:#103b52;color:#fff}
.vs-screen-art{display:grid;place-items:center;padding:24px;min-width:0;background:radial-gradient(circle at 20% 20%,#62bac5 0%,transparent 55%),linear-gradient(145deg,#177b88,#115068);overflow:hidden}
.vs-scene{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(100%,300px);min-height:170px;align-items:center;justify-items:center}
.vs-scene span{display:grid;place-items:center;width:min(100%,72px);aspect-ratio:1;border-radius:18px;background:#e2fff6;color:#126c6f;font:800 35px/1 var(--sans);box-shadow:0 10px 30px #00344433;transition:transform .25s}
.vs-scene span:nth-child(2){background:#ffdec9;color:#8e553d}
.vs-scene span:nth-child(3){background:#dae6ff;color:#345c8d}
.vs-scene:before,.vs-scene:after{content:"";position:absolute;z-index:0;top:50%;left:25%;width:24%;height:3px;background:#ffffff99}
.vs-scene:after{left:58%}
.vs-scene span{position:relative;z-index:1}
.vs-scene-1 span:nth-child(2){transform:translateY(-25px)}
.vs-scene-2 span:nth-child(2){transform:translateY(22px)}
.vs-scene-2:before{background:transparent;border-top:3px dotted #fff;top:68%}
.vs-scene-3 span:first-child{transform:translateY(20px)}
.vs-scene-3 span:last-child{transform:translateY(-20px)}
.vs-scene-4 span{transform:scale(.89)}
.vs-screen-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(24px,3vw,46px)}
.vs-screen-copy small{font-size:12px;font-weight:650;letter-spacing:.1em;color:#a7dad7}
.vulgarisation .vs-screen-copy h5{font:500 clamp(24px,3vw,37px)/1.2 var(--serif);margin:16px 0;color:#fff}
.vs-screen-copy p{font-size:16px;line-height:1.8;color:#edf7fa;margin:0}
.vs-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.vs-stage-bottom button,.vs-quiz-action,.vs-quiz-restart{padding:13px 17px;border:1px solid #a8cbc7;border-radius:11px;background:#fff;color:var(--vs-ink);font-size:14px;font-weight:750;min-height:48px}
.vs-stage-bottom button:last-child,.vs-quiz-action,.vs-quiz-restart{background:var(--vs-ink);color:#fff;border-color:var(--vs-ink)}
.vs-stage-bottom button:disabled{opacity:.35;cursor:not-allowed}
.vs-stage-dots{display:flex;gap:7px;justify-content:center}
.vs-stage-dots span{width:9px;height:9px;border-radius:50%;background:#cadbd8}
.vs-stage-dots .active{background:#117d83;width:25px;border-radius:99px}
.vs-trust>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:23px}
.vs-trust article{min-width:0;padding:17px;border-radius:12px;border:1px solid #cadfdb;background:#fff}
.vs-trust article b{display:block;font-size:25px;color:#138087}
.vs-trust article strong{display:block;font-size:16px;line-height:1.4;color:var(--vs-ink);margin:8px 0}
.vs-trust article p{font-size:14px;line-height:1.65;margin:0}
.vs-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.vs-media-card{min-width:0;display:grid;grid-template-columns:120px minmax(0,1fr);border:1px solid #cce0dc;border-radius:15px;overflow:hidden;background:#fff}
.vs-media-visual{display:grid;place-items:center;min-height:195px;background:linear-gradient(135deg,#174967,#2b91a0);color:#fff}
.vs-media-visual-1{background:linear-gradient(135deg,#377369,#97b77b)}
.vs-media-visual-2{background:linear-gradient(135deg,#6a6c9d,#3a97ac)}
.vs-media-visual-3{background:linear-gradient(135deg,#9a684b,#d8a175)}
.vs-media-visual span{display:grid;place-items:center;width:70px;height:70px;border:2px solid #ffffffb0;border-radius:22px;font-size:35px;font-weight:600}
.vs-media-info{padding:20px}
.vs-media-info small{font-size:11px;font-weight:750;letter-spacing:.08em;color:#136a75}
.vulgarisation .vs-media-info h5{color:var(--vs-ink);font-size:19px;line-height:1.35;margin:9px 0}
.vs-media-info p{font-size:14px;line-height:1.65;margin:0 0 18px}
.vs-media-info a{display:inline-flex;min-height:38px;align-items:center;color:#13666c;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.vs-quiz-body{padding:23px;border-radius:15px;border:1px solid #cfdfdb;background:white}
.vs-quiz-step{color:#247079;font-size:13px;font-weight:750;margin:0 0 14px}
.vs-quiz-field{border:0;margin:0;padding:0;min-width:0}
.vs-quiz-question{color:var(--vs-ink);font:600 clamp(19px,2vw,24px)/1.35 var(--sans);padding:0;margin:0 0 22px}
.vs-quiz-options{display:grid;gap:11px;margin:0 0 22px}
.vs-quiz-options label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:15px;border:1px solid #cfe0dc;border-radius:12px;background:#f8fbfa;line-height:1.5}
.vs-quiz-options label:has(input:checked){border-color:#197d7e;background:#e3f3ef}
.vs-quiz-options input{flex:none;margin:4px 0 0;width:18px;height:18px;accent-color:#197d7e}
.vs-quiz-feedback{margin:0 0 20px;padding:16px;background:#eaf5f0;border-inline-start:4px solid #238675;border-radius:8px;line-height:1.7}
.vs-quiz-feedback strong{display:block;color:var(--vs-ink);margin-bottom:4px}
.vs-quiz-result strong{font-size:54px;font-weight:700;line-height:1.2;color:var(--vs-ink)}
.vs-quiz-result p{font-size:16px}
.vulgarisation :is(.vs-stage-bottom button,.vs-quiz-action,.vs-quiz-restart,.vs-media-info a,.rubriques-nav button):focus-visible{outline:3px solid #148d8d;outline-offset:4px}
@media(max-width:1200px){.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-media-card{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:900px){.vulgarisation .vs-hero{grid-template-columns:1fr}.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-trust>div,.vs-bridge ol{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-media-grid{grid-template-columns:1fr}}
@media(max-width:650px){.vulgarisation [data-rubriques=vulgarisation]>.rubriques-console{padding:14px!important}.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav{gap:9px}.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav button{min-height:122px!important;padding:13px!important;gap:10px}.vulgarisation [data-rubriques=vulgarisation] .rubrique-libelle strong{font-size:14px}.vulgarisation [data-rubriques=vulgarisation] .rubrique-icone{width:35px;height:35px}.vulgarisation [data-rubriques=vulgarisation] .rubrique-icone .ic{width:20px;height:20px}.vulgarisation .vs-hero{margin-top:25px;padding:22px}.vs-art-orbit{height:110px;padding:10px 0}.vs-hero-art ol{gap:8px}.vs-hero-art li{padding:10px}.vulgarisation .vul-galerie>div{grid-template-columns:1fr}.vulgarisation .vul-galerie>div>div{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px}.vulgarisation .vul-galerie img{width:120px}.vulgarisation .vul-galerie p{margin:0;font-size:14px}.vs-screen{grid-template-columns:1fr}.vs-screen-art{min-height:170px}.vs-scene{min-height:130px}.vs-screen-copy{padding:20px}.vs-screen-copy h5{margin:9px 0}.vs-map-nodes{grid-template-columns:1fr}.vs-map-nodes:before{display:none}.vs-bars>div{grid-template-columns:66px minmax(0,1fr) 64px;gap:8px}.vs-bars label,.vs-bars b{font-size:12px}.vs-risk-stats{gap:8px}.vs-risk-stats article{padding:14px}.vs-bridge ol{grid-template-columns:1fr}.vs-bridge li{flex-direction:row;align-items:center}.vs-trust>div{grid-template-columns:1fr}.vs-media-card{grid-template-columns:80px minmax(0,1fr)}.vs-media-info{padding:15px}.vs-media-visual span{width:54px;height:54px;border-radius:13px;font-size:25px}.vs-media-card .vs-media-info h5{font-size:17px}.vs-stage-bottom button{flex:1 1 115px;padding:11px}.vs-stage-dots{order:3;width:100%}}
@media(max-width:370px){.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav{grid-template-columns:1fr}.vulgarisation [data-rubriques=vulgarisation] .rubriques-nav button{flex-direction:row;min-height:86px!important;justify-content:flex-start;align-items:center}.vulgarisation .vul-galerie>div>div{grid-template-columns:90px minmax(0,1fr)}.vulgarisation .vul-galerie img{width:90px}}
@media(prefers-reduced-motion:reduce){.vs-bar-rail span,.vs-scene span{transition:none}}
html:is(.hc,.lv) .vulgarisation :is(.vs-hero,.vs-bridge,.vs-map,.vs-studio,.vs-lab,.vs-media,.vs-quiz,.vs-trust){box-shadow:none;border:2px solid var(--ink)}
html:is(.hc,.lv) .vulgarisation .vs-hero{background:#173f52}

/* Lecteur institutionnel, jamais chargé sans action explicite. */
.vulgarisation .vs-video{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:20px;align-items:stretch;margin:22px 0 36px;border:1px solid #c7dcd9;border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--vs-shadow)}

.vulgarisation .vs-video h4{font:500 clamp(22px,2.5vw,32px)/1.2 var(--serif);color:var(--vs-ink);margin:0 0 14px}

@media(max-width:800px){.vulgarisation .vs-video{grid-template-columns:1fr}}

/* Graphique vectoriel rigoureux : axe explicite de 0 à 100 %, labels et tableau de données. */
.vs-risk-chart{display:block;max-width:100%;margin:2px 0 26px;padding:19px 13px 8px;border:1px solid #cbdedc;border-radius:15px;background:linear-gradient(180deg,#ffffff,#f7fbfa)}
.vs-risk-chart svg{width:100%;height:auto;display:block;overflow:visible;font-family:var(--sans)}
.vs-chart-grid line{stroke:#d8e7e5;stroke-width:1.4;stroke-dasharray:4 5}
.vs-chart-grid text{fill:#536e78;font-size:17px;font-weight:550;direction:ltr}
.vs-chart-labels text{fill:#1b4254;font-size:19px;font-weight:700}
.vs-chart-range-a{stroke:#256d94;stroke-width:13;stroke-linecap:round;opacity:.7}
.vs-chart-range-b{stroke:#d48054;stroke-width:13;stroke-linecap:round;opacity:.8}
.vs-chart-point-a{fill:#235f7b;stroke:#fff;stroke-width:4}
.vs-chart-point-b{fill:#b95f3e;stroke:#fff;stroke-width:4}
.vs-chart-number-a,.vs-chart-number-b{fill:#163e51;font-size:22px;font-weight:750}
@media(max-width:580px){.vs-risk-chart{padding:10px 8px 0}.vs-chart-grid text{font-size:18px}.vs-chart-number-a,.vs-chart-number-b{font-size:21px}}