/* Focusme Agency — feuille de style des pages légales
   Reprend le design system de index.html (tokens identiques). */

:root{
  --paper:#F9F7F2;
  --white:#FFFFFF;
  --ink:#101820;
  --steel:#5C6670;
  --line:#E4DFD4;
  --blue:#0F4C81;
  --deep:#0A3357;
  --ice:#8FC7E8;
  --tint:#EAF1F7;
  --safety:#F5B700;
  --alert:#B0685E;
  --alert-tint:#F6E9E6;
  --font-d:"Archivo","IBM Plex Sans",sans-serif;
  --font-s:"Fraunces",Georgia,serif;
  --font-b:"IBM Plex Sans",sans-serif;
  --font-m:"IBM Plex Mono",monospace;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font-family:var(--font-b);background:var(--paper);color:var(--ink);font-size:16.5px;line-height:1.72;-webkit-font-smoothing:antialiased}
.wrap{max-width:1140px;margin:0 auto;padding:0 26px}
a{color:var(--blue)}
em.s{font-family:var(--font-s);font-style:italic;font-weight:500}

/* Bandeau + header (identiques à l'accueil) */
.ribbon{background:var(--deep);color:#DCEBF6;font-family:var(--font-m);font-size:12px}
.ribbon .wrap{display:flex;justify-content:space-between;gap:14px;padding:9px 26px;flex-wrap:wrap}
.ribbon b{color:#fff;font-weight:500}

header{position:sticky;top:0;z-index:60;background:rgba(249,247,242,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-d);font-weight:750;font-size:21px;color:var(--ink);letter-spacing:-.02em}
.logo small{font-family:var(--font-m);font-weight:500;font-size:10.5px;letter-spacing:.12em;color:var(--steel);align-self:flex-end;padding-bottom:4px}
.nav .back{font-family:var(--font-m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--steel);border:1px solid var(--line);border-radius:10px;padding:9px 15px;transition:border-color .2s,color .2s}
.nav .back:hover{border-color:var(--ink);color:var(--ink)}

/* En-tête de page */
.lead-sec{padding:64px 0 34px;border-bottom:1px solid var(--line)}
.kicker{font-family:var(--font-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:16px}
h1{font-family:var(--font-d);font-weight:700;font-size:clamp(31px,4.4vw,48px);letter-spacing:-.025em;line-height:1.1;max-width:16ch}
.lead{color:var(--steel);font-size:17.5px;max-width:680px;margin-top:18px}
.stamp{font-family:var(--font-m);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 22px}
.stamp b{color:var(--ink);font-weight:500}

/* Corps : sommaire + contenu */
.doc{display:grid;grid-template-columns:236px 1fr;gap:56px;padding:48px 0 90px;align-items:start}
.doc>*{min-width:0}
@media(max-width:900px){.doc{grid-template-columns:1fr;gap:30px}}

.toc{position:sticky;top:100px;font-size:14px}
@media(max-width:900px){.toc{position:static;border:1px solid var(--line);border-radius:14px;background:var(--white);padding:20px 22px}}
.toc h2{font-family:var(--font-m);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-weight:500;margin-bottom:14px}
.toc ol{list-style:none;counter-reset:t}
.toc li{counter-increment:t;margin-bottom:2px}
.toc a{display:block;text-decoration:none;color:var(--steel);padding:5px 0 5px 30px;position:relative;line-height:1.45;border-left:2px solid transparent;transition:color .2s,border-color .2s}
.toc a::before{content:counter(t,decimal-leading-zero);position:absolute;left:10px;font-family:var(--font-m);font-size:11px;color:var(--ice)}
.toc a:hover{color:var(--ink);border-left-color:var(--safety)}

.body{max-width:760px}
.body section{margin-bottom:44px;scroll-margin-top:96px}
.body h2{font-family:var(--font-d);font-weight:700;font-size:23px;letter-spacing:-.015em;line-height:1.25;margin-bottom:16px;padding-top:6px}
.body h2 .num{font-family:var(--font-m);font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--ice);display:block;margin-bottom:8px}
.body h3{font-family:var(--font-d);font-weight:650;font-size:17px;margin:26px 0 10px}
.body p{margin-bottom:14px}
.body ul,.body ol{margin:0 0 16px 22px}
.body li{margin-bottom:9px}
.body strong,.body b{font-weight:600}

/* Fiche d'identité */
.idcard{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:8px 26px;margin-bottom:20px}
.idcard dl{display:grid;grid-template-columns:minmax(140px,32%) 1fr;gap:0}
@media(max-width:560px){.idcard dl{grid-template-columns:1fr}}
.idcard dt{font-family:var(--font-m);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);padding:15px 0 4px;border-top:1px solid var(--line)}
.idcard dd{padding:15px 0;border-top:1px solid var(--line)}
@media(max-width:560px){.idcard dd{padding:0 0 15px;border-top:0}}
.idcard dl>dt:first-of-type,.idcard dl>dt:first-of-type+dd{border-top:0}

/* Encadrés */
.note{border-left:3px solid var(--ice);background:var(--tint);border-radius:0 12px 12px 0;padding:16px 20px;margin:0 0 18px}
.note p:last-child{margin-bottom:0}
.note .lbl{font-family:var(--font-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:7px}

.rule-box{border:1px solid var(--line);border-left:3px solid var(--safety);background:var(--white);border-radius:0 12px 12px 0;padding:16px 20px;margin:0 0 18px}
.rule-box p:last-child{margin-bottom:0}
.rule-box .lbl{font-family:var(--font-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8A6800;display:block;margin-bottom:7px}

/* Tableaux */
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:560px}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--font-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-weight:500;background:var(--paper)}
tr:last-child td{border-bottom:0}

/* Marqueur d'information manquante — volontairement voyant */
.todo{background:var(--alert-tint);color:#8C3E33;border:1px dashed var(--alert);border-radius:6px;padding:1px 7px;font-family:var(--font-m);font-size:12.5px;font-weight:500;white-space:nowrap}

/* Pied de page */
footer{background:var(--deep);color:#B9CEDF;padding:44px 0 34px;font-size:14px}
footer a{color:#DCEBF6}
.f-nav{display:flex;flex-wrap:wrap;gap:10px 26px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12);font-family:var(--font-m);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.f-nav a{text-decoration:none}
.f-nav a:hover{color:#fff}
.f-nav a[aria-current="page"]{color:#fff;border-bottom:2px solid var(--safety);padding-bottom:3px}
.f-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:20px;font-size:13px;color:#8FB6D4}

/* Sélecteur de langue */
.nav-right{display:flex;align-items:center;gap:14px}
.langs{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--white);flex:none}
.langs a{font-family:var(--font-m);font-size:11.5px;letter-spacing:.08em;text-decoration:none;color:var(--steel);padding:8px 11px;border-right:1px solid var(--line);transition:background .2s,color .2s}
.langs a:last-child{border-right:0}
.langs a:hover{background:var(--tint);color:var(--ink)}
.langs a[aria-current="true"]{background:var(--blue);color:#fff}
@media(max-width:660px){
  .nav{gap:12px}
  .nav .back{display:none}
  .logo{font-size:19px;gap:9px}
  .logo small{display:none}
  .nav-right{gap:10px}
  .langs a{font-size:11px;padding:9px 9px}
}
@media(max-width:420px){
  .nav{padding-left:18px;padding-right:18px;gap:10px}
  .langs a{font-size:10.5px;padding:8px 7px;letter-spacing:.06em}
}

/* Bandeau de traduction de courtoisie */
.xlate{background:#FDF6DD;border-bottom:1px solid #EBDCA6}
.xlate .wrap{padding:11px 26px;font-size:13.5px;color:#6B5410;display:flex;gap:10px;align-items:baseline}
.xlate b{color:#4A3A08}
.xlate a{color:#8A6800;font-weight:600}