/* ============================================================
   QTouch — pages légales (qtouch-privacy.html, qtouch-terms.html)
   En-tête navy et pied repris de l'accueil (qtouch-concept.html / lib/site/home.css).
   Langue : chaque section contient un bloc .l-fr et un bloc .l-en ;
   lib/i18n.js pose html[data-lang] et bascule les data-fr / data-en.
   ============================================================ */
:root{--ink:#0F172A;--navy:#0F172A;--muted:#64748B;--accent:#F97316;--accent-d:#EA580C;--line:#E8EAEE;--hx-ink:#0F172A;--hx-max:1200px}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.flex-1{flex:1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- en-tête (identique à l'accueil) ---------- */
.hdr{background:var(--navy);color:#fff;position:relative;z-index:5}
.hdr-top{max-width:1280px;margin:0 auto;padding:18px 36px 6px;display:flex;align-items:center;gap:14px}
.hdr-logo{display:flex;align-items:center;gap:10px;color:#fff;flex-shrink:0}
.hdr-logo img{height:32px;width:auto;display:block;object-fit:contain}
.hdr-login{padding:10px 22px;background:#fff;color:var(--navy);border:1.5px solid rgba(255,255,255,.2);border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:.2s}
.hdr-login:hover{background:#f3f4f6;transform:translateY(-1px)}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;border:none;cursor:pointer;transition:.2s;position:relative}
.menu-btn:hover{background:rgba(255,255,255,.18)}
.menu-btn svg{width:18px;height:18px}
.qt-lang-btn .qt-lang-code{position:absolute;font-size:9.5px;font-weight:800;letter-spacing:.4px;background:#0F172A;color:#fff;border-radius:5px;padding:2px 5px;line-height:1;bottom:-3px;right:50%;transform:translateX(50%);border:2px solid var(--navy)}
.hdr-tabs{max-width:1280px;margin:0 auto;padding:6px 36px 22px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hdr-tab-home{margin-right:10px;width:44px;height:44px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;transition:.2s}
.hdr-tab-home:hover{background:rgba(255,255,255,.10)}
.hdr-tab-home svg{width:22px;height:22px}
.hdr-tab{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:50px;color:#fff;font-size:14.5px;font-weight:600;font-family:inherit;transition:.2s;white-space:nowrap;position:relative}
.hdr-tab svg{width:16px;height:16px;opacity:.85}
.hdr-tab:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4)}
.hdr-tab .new-badge{position:absolute;top:-9px;right:-6px;background:#EC4899;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}
.hdr-tab .new-badge.soon{background:#F97316}
@media(max-width:780px){.hdr-top{padding:14px 20px 6px;gap:8px}.hdr-tabs{padding:6px 20px 16px}.hdr-login{padding:9px 16px;font-size:13px}}
@media(max-width:640px){.hdr-tabs{display:none}.hdr-top{padding:14px 16px}}

/* ---------- langue ---------- */
.l-en{display:none}
html[data-lang="en"] .l-en{display:block}
html[data-lang="en"] .l-fr{display:none}

/* ---------- titre ---------- */
.lg-hero{background:linear-gradient(180deg,#FFF7ED,#fff);border-bottom:1px solid var(--line);padding:clamp(48px,7vw,88px) 24px clamp(32px,4vw,48px)}
.lg-hero-in{max-width:var(--hx-max);margin:0 auto}
.lg-eyebrow{display:inline-block;margin-bottom:12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#C2410C}
.lg-hero h1{margin:0;font-size:clamp(32px,4.4vw,54px);font-weight:900;letter-spacing:-.035em;line-height:1.05}
.lg-hero h1 em{font-style:normal;font-family:'Caveat',cursive;font-weight:700;color:var(--accent);font-size:1.15em;letter-spacing:-.01em}
.lg-meta{margin:14px 0 0;font-size:14.5px;color:var(--muted);font-weight:500}

/* ---------- contenu + sommaire ---------- */
.lg-wrap{max-width:var(--hx-max);margin:0 auto;padding:clamp(32px,5vw,56px) 24px clamp(64px,8vw,96px);display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.lg-toc{position:sticky;top:24px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:18px;background:#fff}
.lg-toc > b{display:block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lg-toc ol{margin:0;padding:0 0 0 18px;display:grid;gap:7px;font-size:14px;font-weight:600;color:#334155}
.lg-toc a:hover{color:var(--accent-d)}
.lg-body{min-width:0;max-width:780px}
.lg-body section{margin-bottom:38px}
.lg-body h2{margin:0 0 12px;font-size:clamp(21px,2.2vw,26px);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.lg-body h3{margin:18px 0 8px;font-size:16.5px;font-weight:800}
.lg-body p,.lg-body li{font-size:15.5px;line-height:1.7;color:#334155}
.lg-body p{margin:0 0 12px}
.lg-body ul{margin:0 0 12px;padding-left:20px}
.lg-body li + li{margin-top:4px}
.lg-body a{color:var(--accent-d);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.lg-scroll{overflow-x:auto;margin:8px 0 16px}
.lg-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14.5px}
.lg-table th,.lg-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);color:#334155;line-height:1.55}
.lg-table th{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#F8FAFC}
.lg-note{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:#F8FAFC;border:1px solid var(--line);font-size:14.5px;line-height:1.6;color:#334155}
.ph{padding:1px 6px;border-radius:6px;background:#FFF1E6;color:#9A3412;font-weight:700}
@media(max-width:900px){.lg-wrap{grid-template-columns:1fr}.lg-toc{position:static}}
/* téléphone : sommaire aux cibles tactiles confortables ; tableaux à 2 colonnes sans défilement horizontal (la 2e colonne était coupée) */
@media(max-width:900px){.lg-toc ol{gap:0}.lg-toc a{display:inline-block;padding:7px 0}}
@media(max-width:560px){
  .lg-wrap{padding-left:18px;padding-right:18px}
  .lg-hero{padding-left:18px;padding-right:18px}
  .lg-table{min-width:0;font-size:13.5px;table-layout:fixed}
  .lg-table th,.lg-table td{padding:10px 8px;overflow-wrap:anywhere}
  .lg-table th:first-child,.lg-table td:first-child{width:56%}
  .lg-body p,.lg-body li{font-size:15px}
}

/* ---------- pied (repris de lib/site/home.css) ---------- */
.qt-foot{background:#0B1120;color:#fff}
.qt-foot-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;max-width:var(--hx-max);margin:0 auto;padding:28px 24px 36px;font-size:13px;color:rgba(255,255,255,.62)}
.qt-foot-bot-links{display:flex;gap:20px;flex-wrap:wrap}
.qt-foot-bot-links a{color:rgba(255,255,255,.72);transition:color .2s}
.qt-foot-bot-links a:hover,.qt-foot-bot-links a[aria-current]{color:#fff}
@media(max-width:640px){.qt-foot-bot{flex-direction:column;align-items:flex-start}}