/* Mutuelle-Guide — feuille de style partagée (fond blanc, accents vert santé / bleu) */
:root{--vert:#0e9f6e;--vert-fonce:#0a7a54;--vert-clair:#e8f7f0;--bleu:#1d4ed8;--bleu-clair:#eff6ff;--encre:#12221b;--texte:#374151;--gris:#f6f9f7;--bord:#dce8e1;--ombre:0 4px 18px rgba(14,159,110,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fff;color:var(--texte);line-height:1.7;font-size:1rem}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.article{max-width:820px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid var(--bord);position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 20px}
.brand{font-weight:800;font-size:1.25rem;color:var(--vert-fonce);text-decoration:none;display:flex;align-items:center;gap:8px}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--vert),#22c55e);color:#fff;font-size:1.15rem}
nav.main-nav{display:flex;flex-wrap:wrap;gap:4px}
nav.main-nav a{color:var(--encre);text-decoration:none;font-weight:600;font-size:.92rem;padding:7px 12px;border-radius:8px}
nav.main-nav a:hover{background:var(--vert-clair);color:var(--vert-fonce)}
.page-head{background:linear-gradient(135deg,#f0fdf7 0%,#eff6ff 100%);border-bottom:1px solid var(--bord);padding:40px 0 32px}
.page-head h1{font-size:2rem;line-height:1.25;color:var(--encre);margin-bottom:8px}
.page-head .meta{font-size:.88rem;color:#6b7280}
.page-head p.lead{max-width:780px;font-size:1.03rem;margin-top:10px}
article{padding:40px 0}
article h2{font-size:1.5rem;color:var(--encre);margin:40px 0 12px;padding-top:8px;border-bottom:3px solid var(--vert-clair);padding-bottom:8px}
article h3{font-size:1.15rem;color:var(--vert-fonce);margin:26px 0 8px}
article p{margin-bottom:14px}
article ul,article ol{margin:0 0 16px 22px}
article li{margin-bottom:6px}
article a{color:var(--vert-fonce);font-weight:600}
article strong{color:var(--encre)}
.toc{background:var(--gris);border:1px solid var(--bord);border-radius:12px;padding:20px 24px;margin:20px 0 30px}
.toc h2{font-size:1.05rem;color:var(--encre);border:none;margin:0 0 10px;padding:0}
.toc ol{margin:0;padding-left:20px}
.toc a{color:var(--vert-fonce);text-decoration:none}
.toc a:hover{text-decoration:underline}
table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:.92rem;background:#fff}
th{background:var(--vert-fonce);color:#fff;text-align:left;padding:11px 14px;font-weight:700}
td{padding:11px 14px;border-bottom:1px solid var(--bord);vertical-align:top}
tr:nth-child(even) td{background:var(--gris)}
.tbl-wrap{overflow-x:auto}
.encart{background:var(--bleu-clair);border-left:4px solid var(--bleu);border-radius:0 10px 10px 0;padding:16px 20px;font-size:.95rem;margin:18px 0}
.encart.vert{background:var(--vert-clair);border-left-color:var(--vert)}
.faq details{background:#fff;border:1px solid var(--bord);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:700;color:var(--encre);cursor:pointer}
.faq details p{margin-top:8px;font-size:.95rem}
.cta-box{background:linear-gradient(135deg,var(--vert-fonce),#0d9488);color:#fff;border-radius:14px;padding:26px 28px;margin:30px 0;text-align:center}
.cta-box h3{color:#fff;font-size:1.2rem;margin-bottom:6px}
.cta-box p{opacity:.95;margin-bottom:14px;font-size:.95rem}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none;font-size:.95rem;transition:transform .12s}
.btn:hover{transform:translateY(-1px)}
.btn-blanc{background:#fff;color:var(--vert-fonce);box-shadow:0 4px 14px rgba(0,0,0,.15)}
.site-footer{background:var(--encre);color:#c8d6cf;margin-top:48px;padding:44px 0 26px;font-size:.9rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:22px}
.footer-grid h4{color:#fff;font-size:.95rem;margin-bottom:10px}
.footer-grid a{color:#a7f3d0;text-decoration:none;display:block;padding:2px 0}
.footer-grid a:hover{text-decoration:underline}
.disclaimer{font-size:.8rem;color:#8fa69a;border-top:1px solid #2c4a3d;padding-top:16px;margin-bottom:10px}
.copyright{font-size:.8rem;color:#8fa69a}
