/* ============================================================================
   legal.css — feuille de style des pages légales de Ma Doublure
   (mentions-legales.html, confidentialite.html).
   Identité « doublure de veste » : laine #1F2033, craie #F2F3EE, garance
   #C8274F, couture #6F7189 ; Bricolage Grotesque (titres), Figtree (texte),
   JetBrains Mono (identifiants). Lisible, imprimable, sans dépendance.
   ========================================================================== */
:root{
  --wool:#1F2033; --chalk:#F2F3EE; --chalk-2:#E4E5DE; --madder:#C8274F;
  --madder-dark:#A41C3F; --seam:#6F7189; --amber:#8a5f08; --amber-bg:#FFF4D6;
  --display:'Bricolage Grotesque',Georgia,serif; --sans:'Figtree',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--chalk);color:var(--wool);font-family:var(--sans);font-size:16.5px;line-height:1.65;}

/* --- En-tête ------------------------------------------------------------- */
.lg-top{background:var(--wool);color:var(--chalk);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.lg-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;}
.lg-brand .mark{width:38px;height:38px;border-radius:10px;background:var(--madder);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:20px;flex:0 0 auto;}
.lg-brand b{display:block;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.02em;line-height:1.1;}
.lg-brand small{display:block;font-size:12.5px;color:rgba(242,243,238,.62);}
.lg-back{color:rgba(242,243,238,.8);text-decoration:none;font-size:14px;font-weight:600;border:1px solid rgba(242,243,238,.28);border-radius:999px;padding:7px 16px;transition:.15s;}
.lg-back:hover{color:#fff;border-color:var(--madder);background:var(--madder);}

/* --- Corps --------------------------------------------------------------- */
.lg-wrap{max-width:860px;margin:0 auto;padding:44px 24px 60px;}
.lg-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--madder);margin:0 0 8px;}
h1{font-family:var(--display);font-weight:800;font-size:clamp(32px,5vw,46px);letter-spacing:-.03em;line-height:1.05;margin:0 0 14px;}
.lg-lead{font-size:17.5px;color:#3b3d55;margin:0 0 6px;}
.lg-date{font-family:var(--mono);font-size:12.5px;color:var(--seam);margin:0 0 8px;}
section{border-top:1px solid var(--chalk-2);padding-top:26px;margin-top:30px;}
h2{font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-.02em;margin:0 0 12px;}
h3{font-family:var(--display);font-weight:700;font-size:17.5px;margin:22px 0 8px;color:var(--madder-dark);}
p{margin:0 0 13px;}
ul,ol{margin:0 0 14px;padding-left:22px;}
li{margin-bottom:7px;}
a{color:var(--madder-dark);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--madder);}
b,strong{font-weight:700;}
.mono,code{font-family:var(--mono);font-size:.92em;}

/* --- Tableaux ------------------------------------------------------------ */
.lg-tab{width:100%;border-collapse:collapse;margin:6px 0 16px;background:#fff;border:1px solid var(--chalk-2);border-radius:12px;overflow:hidden;font-size:15.5px;}
.lg-tab th,.lg-tab td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--chalk-2);}
.lg-tab tr:last-child th,.lg-tab tr:last-child td{border-bottom:0;}
.lg-tab th{width:34%;font-weight:600;color:var(--seam);background:#FAFAF7;font-size:14.5px;}
.lg-tab thead th{color:var(--wool);background:#EFEFE9;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;width:auto;}
.lg-scroll{overflow-x:auto;}
.lg-scroll .lg-tab{min-width:640px;}
.lg-scroll .lg-tab th{width:auto;}

/* --- Encadrés ------------------------------------------------------------ */
.lg-box{background:#fff;border:1px solid var(--chalk-2);border-left:3px solid var(--madder);border-radius:0 12px 12px 0;padding:16px 20px;margin:0 0 20px;}
.lg-box p:last-child{margin-bottom:0;}
.lg-box h3{margin-top:0;}
.lg-note{font-size:14.5px;color:var(--seam);}
.todo{display:inline-block;background:var(--amber-bg);color:var(--amber);border:1px dashed #d9a441;border-radius:6px;padding:1px 8px;font-family:var(--mono);font-size:12.5px;font-weight:500;}

/* --- Bouton (retrait du consentement) ------------------------------------ */
.lg-btn{display:inline-flex;align-items:center;gap:8px;background:var(--wool);color:var(--chalk);border:0;border-radius:999px;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;transition:.15s;}
.lg-btn:hover{background:var(--madder);color:#fff;}
.lg-ok{display:inline-block;margin-left:12px;font-size:14px;color:#2f7a4c;font-weight:600;}

/* --- Pied ---------------------------------------------------------------- */
.lg-foot{background:#121320;color:var(--seam);padding:24px;margin-top:50px;}
.lg-foot-in{max-width:860px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:14px 26px;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;}
.lg-foot nav{display:flex;gap:18px;flex-wrap:wrap;}
.lg-foot a{color:var(--seam);text-decoration:none;}
.lg-foot a:hover,.lg-foot a[aria-current]{color:var(--chalk);}

@media(max-width:760px){
  /* Téléphone : rien sous ~13,5 px, tableaux défilables, liens du pied espacés. */
  .lg-kicker{font-size:12.5px;letter-spacing:.14em;}
  .lg-date{font-size:13.5px;}
  .lg-tab{font-size:15px;}
  .lg-tab th{font-size:14px;}
  .lg-tab thead th{font-size:12.5px;}
  .lg-brand small{font-size:13.5px;}
  .lg-foot-in{font-size:13.5px;flex-direction:column;align-items:flex-start;gap:10px;}
  .lg-foot nav{gap:4px 18px;}
  .lg-foot nav a{padding:9px 0;display:inline-block;}
  .lg-scroll::after{content:"↔ faites glisser le tableau";display:block;font-size:12.5px;color:var(--seam);margin:-8px 0 14px;}
  .lg-btn{width:100%;justify-content:center;}
  .lg-ok{display:block;margin:8px 0 0;}
}
@media(max-width:420px){
  /* Petits écrans : les identifiants (SIRET, TVA) peuvent couper, les cellules
     respirent moins — sinon le tableau d'identité dépasse de quelques pixels. */
  .lg-tab th,.lg-tab td{padding:9px 10px;overflow-wrap:anywhere;}
  .lg-tab th{width:38%;}
  .lg-top{padding:14px 16px;}
}
@media(max-width:640px){
  body{font-size:16px;}
  .lg-wrap{padding:32px 18px 46px;}
  .lg-tab th{width:42%;}
}
@media print{
  .lg-top,.lg-foot,.lg-back,.lg-btn{display:none!important;}
  body{background:#fff;font-size:11pt;}
  .lg-wrap{max-width:none;padding:0;}
  section{page-break-inside:avoid;}
  a{color:inherit;text-decoration:none;}
}