/* ============================================================
   Alogo Docs — pages statiques (CGV, FAQ, Lexique, Cookies,
   Confidentialité). S'appuie sur home.css
   (fonts, tokens, reset) et n'ajoute que la prose + le chrome.
   ============================================================ */

/* ---------- Header ---------- */
.docs-head{position:sticky;top:0;z-index:50;background:rgba(28,29,31,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.docs-head-in{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.docs-logo img{height:34px;width:auto}
.docs-brand{font-family:var(--display);font-weight:600;color:var(--ink-soft);font-size:15px;border-left:1px solid var(--line-strong);padding-left:16px}
.docs-nav{display:flex;gap:4px;flex-wrap:wrap}
.docs-nav a{color:var(--ink-soft);font-size:15px;padding:6px 12px;border-radius:999px}
.docs-nav a:hover{color:var(--ink);background:var(--surface)}
.docs-nav a[aria-current="page"]{color:#fff;background:var(--indigo)}
.docs-spacer{flex:1}
.docs-head .lang{display:flex;gap:10px;align-items:center;font-size:14px}
.docs-head .lang .on{color:var(--ink);font-weight:600}
.docs-head .lang a{color:var(--ink-mute)}
.docs-head .lang a:hover{color:var(--ink)}

/* ---------- Article ---------- */
.doc{max-width:860px;margin:0 auto;padding:48px 24px 96px}
.doc article>h1:first-child,.doc article>h2:first-child{margin-top:0}
.doc h1{font-size:clamp(30px,4vw,42px);font-weight:700;margin:0 0 .6em}
.doc h2{font-size:clamp(22px,3vw,28px);font-weight:700;margin:2em 0 .6em;padding-top:.4em;border-top:1px solid var(--line)}
.doc h3{font-size:18px;font-weight:600;margin:1.5em 0 .45em;color:var(--ink)}
.doc h1[id],.doc h2[id],.doc h3[id],.doc a[id]{scroll-margin-top:96px}
.doc p{margin:.85em 0;color:var(--ink-soft)}
.doc strong{color:var(--ink)}
.doc ul{list-style:disc;padding-left:1.5em;margin:.85em 0;color:var(--ink-soft)}
.doc ol{padding-left:1.5em;margin:.85em 0;color:var(--ink-soft)}
.doc li{margin:.35em 0}
.doc a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(110,125,255,.4)}
.doc a:hover{text-decoration-color:var(--indigo-bright)}
.doc sup{font-size:12px;color:var(--ink-mute);line-height:1.4;display:inline-block}
.doc img{margin:1.2em auto;border-radius:var(--radius-sm)}
.doc hr{border:none;border-top:1px solid var(--line);margin:2em 0}
.doc table{border-collapse:collapse;width:100%;margin:1.2em 0;font-size:15px}
.doc th,.doc td{border:1px solid var(--line-strong);padding:8px 12px;text-align:left;color:var(--ink-soft)}
.doc th{background:var(--surface);color:var(--ink);font-weight:600}
.doc blockquote{border-left:3px solid var(--indigo);padding:2px 0 2px 16px;margin:1.2em 0;color:var(--ink-mute)}

/* ---------- Sommaire ---------- */
.doc-toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin:0 0 2.2em}
.doc-toc strong{font-family:var(--display);font-size:15px;color:var(--ink)}
.doc-toc ul{list-style:none;padding:10px 0 0;margin:0;columns:2;column-gap:32px}
.doc-toc li{margin:0 0 6px;break-inside:avoid}
.doc-toc a{color:var(--ink-soft);font-size:14.5px;text-decoration:none}
.doc-toc a:hover{color:var(--indigo-bright)}
@media (max-width:640px){.doc-toc ul{columns:1}}

/* ---------- Footer ---------- */
.docs-foot{border-top:1px solid var(--line);background:var(--bg-2)}
.docs-foot-in{max-width:var(--maxw);margin:0 auto;padding:22px 24px;display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--ink-mute)}
.docs-foot a{color:var(--ink-soft)}
.docs-foot a:hover{color:var(--ink)}