/* Styles partagés des pages légales (confidentialité, CGU, suppression de compte). */
:root{
  --navy:#0F1E2E; --green:#16A34A; --green-d:#15803D; --green-surface:#F0FDF4; --green-light:#DCFCE7;
  --flame:#E3272A; --error:#EF4444; --warn:#B45309; --warn-bg:#FFFBEB; --warn-bd:#F59E0B;
  --danger:#7F1D1D; --danger-bg:#FEF2F2; --danger-bd:#FECACA;
  --paper:#F7F6F2; --surface:#fff; --gray50:#FAFAF8; --ink:#111210;
  --muted:#6B6B68; --tertiary:#9B9B94; --border:#EBEBEA;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;
  --display:'Clash Display',var(--sans);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:840px;margin-inline:auto;padding-inline:22px}
a{color:var(--green-d);text-decoration:underline}

.top{background:var(--navy);color:#fff;padding:24px 0}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand img{width:38px}
.brand b{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.02em}
.brand b span{color:#4ADE80}

.hero{background:var(--green-surface);border:1px solid var(--green-light);border-radius:18px;padding:26px;margin:34px 0;text-align:center}
.hero__icon{width:64px;height:64px;border-radius:32px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;font-size:30px}
.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(24px,4vw,34px);line-height:1.15;letter-spacing:-.02em}
.badge{display:inline-block;background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--muted);margin-top:12px}
.hero p{font-size:15px;color:var(--muted);line-height:1.7;text-align:left;margin-top:16px}
.legal{font-weight:600;color:var(--green-d)}

.toc{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:30px}
.toc__title{font-weight:700;color:var(--green-d);background:var(--green-surface);padding:14px 18px;border-bottom:1px solid var(--border);font-size:15px}
.toc__row{display:flex;gap:12px;padding:9px 18px;border-bottom:1px solid var(--border);font-size:14px}
.toc__row:last-child{border-bottom:none}
.toc__num{color:var(--green-d);font-weight:700;width:52px;flex-shrink:0}
.toc__label{color:var(--muted)}

article{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:20px}
.art__head{display:flex;align-items:center;gap:12px;background:var(--gray50);padding:14px 18px;border-bottom:1px solid var(--border)}
.art__num{width:30px;height:30px;border-radius:15px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}
.art__title{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.01em}
.art__body{padding:18px;display:flex;flex-direction:column;gap:12px}
.art__body p{font-size:15px;color:#3a3a38}
.sub{font-weight:700;color:var(--ink);font-size:14.5px;margin-top:6px}

ul{list-style:none;display:flex;flex-direction:column;gap:7px}
li{position:relative;padding-left:26px;font-size:14.5px;color:var(--muted);line-height:1.5}
li::before{position:absolute;left:0;top:-1px;font-size:15px}
ul.yes li::before{content:"✓";color:var(--green);font-weight:700}
ul.no  li::before{content:"✗";color:var(--error);font-weight:700}
ul.dot li::before{content:"•";color:var(--green);font-weight:700}

.infocard{background:var(--gray50);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.infocard .row{display:flex;gap:14px;padding:11px 14px;border-bottom:1px solid var(--border);font-size:14px}
.infocard .row:last-child{border-bottom:none}
.infocard .lbl{color:var(--tertiary);font-weight:600;width:120px;flex-shrink:0;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;padding-top:1px}
.infocard .val{color:var(--ink);flex:1}

.warn{display:flex;gap:10px;background:var(--warn-bg);border:1px solid #F59E0B55;border-radius:12px;padding:14px;font-size:14px;color:var(--warn);line-height:1.5}
.warn::before{content:"⚠";flex-shrink:0}
.infobox{display:flex;gap:10px;background:var(--green-surface);border:1px solid var(--green-light);border-radius:12px;padding:14px;font-size:14px;color:var(--green-d);line-height:1.5}
.infobox::before{content:"ℹ";flex-shrink:0}
.danger{display:flex;gap:10px;background:var(--danger-bg);border:1px solid var(--danger-bd);border-radius:12px;padding:16px;font-size:15px;color:var(--danger);line-height:1.55}
.danger::before{content:"⚠";flex-shrink:0;font-size:18px}

/* étapes numérotées (page suppression) */
ol.steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:12px}
ol.steps li{counter-increment:step;position:relative;padding-left:44px;font-size:15px;color:#3a3a38;line-height:1.5;min-height:30px;display:flex;align-items:center}
ol.steps li::before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:15px;background:var(--green);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}

footer{border-top:1px solid var(--border);padding:30px 0;text-align:center;color:var(--tertiary)}
footer .fname{font-weight:700;color:var(--muted);font-size:15px}
footer .fdate{font-size:13px;margin-top:6px}
footer .flegal{font-size:12px;max-width:440px;margin:12px auto 0;line-height:1.6}
footer .fback{display:inline-block;margin-top:16px;font-size:14px}