.vsg{--sg-ok:#10797d;--sg-mid:#8a5a00;--sg-ko:var(--vem-coral)}
.vsg-tool{background:var(--vem-cream);padding-block:70px}
.vsg-tool__head{max-width:760px;margin-bottom:28px}
.vsg-tool__head h2{font-size:clamp(2rem,4vw,3.2rem);margin:.1em 0 .4em}
.vsg-tool__head p{color:var(--vem-muted);line-height:1.6}
.vsg-picker{background:#fff;border:1px solid #eadfce;border-radius:16px;padding:22px;max-width:640px}
.vsg-picker label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px;color:var(--vem-ink)}
.vsg-picker select{width:100%;padding:13px 14px;border:1px solid #cfe1df;border-radius:10px;background:#f5fbfa;color:var(--vem-ink);font-family:inherit;font-size:.95rem;min-height:48px}
.vsg-picker select:focus-visible{outline:2px solid var(--vem-ink);outline-offset:2px}
.vsg-result{margin-top:18px;border-radius:16px;padding:24px;max-width:640px;border-left:6px solid}
.vsg-result h3{font-size:1.45rem;margin:0 0 6px}
.vsg-result p{margin:0 0 10px;line-height:1.6}
.vsg-result--epargne{background:#e9f6f5;border-color:var(--sg-ok);color:#06403f}
.vsg-result--variable{background:#fff4d5;border-color:var(--sg-mid);color:#4a3200}
.vsg-result--expose{background:#ffeae6;border-color:var(--sg-ko);color:#5c1200}
.vsg-result__alt{margin-top:12px;font-size:.85rem}
.vsg-result__alt b{display:block;margin-bottom:6px}
.vsg-result__alt a{display:inline-block;margin:0 8px 6px 0;padding:6px 11px;background:#fff;border-radius:20px;font-size:.8rem;font-weight:700;text-decoration:none;color:#06403f;border:1px solid rgba(6,64,63,.2)}
.vsg-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.vsg-legend__item{background:#fff;border:1px solid #eadfce;border-left:5px solid;border-radius:12px;padding:15px}
.vsg-legend__item b{display:block;font-size:.9rem;margin-bottom:4px}
.vsg-legend__item span{font-size:.75rem;color:var(--vem-muted);line-height:1.45}
.vsg--epargne{border-left-color:var(--sg-ok)}.vsg--variable{border-left-color:var(--sg-mid)}.vsg--expose{border-left-color:var(--sg-ko)}
.vsg-all{margin-top:24px}
.vsg-all summary{cursor:pointer;font-weight:800;font-size:.85rem;padding:12px 0;min-height:24px}
.vsg-all summary:focus-visible{outline:2px solid var(--vem-ink);outline-offset:3px}
.vsg-all__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.vsg-col{background:#fff;border:1px solid #eadfce;border-top:4px solid;border-radius:14px;padding:18px}
.vsg-col h3{font-size:1rem;margin:0 0 10px}
.vsg-col ul{list-style:none;margin:0;padding:0}
.vsg-col li{padding:7px 0;border-bottom:1px solid #f0eadf}
.vsg-col li:last-child{border-bottom:0}
.vsg-col b{display:block;font-size:.82rem}
.vsg-col small{color:var(--vem-muted);font-size:.7rem}
.vsg-intro,.vsg-health{background:#fff;padding-block:78px}
.vsg-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.vsg-cols article{background:var(--vem-cream);border-radius:15px;padding:24px}
.vsg-cols b{color:var(--vem-coral);font-size:.72rem;font-weight:800;letter-spacing:.05em}
.vsg-cols h3{font-size:1.2rem;margin:10px 0 8px}
.vsg-cols p{color:var(--vem-muted);font-size:.82rem;line-height:1.6;margin:0}
.vsg-season{background:var(--vem-cream);padding-block:78px}
.vsg-season h2{font-size:clamp(2rem,4vw,3.2rem);margin:.1em 0 .5em}
.vsg-season__lead{max-width:760px;line-height:1.65;color:var(--vem-muted)}
.vsg-months{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:28px 0 20px}
.vsg-month{border-radius:9px;padding:12px 4px;text-align:center;background:#fff;border:1px solid #eadfce}
.vsg-month span{display:block;font-size:.72rem;font-weight:800}
.vsg-month b{display:block;font-size:.58rem;margin-top:5px;font-weight:600}
.vsg-month--0{background:#eef8f6}
.vsg-month--1{background:#fff4d5}
.vsg-month--2{background:#ffe2c4}
.vsg-month--3{background:#ffd3c9;border-color:#f0b3a5}
.vsg-note{background:#fff;border-left:4px solid var(--vem-yellow);border-radius:0 12px 12px 0;padding:16px 18px;font-size:.85rem;line-height:1.6;max-width:820px}
.vsg-source{background:var(--vem-cream);border-radius:14px;padding:20px;margin-top:26px;font-size:.85rem;line-height:1.65}
@media(max-width:900px){.vsg-cols,.vsg-legend,.vsg-all__grid{grid-template-columns:1fr}.vsg-months{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.vsg-months{grid-template-columns:repeat(3,1fr)}.vsg-cols p{font-size:.9rem}}
/* Le lien vers le bulletin est dans un paragraphe de texte : la couleur seule ne le
   distingue pas assez (1,57:1 avec le texte voisin). Le soulignement le rend
   identifiable sans dependre de la couleur (WCAG 1.4.1, technique G183). */
.vsg-source a{text-decoration:underline;text-underline-offset:3px;font-weight:600}