/* Pages légales, DA « net + éclats » (design system Fondant) : le blanc en grand (nuit en sombre), logo nuit (le i est une glace),
   titres en display, la framboise seulement en éclat (liens). Polices de l'app servies par le site, sans Google Fonts. */
@font-face{font-family:'Sweetin Display';src:url(/fonts/SweetinDisplay.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Sweetin Text';src:url(/fonts/SweetinText-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Sweetin Text';src:url(/fonts/SweetinText-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Sweetin Text';src:url(/fonts/SweetinText-ExtraBold.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--cerise:#FF2E5B;--cacao:#160F12;--vanille:#FFFFFF;--muted:#6F6468;--line:rgba(22,15,18,.08);--card:#F4F0F1;--todo:#FFE36E}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:var(--cacao);font:500 16px/1.65 "Sweetin Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{background:transparent;color:var(--cacao);padding:28px 16px 30px;text-align:center;position:relative;border-bottom:1px solid var(--line)}
header a.brand{color:inherit}
header a.brand{display:inline-block;text-decoration:none}
header h1{margin:16px 0 0;font-size:26px;line-height:1.1;font-family:'Sweetin Display','Arial Black',sans-serif;font-weight:400;text-transform:lowercase;color:inherit}
header p{margin:10px auto 0;max-width:560px;font-size:15px;color:var(--muted)}
nav.lang{margin-top:12px;font-size:13px}
nav.lang a{color:inherit;font-weight:700}
main{max-width:760px;margin:0 auto;padding:32px 16px 48px}
h2{font-size:19px;line-height:1.2;margin:38px 0 8px;font-family:'Sweetin Display','Arial Black',sans-serif;font-weight:400;text-transform:lowercase}
h3{font-size:16px;margin:22px 0 6px;font-weight:800}
p,li{margin:8px 0}
ul,ol{padding-left:22px}
a{color:#C40E3B;font-weight:600}
.box{background:var(--card);border:0;border-radius:20px;padding:16px 20px;margin:16px 0}
.box h3{margin-top:4px}
.tbl{overflow-x:auto;margin:14px 0;border:1px solid var(--line);border-radius:14px;background:var(--card)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px;line-height:1.5}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{font-size:13px;color:var(--muted);font-weight:700;background:#ECECEF}
tr:last-child td{border-bottom:0}
.todo{background:var(--todo);border-radius:4px;padding:0 4px}
.steps li{margin:10px 0}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;padding:20px 16px 36px}
footer a{color:var(--muted);margin:0 8px}
@media (prefers-color-scheme:dark){body{background:#0E0B0C;color:#fff}.box,.tbl{background:#1C1618}th{background:#262022;color:#A89EA2}header{color:#fff}main a{color:#FF6B88}:root{--line:rgba(255,255,255,.08);--muted:#9A9A9A;--todo:#5A4A00}}