:root{
--rose:#E37F90; /* E37F90 */
--framboise:#D06C7C; /* d06c7c */
--ink:#1f2937;
--text:#374151;
--muted:#6b7280;
--bg:#fff7f9;
--card:#ffffff;
--border:#f2e3e7;
}


/* === Mise en page locale et non intrusive === */
.privacy{ --radius:18px; --shadow:0 10px 30px rgba(208,108,124,.08);}
.privacy{max-width:1200px; margin-inline:auto; padding:24px; color:var(--text);}
.privacy *{box-sizing:border-box}


.privacy .hero{background:linear-gradient(135deg,var(--rose),var(--framboise)); color:#fff; border-radius:var(--radius); padding:36px 28px; margin-bottom:28px; box-shadow:var(--shadow)}
.privacy .hero h1{margin:0 0 8px; font-size:clamp(26px,3.5vw,40px); line-height:1.2}
.privacy .hero p{margin:0; opacity:.95}


.privacy .grid{display:grid; grid-template-columns:300px 1fr; gap:28px}
@media (max-width: 980px){ .privacy .grid{grid-template-columns:1fr} }


.privacy .card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow)}


/* Sommaire desktop (inchangé) */
.privacy .toc{position:sticky; top:16px; align-self:start; padding:16px}
.privacy .toc h2{font-size:13px; text-transform:uppercase; letter-spacing:.08em; margin:4px 0 10px; color:var(--framboise)}
.privacy .toc ul{list-style:none; margin:0; padding:0}
.privacy .toc li{margin:2px 0}
.privacy .toc a{display:block; padding:10px 12px; border-radius:12px; text-decoration:none; color:var(--ink); border:1px solid transparent}
.privacy .toc a:hover{background:#fff3f5; border-color:#f7dce2}

/* Sommaire MOBILE (checkbox hack, zéro JS de toggle) */
.toc-mobile{display:none; margin-bottom:20px; border-radius:var(--radius); overflow:hidden}
.toc-toggle{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}
.toc-trigger{
  display:block; cursor:pointer; padding:14px 16px; font-weight:600;
  background:linear-gradient(135deg,var(--rose),var(--framboise)); color:#fff;
}
.toc-panel{display:none; background:#fff; border:1px solid var(--border); border-top:0}
.toc-panel ul{list-style:none; margin:0; padding:0}
.toc-panel li{border-bottom:1px solid var(--border)}
.toc-panel li:last-child{border-bottom:0}
.toc-panel a{display:block; padding:10px 16px; text-decoration:none; color:var(--ink)}
.toc-panel a:hover{background:#fff3f5}

/* Ouverture quand coché */
.toc-toggle:checked ~ .toc-panel{display:block}

/* Responsive : mobile = checkbox, desktop = aside sticky */
@media (max-width:980px){
  .privacy .grid{grid-template-columns:1fr}
  .privacy .toc{display:none}
  .toc-mobile{display:block}
}

/* Confort si header fixe */
.section{scroll-margin-top:90px}

/* === Contenu === */
.privacy .content{padding:8px 8px 8px}
.privacy .section{padding:18px 20px; border-bottom:1px solid var(--border)}
.privacy .section:last-child{border-bottom:0}


.privacy h2{color:var(--framboise); margin:0 0 6px; font-size:clamp(18px,2.5vw,26px)}
.privacy h3{color:var(--rose); margin:18px 0 8px; font-size:clamp(16px,2vw,20px)}
.privacy p{margin:8px 0}
.privacy ul{margin:8px 0 8px 22px}
.privacy li{margin:6px 0}
.privacy a{color:var(--framboise)}
.privacy .note{font-size:14px; color:var(--muted)}


/* Encadrés utiles (date, contact) */
.privacy .info{display:flex; gap:14px; flex-wrap:wrap; margin-top:10px}
.privacy .pill{background:#fff; border:1px solid var(--border); border-left:4px solid var(--rose); padding:10px 12px; border-radius:12px}