/* Vigilae — pages légales (mentions, confidentialité, CGU) — DA premium partagée */
:root{
  --teal:#0F6E56;--teal2:#16A37B;--emerald:#1FB888;--ink:#0c1813;--ink2:#16231e;--muted:#54625b;--muted2:#7e8b83;
  --bg:#f6faf8;--card:#fff;--line:#e7ede9;--line2:#dde6e1;--teal-bg:#E2F4ED;
  --amber:#9c6310;--amber-bg:#FBF1DC;--grad:linear-gradient(135deg,#1FB888,#0F6E56);--r:14px;
  --shadow:0 1px 2px rgba(12,24,19,.04),0 18px 40px -14px rgba(12,24,19,.16);
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink2);
 background:radial-gradient(900px 500px at 85% -5%,rgba(31,184,136,.10),transparent),var(--bg);
 -webkit-font-smoothing:antialiased;letter-spacing:-.011em;line-height:1.65}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:10;backdrop-filter:saturate(180%) blur(14px);background:rgba(246,250,248,.72);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;letter-spacing:-.02em;color:var(--ink2)}
.mark{width:32px;height:32px;border-radius:9px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 6px 16px -4px rgba(31,184,136,.5)}
.right{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;border:none;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 10px 22px -8px rgba(15,110,86,.5)}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.linklike{color:var(--muted);font-size:14px;font-weight:500}
.legal{max-width:840px;margin:0 auto;padding:18px 22px 70px}
.crumb{font-size:13px;color:var(--muted2);margin:22px 0 6px}
.crumb a{color:var(--muted2)}
h1{font-size:34px;line-height:1.12;letter-spacing:-.03em;font-weight:700;margin:6px 0 6px}
.updated{font-size:13px;color:var(--muted2);margin:0 0 22px}
.draft{background:var(--amber-bg);border:1px solid #efd9a8;border-radius:var(--r);padding:14px 16px;font-size:13.5px;color:var(--amber);line-height:1.55;margin:0 0 30px}
.draft strong{color:#7a4d09}
h2{font-size:20px;letter-spacing:-.02em;font-weight:650;margin:34px 0 10px;padding-top:8px;border-top:1px solid var(--line)}
h3{font-size:16px;font-weight:650;margin:20px 0 6px}
p,li{font-size:15px;color:var(--ink2)}
p{margin:0 0 12px}
ul{margin:0 0 14px;padding-left:20px}
li{margin:4px 0}
.ph{background:var(--teal-bg);color:#0b5a45;border-radius:6px;padding:1px 7px;font-weight:600;font-size:13.5px;white-space:nowrap}
.note{font-size:13px;color:var(--muted);font-style:italic;border-left:2px solid var(--line2);padding-left:12px;margin:14px 0}
dl{margin:0 0 14px}
dt{font-weight:650;font-size:14.5px;margin-top:10px}
dd{margin:2px 0 0;font-size:14.5px;color:var(--muted)}
footer{border-top:1px solid var(--line);background:#fff;padding:26px 0;color:var(--muted);font-size:13px}
.foot-row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.foot-row a{color:var(--muted)}
.foot-copy{margin-top:10px;color:var(--muted2);font-size:12px}
a:focus-visible,button:focus-visible{outline:2px solid var(--teal2);outline-offset:2px}
@media(max-width:640px){.linklike{display:none}.nav{gap:10px}.right{gap:9px}.btn{padding:9px 14px}}
@media(max-width:560px){h1{font-size:27px}.legal{padding:14px 18px 50px}}
@media(max-width:400px){.logo{font-size:0;gap:0}.logo .mark{font-size:16px}}