/* ==========================================================================
   Manage — Documentation
   Réutilise exactement les tokens de design de site/style.css (le site
   vitrine) pour rester visuellement cohérent avec le reste du produit :
   même accent, mêmes rayons, mêmes ombres, même typographie, même thème
   clair/sombre. Aucune nouvelle direction artistique introduite ici.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

:root{
  --accent: #7281df;
  --accent-rgb: 114,129,223;
  --accent-2: #9aa6ec;
  --accent-soft: #eef0fc;

  --bg: #fbfbfd;
  --bg-elevated: #ffffff;
  --bg-sunken: #f4f5fa;
  --surface-border: #e7e8f1;
  --text-primary: #15172b;
  --text-secondary: #565973;
  --text-tertiary: #8a8da6;
  --shadow-soft: 0 1px 2px rgba(20,21,40,.04), 0 8px 24px -8px rgba(20,21,40,.08);
  --shadow-lift: 0 4px 12px rgba(20,21,40,.06), 0 24px 48px -16px rgba(20,21,40,.14);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --ease: cubic-bezier(.22,1,.36,1);

  --sidebar-w: 272px;
  --toc-w: 220px;
  --topbar-h: 64px;

  /* Callouts */
  --info: #5865f2; --info-soft: #eef0fe;
  --warn: #d08a1f; --warn-soft: #fdf3e2;
  --tip: #16a34a;  --tip-soft: #e9f9ef;
  --danger: #e5484d; --danger-soft: #fdecec;

  /* Code */
  --code-bg: #171827;
  --code-text: #e3e5fa;
  --code-comment: #7d81a6;
  --code-keyword: #9aa6ec;
  --code-string: #8fd6a8;
  --code-number: #f0b866;
  --code-fn: #7cc7e8;
  --code-punct: #a9acc4;
}

[data-theme="dark"]{
  --bg: #0a0b14;
  --bg-elevated: #12131f;
  --bg-sunken: #0d0e19;
  --surface-border: #21222f;
  --text-primary: #f3f4fa;
  --text-secondary: #a4a6bd;
  --text-tertiary: #6c6e87;
  --accent-soft: rgba(var(--accent-rgb),.16);
  --shadow-soft: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px -8px rgba(0,0,0,.5);
  --shadow-lift: 0 4px 16px rgba(0,0,0,.4), 0 32px 64px -24px rgba(0,0,0,.6);
  --info-soft: rgba(88,101,242,.14);
  --warn-soft: rgba(208,138,31,.14);
  --tip-soft: rgba(22,163,74,.14);
  --danger-soft: rgba(229,72,77,.14);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg: #0a0b14;
    --bg-elevated: #12131f;
    --bg-sunken: #0d0e19;
    --surface-border: #21222f;
    --text-primary: #f3f4fa;
    --text-secondary: #a4a6bd;
    --text-tertiary: #6c6e87;
    --accent-soft: rgba(var(--accent-rgb),.16);
    --shadow-soft: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px -8px rgba(0,0,0,.5);
    --shadow-lift: 0 4px 16px rgba(0,0,0,.4), 0 32px 64px -24px rgba(0,0,0,.6);
    --info-soft: rgba(88,101,242,.14);
    --warn-soft: rgba(208,138,31,.14);
    --tip-soft: rgba(22,163,74,.14);
    --danger-soft: rgba(229,72,77,.14);
  }
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}
body{
  margin:0;
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text-primary);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul,ol{margin:0;padding:0;}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;}
code{font-family:var(--font-mono);}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}

.msr{
  font-family:'Material Symbols Rounded';
  font-variation-settings:'FILL' 0,'wght' 460,'GRAD' 0,'opsz' 22;
  line-height:1;user-select:none;display:inline-flex;flex-shrink:0;
}

h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;color:var(--text-primary);margin:0;}
p{color:var(--text-secondary);margin:0;}

/* ── Skip link (accessibilité clavier) ─────────────────────────────────── */
.skip-link{
  position:fixed;top:-100px;left:12px;z-index:2000;
  background:var(--accent);color:#fff;padding:10px 16px;border-radius:8px;
  font-size:13px;font-weight:600;transition:top .2s var(--ease);
}
.skip-link:focus{top:12px;}

/* ── Boutons ────────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:11px 18px;border-radius:10px;font-weight:600;font-size:13.5px;
  transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
  white-space:nowrap;border:1px solid transparent;
}
.btn .msr{font-size:18px;}
.btn-primary{
  background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 100%, white 8%), var(--accent));
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 6px 16px -4px rgba(var(--accent-rgb),.5);
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 10px 22px -6px rgba(var(--accent-rgb),.55);}
.btn-ghost{background:var(--bg-elevated);border-color:var(--surface-border);color:var(--text-primary);}
.btn-ghost:hover{border-color:rgba(var(--accent-rgb),.4);}
.btn-sm{padding:8px 14px;font-size:12.5px;border-radius:8px;}
.btn-block{width:100%;}

/* ── Layout global ──────────────────────────────────────────────────────── */
.app-shell{display:flex;min-height:100vh;}

.sidebar{
  width:var(--sidebar-w);flex-shrink:0;
  background:var(--bg-elevated);border-right:1px solid var(--surface-border);
  height:100vh;position:sticky;top:0;
  display:flex;flex-direction:column;padding:18px 14px 14px;
}
.brand{display:flex;align-items:center;gap:10px;padding:8px 8px 18px;}
.brand img{width:32px;height:32px;border-radius:8px;flex-shrink:0;}
.brand-text{display:flex;flex-direction:column;line-height:1.15;}
.brand-text strong{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;}
.brand-text span{font-size:11px;color:var(--text-tertiary);font-weight:500;}

.search-trigger{
  display:flex;align-items:center;gap:9px;
  background:var(--bg-sunken);border:1px solid var(--surface-border);border-radius:10px;
  padding:9px 10px 9px 12px;margin-bottom:16px;color:var(--text-tertiary);
  font-size:13px;width:100%;text-align:left;
}
.search-trigger:hover{border-color:rgba(var(--accent-rgb),.35);color:var(--text-secondary);}
.search-trigger .msr{font-size:17px;}
.search-trigger span.label{flex:1;}
.kbd{
  font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--text-tertiary);
  background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:5px;
  padding:2px 5px;line-height:1.4;
}

.side-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--surface-border) transparent;}
.side-nav::-webkit-scrollbar{width:5px;}
.side-nav::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:99px;}
.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase;padding:16px 10px 7px;}
.nav-label:first-child{padding-top:4px;}
.nav-link{
  display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;
  color:var(--text-secondary);font-size:13.5px;font-weight:500;
  transition:background .15s var(--ease), color .15s var(--ease);
}
.nav-link .msr{font-size:18px;color:var(--text-tertiary);transition:color .15s var(--ease);}
.nav-link:hover{background:var(--bg-sunken);color:var(--text-primary);}
.nav-link:hover .msr{color:var(--text-secondary);}
.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600;}
.nav-link.active .msr{color:var(--accent);}
.nav-sub{padding-left:20px;border-left:1px solid var(--surface-border);margin-left:22px;display:flex;flex-direction:column;gap:1px;}
.nav-sub .nav-link{font-size:13px;padding:6px 10px;}

.sidebar-foot{margin-top:auto;padding:14px 8px 2px;border-top:1px solid var(--surface-border);display:flex;flex-direction:column;gap:8px;}
.theme-toggle{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:var(--bg-sunken);border:1px solid var(--surface-border);border-radius:9px;padding:4px;
}
.theme-toggle button{
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  padding:7px 6px;border-radius:7px;font-size:11.5px;font-weight:600;color:var(--text-tertiary);
  transition:background .15s var(--ease), color .15s var(--ease);
}
.theme-toggle button .msr{font-size:16px;}
.theme-toggle button.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-soft);}
.foot-links{display:flex;flex-wrap:wrap;gap:4px 12px;padding:2px 8px;}
.foot-links a{font-size:11.5px;color:var(--text-tertiary);font-weight:500;}
.foot-links a:hover{color:var(--accent);}

.main{flex:1;min-width:0;display:flex;flex-direction:column;}
.topbar{
  position:sticky;top:0;z-index:30;height:var(--topbar-h);
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:0 32px;
  background:color-mix(in srgb, var(--bg) 82%, transparent);
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  border-bottom:1px solid var(--surface-border);
}
.crumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary);font-weight:500;min-width:0;overflow:hidden;}
.crumb a{color:var(--text-tertiary);white-space:nowrap;}
.crumb a:hover{color:var(--accent);}
.crumb b{color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crumb .msr{font-size:15px;flex-shrink:0;}
.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--surface-border);background:var(--bg-elevated);color:var(--text-primary);flex-shrink:0;}
.menu-toggle:hover{background:var(--bg-sunken);}

.page-body{display:flex;justify-content:center;gap:40px;padding:40px 32px 100px;width:100%;}
.content{max-width:760px;width:100%;min-width:0;}
.toc{width:var(--toc-w);flex-shrink:0;padding-top:4px;}
.toc-sticky{position:sticky;top:calc(var(--topbar-h) + 24px);}
.toc-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px;}
.toc-list{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--surface-border);}
.toc-list a{
  font-size:12.5px;color:var(--text-tertiary);padding:5px 0 5px 14px;border-left:2px solid transparent;margin-left:-1px;
  transition:color .15s var(--ease), border-color .15s var(--ease);
}
.toc-list a:hover{color:var(--text-primary);}
.toc-list a.active{color:var(--accent);border-color:var(--accent);font-weight:600;}

/* ── En-tête de page / hero interne ────────────────────────────────────── */
.page-eyebrow{
  display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;
  color:var(--accent);background:var(--accent-soft);padding:5px 12px;border-radius:99px;margin-bottom:14px;
}
.page-header{margin-bottom:36px;}
.page-header h1{font-size:clamp(1.7rem,3.4vw,2.3rem);margin-bottom:10px;}
.page-header .lead{font-size:15.5px;color:var(--text-secondary);max-width:640px;}
.page-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}

/* ── Sections / prose ───────────────────────────────────────────────────── */
.doc-section{margin-bottom:44px;scroll-margin-top:calc(var(--topbar-h) + 20px);}
.doc-section > h2{font-size:19px;margin-bottom:14px;display:flex;align-items:center;gap:9px;}
.doc-section > h2 .msr{font-size:18px;color:var(--accent);}
.doc-section > h3{font-size:15.5px;margin:22px 0 10px;}
.prose p{font-size:14.5px;line-height:1.75;margin-bottom:12px;}
.prose p:last-child{margin-bottom:0;}
.prose ul,.prose ol{margin:12px 0;padding-left:22px;}
.prose li{font-size:14.5px;color:var(--text-secondary);line-height:1.75;margin-bottom:5px;}
.prose strong{color:var(--text-primary);font-weight:600;}
.prose code{
  font-size:12.5px;background:var(--bg-sunken);color:var(--accent);
  padding:2px 6px;border-radius:6px;border:1px solid var(--surface-border);
}
.prose a:not(.btn){color:var(--accent);text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.35);text-underline-offset:2px;}
.prose a:not(.btn):hover{text-decoration-color:var(--accent);}

.card{
  background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);
  padding:24px;box-shadow:var(--shadow-soft);margin-bottom:14px;
}
.card:last-child{margin-bottom:0;}
.card h3{font-size:14.5px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.card h3 .msr{font-size:17px;color:var(--accent);}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}

.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:8px;}
.feature-list .item{
  position:relative;padding:11px 14px 11px 40px;background:var(--bg-sunken);border:1px solid var(--surface-border);
  border-radius:10px;font-size:13px;color:var(--text-primary);font-weight:500;line-height:1.5;
}
.feature-list .item .msr{position:absolute;left:13px;top:11px;font-size:16px;color:var(--accent);}

.subcard{background:var(--bg-sunken);border:1px solid var(--surface-border);border-radius:12px;padding:16px 18px;}
.subcard h4{font-size:13px;font-weight:700;margin-bottom:8px;}
.subcard ul{list-style:none;display:flex;flex-direction:column;gap:6px;}
.subcard li{font-size:12.5px;color:var(--text-secondary);padding-left:14px;position:relative;line-height:1.55;}
.subcard li::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--accent-2);}
.subcard li b{color:var(--text-primary);font-weight:600;}

/* ── Commande : bloc de référence ───────────────────────────────────────── */
.cmd-block{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-soft);margin-bottom:14px;overflow:hidden;}
.cmd-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;flex-wrap:wrap;}
.cmd-name{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary);}
.cmd-name .slash{color:var(--accent);}
.cmd-desc-inline{font-size:12.5px;color:var(--text-tertiary);}
.cmd-block-body{padding:0 18px 16px;border-top:1px solid var(--surface-border);padding-top:14px;}
.cmd-table{width:100%;border-collapse:collapse;font-size:13px;}
.cmd-table th{
  text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--text-tertiary);padding:0 10px 8px 0;border-bottom:1px solid var(--surface-border);
}
.cmd-table td{padding:9px 10px 9px 0;border-bottom:1px solid var(--surface-border);color:var(--text-secondary);vertical-align:top;}
.cmd-table tr:last-child td{border-bottom:none;}
.cmd-table td.opt-name{font-family:var(--font-mono);color:var(--text-primary);font-weight:600;white-space:nowrap;}
.opt-required{display:inline-block;font-size:10px;font-weight:700;color:var(--danger);margin-left:6px;}
.opt-type{display:inline-block;font-size:10.5px;color:var(--text-tertiary);background:var(--bg-sunken);border-radius:5px;padding:1px 6px;margin-left:6px;}

/* ── Typographie de contenu (hors .doc-section explicite) ───────────────── */
.content > h1{font-size:clamp(1.7rem,3.4vw,2.3rem);margin-bottom:10px;}
.content > .lead{font-size:15.5px;color:var(--text-secondary);max-width:640px;margin-bottom:28px;}
.content > h2{font-size:19px;margin:40px 0 16px;scroll-margin-top:calc(var(--topbar-h) + 20px);display:flex;align-items:center;gap:9px;}
.content > h2:first-of-type{margin-top:30px;}
.content > p{font-size:14.5px;line-height:1.75;margin-bottom:12px;}

/* ── Cartes de commande (page catégorie) ────────────────────────────────── */
.cmd-card-list{display:flex;flex-direction:column;gap:14px;margin-bottom:8px;}
.cmd-card{scroll-margin-top:calc(var(--topbar-h) + 20px);}
.cmd-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.cmd-card-head h3{margin:0;}
.cmd-card-desc{font-size:13.5px;margin-bottom:14px;}
.cmd-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.perm-pill.perm-none{color:var(--text-tertiary);}
.perm-pill.perm-none .msr{color:var(--text-tertiary);}
.perm-pill.perm-alt{background:var(--bg-elevated);}
.cmd-sub-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin:18px 0 8px;}
.cmd-card > .cmd-sub-h:first-of-type{margin-top:16px;}
.cmd-behavior{font-size:13.5px;color:var(--text-secondary);line-height:1.7;}

.cmd-row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;
  border:1px solid var(--surface-border);border-radius:11px;background:var(--bg-sunken);margin-bottom:8px;flex-wrap:wrap;
}
.cmd-row:last-child{margin-bottom:0;}
.cmd-left{display:flex;align-items:center;gap:13px;min-width:0;flex-wrap:wrap;}
.cmd-code{
  font-family:var(--font-mono);font-size:12.5px;font-weight:600;background:var(--accent-soft);color:var(--accent);
  padding:5px 10px;border-radius:7px;white-space:nowrap;
}
.cmd-row-desc{font-size:12.5px;color:var(--text-secondary);}

.copy-btn{
  width:30px;height:30px;border-radius:8px;border:1px solid var(--surface-border);background:var(--bg-elevated);
  display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;
  transition:background .15s var(--ease), color .15s var(--ease);
}
.copy-btn:hover{background:var(--bg-sunken);color:var(--accent);}
.copy-btn .msr{font-size:16px;}
.copy-btn.copied{color:var(--tip);}

/* ── Blocs de code ──────────────────────────────────────────────────────── */
.codeblock{background:var(--code-bg);border-radius:12px;margin:16px 0;overflow:hidden;box-shadow:var(--shadow-soft);}
.codeblock-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.08);
}
.codeblock-filename{font-family:var(--font-mono);font-size:12px;color:#aeb2d4;display:flex;align-items:center;gap:8px;}
.codeblock-lang{
  font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;
  color:#8b8fc7;background:rgba(255,255,255,.06);padding:2px 7px;border-radius:5px;
}
.codeblock-body{position:relative;overflow-x:auto;}
.codeblock pre{margin:0;padding:16px 18px;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--code-text);}
.codeblock .copy-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#aeb2d4;}
.codeblock .copy-btn:hover{background:rgba(255,255,255,.14);color:#fff;}
.tok-comment{color:var(--code-comment);font-style:italic;}
.tok-keyword{color:var(--code-keyword);}
.tok-string{color:var(--code-string);}
.tok-number{color:var(--code-number);}
.tok-fn{color:var(--code-fn);}
.tok-punct{color:var(--code-punct);}

/* ── Callouts ───────────────────────────────────────────────────────────── */
.callout{display:flex;gap:12px;border-radius:12px;padding:14px 16px;margin:16px 0;border:1px solid transparent;}
.callout .msr{font-size:19px;flex-shrink:0;margin-top:1px;}
.callout p{font-size:13px;line-height:1.65;color:var(--text-primary);}
.callout p a{text-decoration:underline;}
.callout-info{background:var(--info-soft);border-color:rgba(88,101,242,.25);}
.callout-info .msr{color:var(--info);}
.callout-warn{background:var(--warn-soft);border-color:rgba(208,138,31,.3);}
.callout-warn .msr{color:var(--warn);}
.callout-tip{background:var(--tip-soft);border-color:rgba(22,163,74,.3);}
.callout-tip .msr{color:var(--tip);}
.callout-danger{background:var(--danger-soft);border-color:rgba(229,72,77,.3);}
.callout-danger .msr{color:var(--danger);}

.perm-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.perm-pill{
  display:inline-flex;align-items:center;gap:6px;background:var(--bg-sunken);border:1px solid var(--surface-border);
  padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;color:var(--text-primary);
}
.perm-pill .msr{font-size:15px;color:var(--accent);}

/* ── Cartes de navigation (accueil / index de section) ─────────────────── */
.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.link-card{
  display:block;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);
  padding:20px;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.link-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.35);box-shadow:var(--shadow-lift);}
.link-card .icon{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.link-card .icon .msr{font-size:19px;}
.link-card h3{font-size:14px;font-weight:700;margin-bottom:4px;}
.link-card p{font-size:12.5px;color:var(--text-tertiary);}

/* ── Page d'accueil de la doc (landing) ─────────────────────────────────── */
.docs-hero{padding:56px 0 44px;text-align:center;border-bottom:1px solid var(--surface-border);margin-bottom:48px;}
.docs-hero h1{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:14px;}
.docs-hero h1 .accent-text{background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.docs-hero p{font-size:15.5px;max-width:520px;margin:0 auto;}
.docs-hero .hero-cta{display:flex;gap:10px;justify-content:center;margin-top:24px;flex-wrap:wrap;}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:52px;}

/* ── Changelog ──────────────────────────────────────────────────────────── */
.changelog-entry{position:relative;padding:0 0 36px 28px;border-left:2px solid var(--surface-border);}
.changelog-entry:last-child{border-color:transparent;padding-bottom:0;}
.changelog-entry::before{
  content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);
}
.changelog-version{display:flex;align-items:baseline;gap:10px;margin-bottom:4px;flex-wrap:wrap;}
.changelog-version h3{font-size:16.5px;}
.changelog-date{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono);}
.changelog-group{margin-top:14px;}
.changelog-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px;margin-bottom:7px;}
.changelog-group-label.new{color:var(--tip);}
.changelog-group-label.improve{color:var(--info);}
.changelog-group-label.fix{color:var(--warn);}
.changelog-group ul{list-style:none;display:flex;flex-direction:column;gap:5px;}
.changelog-group li{font-size:13.5px;color:var(--text-secondary);padding-left:16px;position:relative;}
.changelog-group li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;}

/* ── FAQ (accordéon) ────────────────────────────────────────────────────── */
.faq-item{border:1px solid var(--surface-border);border-radius:12px;margin-bottom:8px;background:var(--bg-elevated);overflow:hidden;}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;width:100%;text-align:left;font-size:14px;font-weight:600;color:var(--text-primary);}
.faq-q .msr{font-size:18px;color:var(--text-tertiary);transition:transform .2s var(--ease);flex-shrink:0;}
.faq-item.open .faq-q .msr{transform:rotate(180deg);color:var(--accent);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s var(--ease);}
.faq-item.open .faq-a{max-height:400px;}
.faq-a-inner{padding:0 18px 16px;font-size:13.5px;color:var(--text-secondary);line-height:1.7;}

/* ── Recherche (modal) ──────────────────────────────────────────────────── */
.search-overlay{
  position:fixed;inset:0;background:rgba(10,11,20,.5);backdrop-filter:blur(2px);
  z-index:1000;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;
}
.search-overlay.open{display:flex;}
.search-modal{
  width:100%;max-width:560px;background:var(--bg-elevated);border:1px solid var(--surface-border);
  border-radius:var(--radius-md);box-shadow:var(--shadow-lift);overflow:hidden;
  display:flex;flex-direction:column;max-height:70vh;
}
.search-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--surface-border);}
.search-input-row .msr{font-size:20px;color:var(--text-tertiary);}
.search-input-row input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--text-primary);font-family:inherit;}
.search-input-row input::placeholder{color:var(--text-tertiary);}
.search-esc{font-size:11px;color:var(--text-tertiary);}
.search-results{overflow-y:auto;padding:8px;}
.search-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--text-tertiary);}
.search-result{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;cursor:pointer;
}
.search-result.sel,.search-result:hover{background:var(--bg-sunken);}
.search-result .msr{font-size:18px;color:var(--text-tertiary);flex-shrink:0;}
.search-result-text{min-width:0;}
.search-result-title{font-size:13.5px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-result-cat{font-size:11.5px;color:var(--text-tertiary);}
.search-result mark{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:0 1px;}

/* ── Footer de page ─────────────────────────────────────────────────────── */
.page-footer{border-top:1px solid var(--surface-border);margin-top:8px;padding-top:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.page-footer a{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary);font-weight:500;}
.page-footer a:hover{color:var(--accent);}
.page-footer a .msr{font-size:16px;}

.site-footer{border-top:1px solid var(--surface-border);padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-tertiary);}
.site-footer .footer-links{display:flex;gap:16px;flex-wrap:wrap;}
.site-footer .footer-links a:hover{color:var(--accent);}

.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(10,11,20,.45);z-index:39;}

.error-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;}
.error-code{font-family:var(--font-display);font-size:clamp(4rem,14vw,7rem);font-weight:700;color:var(--accent);line-height:1;}
.error-title{font-size:22px;margin:14px 0 8px;}
.error-desc{font-size:14.5px;max-width:420px;margin:0 auto 26px;}

/* ── Stats / index de section ───────────────────────────────────────────── */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:36px;}
.stat-card{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:12px;}
.stat-card .msr{width:34px;height:34px;border-radius:9px;background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--text-secondary);}
.stat-card strong{display:block;font-size:17px;font-weight:700;font-family:var(--font-display);}
.stat-card span{font-size:11px;color:var(--text-tertiary);font-weight:500;}

/* ==========================================================================
   Responsive — points de rupture explicitement testés :
   320 / 375 / 390 / 414 / 768 / 1024 / 1440+
   ========================================================================== */

@media (max-width:1280px){
  .toc{display:none;}
  .page-body{padding-right:32px;}
}

@media (max-width:1024px){
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .link-grid{grid-template-columns:repeat(2,1fr);}
  .quick-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:900px){
  .menu-toggle{display:flex;}
  .sidebar{
    position:fixed;top:0;left:0;z-index:40;height:100dvh;
    transform:translateX(-100%);transition:transform .25s var(--ease);
    box-shadow:0 0 40px rgba(0,0,0,.2);width:min(var(--sidebar-w), 84vw);
  }
  .sidebar.open{transform:translateX(0);}
  .sidebar-overlay.open{display:block;}
  .topbar{padding:0 16px;}
  .page-body{padding:32px 20px 90px;}
  .grid-2,.feature-list{grid-template-columns:1fr;}
  .stat-row{grid-template-columns:1fr 1fr;}
}

@media (max-width:768px){
  .link-grid{grid-template-columns:1fr;}
  .quick-grid{grid-template-columns:1fr 1fr;}
  .docs-hero{padding:40px 0 32px;}
  .cmd-table{display:block;overflow-x:auto;white-space:nowrap;}
}

@media (max-width:600px){
  .page-body{padding:24px 16px 80px;}
  .content{max-width:100%;}
  .grid-3{grid-template-columns:1fr;}
  .stat-row{grid-template-columns:1fr;}
  .crumb span.crumb-mid{display:none;}
  .btn span:not(.msr){display:none;}
  .btn{padding:9px 11px;}
  .btn .msr{font-size:19px;}
  .topbar-actions .btn-primary span:not(.msr){display:inline;}
  .search-overlay{padding:0;align-items:stretch;}
  .search-modal{max-width:100%;max-height:100dvh;border-radius:0;height:100dvh;}
  .cmd-row{flex-direction:column;align-items:flex-start;gap:8px;}
  .quick-grid{grid-template-columns:1fr;}
  .changelog-entry{padding-left:20px;}
}

@media (max-width:420px){
  .brand-text span{display:none;}
  .codeblock pre{font-size:11.5px;padding:14px;}
  .card{padding:18px 16px;}
  .site-footer{padding:22px 18px;}
}