/* ==========================================================================
   UNFAIR — Pages légales (mentions, confidentialité, CGV)
   Reprend la DA du site : encre, accent #1a1aff, DM Serif Display + DM Sans.
   ========================================================================== */
:root{
  --ink:#111111;--ink2:#333333;--grey:#7c7c7c;--grey-l:#c4c4c4;--grey-ll:#e6e2db;
  --cream:#f7f5f1;--cream2:#efece5;--white:#ffffff;--accent:#1a1aff;--accent-l:#eeeeff;
  --amber:#d97706;--amber-l:#fffbeb;--maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--ink);
  -webkit-font-smoothing:antialiased;line-height:1.65;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}

.topline{height:3px;background:var(--accent);}
.lnav{background:rgba(247,245,241,.9);backdrop-filter:saturate(140%) blur(12px);
  border-bottom:1px solid var(--grey-ll);position:sticky;top:0;z-index:50;}
.lnav-in{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:64px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{font-family:'DM Serif Display',serif;font-style:italic;font-size:21px;color:var(--ink);
  display:flex;align-items:center;gap:10px;}
.logo:hover{text-decoration:none;}
.logo b{font-family:'DM Sans',sans-serif;font-style:normal;font-weight:700;font-size:8.5px;
  color:var(--accent);letter-spacing:1.4px;text-transform:uppercase;
  border-left:1px solid var(--grey-ll);padding-left:10px;}
.back{font-size:13px;font-weight:600;color:var(--ink2);white-space:nowrap;}
.back:hover{color:var(--accent);text-decoration:none;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:52px 24px 90px;}
.eyebrow{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:2.5px;text-transform:uppercase;}
h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(32px,5vw,46px);
  line-height:1.1;margin:12px 0 10px;letter-spacing:-.4px;}
.maj{font-size:12.5px;color:var(--grey);}
h2{font-family:'DM Serif Display',serif;font-weight:400;font-style:italic;
  font-size:clamp(21px,2.6vw,26px);margin:44px 0 14px;padding-bottom:8px;
  border-bottom:1px solid var(--grey-ll);}
h3{font-size:14.5px;font-weight:700;margin:24px 0 8px;}
p{font-size:14.5px;color:var(--ink2);margin-bottom:12px;}
ul,ol{margin:0 0 14px 20px;}
li{font-size:14.5px;color:var(--ink2);margin-bottom:7px;}
b,strong{color:var(--ink);font-weight:700;}

table{width:100%;border-collapse:collapse;margin:14px 0 18px;background:var(--white);
  border:1px solid var(--grey-ll);border-radius:10px;overflow:hidden;font-size:13.5px;}
th{background:var(--cream2);text-align:left;padding:10px 13px;font-size:11px;font-weight:700;
  letter-spacing:.8px;text-transform:uppercase;color:var(--grey);}
td{padding:10px 13px;border-top:1px solid var(--grey-ll);color:var(--ink2);vertical-align:top;}
td b{color:var(--ink);}

.toc{background:var(--white);border:1px solid var(--grey-ll);border-radius:12px;padding:18px 22px;margin:26px 0 8px;}
.toc h4{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--grey);margin-bottom:10px;}
.toc ol{margin:0 0 0 18px;}
.toc li{font-size:13.5px;margin-bottom:4px;}

.todo{background:var(--amber-l);border:1px solid #fde68a;border-left:3px solid var(--amber);
  border-radius:8px;padding:12px 15px;margin:14px 0;font-size:13.5px;color:#78350f;}
.todo b{color:#78350f;}
.note{background:var(--accent-l);border:1px solid #c5caff;border-left:3px solid var(--accent);
  border-radius:8px;padding:12px 15px;margin:14px 0;font-size:13.5px;color:var(--ink2);}

.lfoot{border-top:1px solid var(--grey-ll);margin-top:60px;padding-top:24px;
  display:flex;gap:20px;flex-wrap:wrap;font-size:13px;}
.lfoot a{color:var(--ink2);font-weight:600;}
.lfoot a:hover{color:var(--accent);}

@media(max-width:620px){
  .wrap{padding:36px 20px 70px;}
  table{display:block;overflow-x:auto;}
}