/* ════════════════════════════════════════════════════════
   Ready for Maps — style commun des pages légales
   ════════════════════════════════════════════════════════ */
:root{
  --bg:#070511; --bg2:#0E0A1C; --panel:#141026; --panel2:#1A1433;
  --line:rgba(196,79,255,.16); --line2:rgba(255,255,255,.08);
  --cyan:#2CE9E0; --violet:#C44FFF; --pink:#FF2E7E; --gold:#FFD060;
  --ink:#F4F1FF; --mut:#B7AEDA; --dim:#7E76A6;
  --grad:linear-gradient(135deg,var(--cyan),var(--violet));
}
*{box-sizing:border-box;margin:0;padding:0;}
html{background:var(--bg);}
body{
  background:var(--bg);color:var(--ink);
  font-family:"Segoe UI",-apple-system,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.68;font-size:15px;
  padding-bottom:calc(60px + env(safe-area-inset-bottom,0));
}

/* en-tête */
header.top{
  position:relative;z-index:5;
  background:linear-gradient(180deg,var(--bg2),rgba(7,5,17,.6));
  border-bottom:1px solid var(--line);
  padding:calc(16px + env(safe-area-inset-top,0)) 22px 15px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
header.top a.back{color:var(--mut);text-decoration:none;font-size:13.5px;font-weight:700;white-space:nowrap;}
header.top a.back:hover{color:var(--cyan);}
header.top .brand{display:flex;align-items:center;gap:10px;margin-left:auto;}
header.top .mark{
  width:32px;height:32px;border-radius:9px;flex:none;
  background:var(--grad);display:grid;place-items:center;
  box-shadow:0 0 18px -4px rgba(44,233,224,.6);
}
header.top .mark svg{width:17px;height:17px;stroke:#06121a;fill:none;stroke-width:2;}
header.top .brand b{font-size:14.5px;font-weight:900;letter-spacing:-.01em;line-height:1.1;display:block;}
header.top .brand small{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:800;margin-top:2px;}

/* corps */
.wrap{max-width:780px;margin:0 auto;padding:0 22px;}
h1{
  font-size:27px;font-weight:900;letter-spacing:-.02em;margin:34px 0 6px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.maj{color:var(--dim);font-size:12.5px;margin-bottom:26px;}
h2{font-size:17.5px;font-weight:800;margin:32px 0 10px;color:var(--ink);}
h3{font-size:15px;font-weight:800;margin:20px 0 8px;color:var(--cyan);}
p,li{color:var(--ink);margin-bottom:10px;}
ul,ol{padding-left:22px;margin-bottom:12px;}
li{margin-bottom:7px;}
a{color:var(--violet);}
a:hover{color:var(--cyan);}
strong,b{color:#fff;font-weight:700;}

.card{background:var(--panel);border:1px solid var(--line2);border-radius:15px;padding:17px 19px;margin:15px 0;}
.card p:last-child,.card ul:last-child{margin-bottom:0;}
.note{font-size:13px;color:var(--dim);font-style:italic;}
.fill{background:rgba(255,208,96,.15);border:1px dashed var(--gold);color:#ffe6a8;padding:2px 8px;border-radius:6px;font-weight:700;}
.disclaimer{
  background:rgba(196,79,255,.10);border:1px solid rgba(196,79,255,.45);
  border-radius:15px;padding:17px 19px;margin:24px 0;font-size:14px;
}
.ok{
  background:rgba(44,233,224,.08);border:1px solid rgba(44,233,224,.35);
  border-radius:15px;padding:17px 19px;margin:20px 0;font-size:14px;
}

/* tableau des cookies */
table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:13.5px;display:block;overflow-x:auto;}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line2);vertical-align:top;}
th{color:var(--dim);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;white-space:nowrap;}
td b{color:var(--cyan);font-weight:700;}

footer{
  margin-top:44px;padding-top:22px;border-top:1px solid var(--line);
  color:var(--dim);font-size:12.5px;text-align:center;line-height:2.1;
}
footer a{margin:0 9px;white-space:nowrap;text-decoration:none;}
