/* Horizon Dispatch — Documentation v4 */
:root{--docs-accent:var(--hd-brand);--docs-danger:#ef4444;--docs-success:#22c55e;--docs-blue:#60a5fa;--docs-purple:#c084fc}
.docs-hero--v4{position:relative;overflow:hidden;padding:5.2rem 0 4.4rem;border-bottom:1px solid var(--hd-border);background:
radial-gradient(70% 90% at 8% 0%,color-mix(in srgb,var(--hd-brand) 12%,transparent),transparent 65%),
radial-gradient(55% 90% at 90% 10%,rgba(99,102,241,.10),transparent 68%),
linear-gradient(180deg,color-mix(in srgb,var(--hd-bg) 94%,#0b0e16),var(--hd-bg))}
.docs-hero--v4:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.docs-hero-v4__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:center;gap:3rem}
.docs-hero-v4__eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .55rem;border:1px solid color-mix(in srgb,var(--hd-brand) 28%,var(--hd-border));border-radius:999px;background:var(--hd-brand-soft);color:var(--hd-brand);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.docs-hero-v4__eyebrow b{padding:.12rem .32rem;border-radius:999px;background:var(--hd-brand);color:#111;font-size:.54rem}
.docs-hero-v4__copy h1{max-width:760px;margin:.75rem 0 .8rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.055em}.docs-hero-v4__copy h1 span{background:linear-gradient(100deg,var(--hd-brand),#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent}.docs-hero-v4__copy>p{max-width:700px;margin:0;color:var(--hd-text-muted);font-size:1rem;line-height:1.65}
.docs-hero-v4__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.35rem}.docs-hero-v4__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.2rem;color:var(--hd-text-faint);font-size:.68rem}.docs-hero-v4__meta span{display:inline-flex;align-items:center;gap:.3rem}.docs-hero-v4__meta i{color:var(--hd-brand)}
.docs-hero-v4__panel{padding:.8rem;border:1px solid var(--hd-border-strong);border-radius:18px;background:color-mix(in srgb,var(--hd-surface) 92%,transparent);box-shadow:0 30px 80px -45px rgba(0,0,0,.9);backdrop-filter:blur(20px)}
.docs-hero-v4__paneltop{display:flex;justify-content:space-between;align-items:center;padding:.25rem .2rem .65rem;color:var(--hd-text-muted);font-size:.64rem}.docs-hero-v4__paneltop span{display:flex;gap:.35rem;align-items:center}.docs-hero-v4__paneltop i{color:var(--hd-brand)}
.docs-hero-search{display:flex;align-items:center;gap:.5rem;padding:.68rem .75rem;border:1px solid var(--hd-border);border-radius:11px;background:var(--hd-bg)}.docs-hero-search:focus-within{border-color:color-mix(in srgb,var(--hd-brand) 48%,var(--hd-border));box-shadow:0 0 0 3px var(--hd-brand-soft)}.docs-hero-search i{color:var(--hd-text-faint)}.docs-hero-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--hd-text);font:inherit;font-size:.78rem}.docs-hero-search kbd,.docs-start__hint kbd,.docs-search kbd{padding:.12rem .28rem;border:1px solid var(--hd-border);border-radius:5px;background:var(--hd-surface-2);font-size:.56rem;color:var(--hd-text-faint)}
.docs-hero-v4__shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.55rem}.docs-hero-v4__shortcuts a{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:.45rem;padding:.5rem;border:1px solid var(--hd-border);border-radius:9px;background:var(--hd-surface-2);text-decoration:none;color:var(--hd-text);transition:.16s ease}.docs-hero-v4__shortcuts a:hover{transform:translateY(-1px);border-color:var(--hd-border-strong);background:color-mix(in srgb,var(--hd-brand) 5%,var(--hd-surface-2))}.docs-hero-v4__shortcuts a>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--hd-brand-soft);color:var(--hd-brand);font-size:.7rem}.docs-hero-v4__shortcuts span{display:flex;flex-direction:column}.docs-hero-v4__shortcuts strong{font-size:.67rem}.docs-hero-v4__shortcuts small{font-size:.55rem;color:var(--hd-text-faint)}

.docs-start{margin:0 0 1.1rem;padding:1rem;border:1px solid var(--hd-border);border-radius:16px;background:linear-gradient(145deg,var(--hd-surface),var(--hd-surface-2))}.docs-start__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.docs-kicker{font-size:.6rem;color:var(--hd-brand);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.docs-start h2{margin:.1rem 0;font-size:1.15rem}.docs-start p{margin:0;color:var(--hd-text-muted);font-size:.7rem}.docs-start__hint{color:var(--hd-text-faint);font-size:.62rem}.docs-start__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.docs-path-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:.55rem;padding:.62rem;border:1px solid var(--hd-border);border-radius:10px;background:var(--hd-bg-elev);text-decoration:none;color:var(--hd-text);transition:.16s}.docs-path-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--hd-brand) 32%,var(--hd-border));background:color-mix(in srgb,var(--hd-brand) 4%,var(--hd-bg-elev))}.docs-path-card__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--hd-brand-soft);color:var(--hd-brand)}.docs-path-card>div{display:flex;flex-direction:column}.docs-path-card strong{font-size:.71rem}.docs-path-card small{font-size:.58rem;color:var(--hd-text-muted);line-height:1.35}.docs-path-card>i{font-size:.58rem;color:var(--hd-text-faint)}

.docs-layout{display:grid!important;grid-template-columns:minmax(245px,280px) minmax(0,1fr)!important;gap:1rem!important;align-items:start}
.docs-toc--v2{position:sticky;top:82px;max-height:calc(100vh - 98px);display:flex;flex-direction:column;padding:.65rem;border:1px solid var(--hd-border);border-radius:14px;background:color-mix(in srgb,var(--hd-surface) 96%,transparent);overflow:hidden;backdrop-filter:blur(18px)}
.docs-toc__top{display:flex;align-items:center;gap:.4rem;padding:.2rem .15rem .55rem;border-bottom:1px solid var(--hd-border)}.docs-toc__title{display:flex!important;align-items:center;gap:.5rem;flex:1;min-width:0;margin:0!important;padding:0!important;border:0!important}.docs-toc__title-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--hd-brand-soft);color:var(--hd-brand)}.docs-toc__title>span:last-child{display:flex;flex-direction:column}.docs-toc__title strong{font-size:.72rem}.docs-toc__title small{font-size:.52rem;color:var(--hd-text-faint)}.docs-toc__collapse{width:30px;height:30px;border:1px solid var(--hd-border);border-radius:8px;background:var(--hd-surface-2);color:var(--hd-text-muted)}
.docs-search{display:flex;align-items:center;gap:.42rem;margin:.55rem 0 .15rem;padding:.48rem .52rem;border:1px solid var(--hd-border);border-radius:9px;background:var(--hd-bg)}.docs-search:focus-within{border-color:color-mix(in srgb,var(--hd-brand) 42%,var(--hd-border))}.docs-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--hd-text);font:inherit;font-size:.7rem}.docs-search>i{font-size:.67rem;color:var(--hd-text-faint)}.docs-search__status{min-height:14px;font-size:.57rem;color:var(--hd-text-faint)}
.docs-toc__nav{display:flex!important;flex-direction:column;gap:.3rem!important;overflow:auto;padding-right:.12rem;scrollbar-width:thin}.docs-nav-group{border:1px solid transparent;border-radius:9px}.docs-nav-group__head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.46rem .5rem;border:0;border-radius:8px;background:transparent;color:var(--hd-text);font:inherit;cursor:pointer}.docs-nav-group__head span{display:flex;align-items:center;gap:.4rem;font-size:.64rem;font-weight:850}.docs-nav-group__head span i{width:17px;color:var(--hd-brand)}.docs-nav-group__head>i{font-size:.5rem;color:var(--hd-text-faint);transition:.16s}.docs-nav-group.is-collapsed .docs-nav-group__head>i{transform:rotate(-90deg)}.docs-nav-group__links{display:flex;flex-direction:column;gap:.08rem}.docs-nav-group.is-collapsed .docs-nav-group__links{display:none}.docs-nav-group__links a{display:flex;align-items:center;gap:.42rem;padding:.4rem .48rem;border-radius:7px;color:var(--hd-text-muted);font-size:.63rem;text-decoration:none}.docs-nav-group__links a:hover{background:var(--hd-surface-2);color:var(--hd-text)}.docs-nav-group__links a.active{background:var(--hd-brand-soft);color:var(--hd-brand)}.docs-nav-group__links a>i{width:16px;text-align:center;color:var(--hd-brand)}.docs-nav-group__links a span{display:flex;flex-direction:column}.docs-nav-group__links a strong{font-size:.63rem}.docs-nav-group__links a small{font-size:.51rem;color:var(--hd-text-faint)}.docs-nav-group__links a.is-sub{padding-left:1.45rem;font-size:.59rem}
.docs-reading{margin-top:.35rem;padding:.5rem;border-top:1px solid var(--hd-border)}.docs-reading>div:first-child{display:flex;justify-content:space-between;font-size:.56rem;color:var(--hd-text-faint)}.docs-reading__bar{height:4px;margin-top:.32rem;border-radius:99px;background:var(--hd-surface-2);overflow:hidden}.docs-reading__bar span{display:block;height:100%;width:0;background:var(--hd-brand)}.docs-toc .support-btn{display:flex!important;align-items:center;justify-content:center;gap:.35rem;margin:.3rem 0 0!important;padding:.45rem!important;border-radius:8px!important;font-size:.62rem!important;text-decoration:none!important}

.docs-body{display:flex;flex-direction:column;gap:.7rem}
.doc-section{position:relative;padding:1rem;border:1px solid var(--hd-border);border-radius:14px;background:linear-gradient(145deg,var(--hd-surface),color-mix(in srgb,var(--hd-surface-2) 94%,transparent));scroll-margin-top:90px}.doc-section--featured{border-color:color-mix(in srgb,var(--hd-brand) 20%,var(--hd-border))}.doc-section__eyebrow{display:inline-flex;align-items:center;gap:.32rem;margin-bottom:.18rem;color:var(--hd-brand);font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.doc-section h2{display:flex;align-items:center;gap:.48rem;margin:0 0 .45rem;padding:0 0 .55rem;border-bottom:1px solid var(--hd-border);font-size:1rem}.doc-section h2>i{color:var(--hd-brand)}.doc-section>p{margin:.4rem 0;color:var(--hd-text-muted);font-size:.72rem;line-height:1.6}.doc-section strong{color:var(--hd-text)}
.doc-card{padding:.72rem;margin-top:.55rem;border:1px solid var(--hd-border);border-radius:10px;background:var(--hd-bg-elev);scroll-margin-top:90px}.doc-card h3{display:flex;align-items:center;gap:.4rem;margin:0 0 .3rem;font-size:.75rem}.doc-card p{margin:.3rem 0;color:var(--hd-text-muted);font-size:.68rem;line-height:1.55}.doc-card--discord{border-left:2px solid #5865f2}.doc-card--brand{border-left:2px solid var(--hd-brand)}.doc-card--blue{border-left:2px solid var(--hd-info)}.doc-card--yellow{border-left:2px solid var(--hd-warning)}.doc-card--red{border-left:2px solid var(--docs-danger)}
.doc-callout{display:flex;gap:.45rem;padding:.55rem .65rem;margin-top:.5rem;border:1px solid color-mix(in srgb,var(--hd-brand) 25%,var(--hd-border));border-radius:9px;background:var(--hd-brand-soft);color:var(--hd-text-muted);font-size:.64rem;line-height:1.45}.doc-callout i{color:var(--hd-brand);margin-top:.08rem}
.code-block{padding:.55rem;margin-top:.4rem;border:1px solid var(--hd-border-strong);border-radius:8px;background:var(--hd-bg)}.code-block code{font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--hd-brand)}.code-id{color:var(--hd-info)!important}
.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.45rem;margin-top:.5rem}.doc-grid-item{padding:.6rem;border:1px solid var(--hd-border);border-radius:9px;background:var(--hd-bg-elev)}.doc-grid-item .icon{font-size:1.3rem}.doc-grid-item h4{font-size:.68rem}.doc-grid-item p{font-size:.58rem!important}

.docs-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.65rem}.docs-level-card{padding:.72rem;border:1px solid var(--hd-border);border-radius:11px;background:var(--hd-bg-elev);scroll-margin-top:90px}.docs-level-card__top{display:flex;align-items:center;justify-content:space-between}.docs-level-card__top>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px}.docs-level-card__top small{font-size:.54rem;color:var(--hd-text-faint)}.docs-level-card h3{margin:.4rem 0 .15rem;font-size:.75rem}.docs-level-card>p{font-size:.62rem;color:var(--hd-text-muted)}.docs-level-card ul{padding-left:1rem;margin:.5rem 0 0}.docs-level-card li{margin:.23rem 0;color:var(--hd-text-muted);font-size:.6rem;line-height:1.35}.docs-level-card.is-verified{border-color:rgba(34,197,94,.25)}.docs-level-card.is-verified .docs-level-card__top>span{background:rgba(34,197,94,.09);color:#86efac}.docs-level-card.is-certified{border-color:rgba(245,158,11,.28)}.docs-level-card.is-certified .docs-level-card__top>span{background:rgba(245,158,11,.1);color:#fbbf24}.docs-level-card.is-partner{border-color:rgba(168,85,247,.28)}.docs-level-card.is-partner .docs-level-card__top>span{background:rgba(168,85,247,.1);color:#d8b4fe}
.docs-flow{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.docs-flow span{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .42rem;border:1px solid var(--hd-border);border-radius:8px;background:var(--hd-surface-2);font-size:.59rem}.docs-flow b{width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:var(--hd-brand-soft);color:var(--hd-brand);font-size:.52rem}.docs-flow>i{font-size:.5rem;color:var(--hd-text-faint)}
.docs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}

.docs-bottom-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.7rem;padding-left:calc(280px + 1rem)}.docs-bottom-nav__item{display:flex;align-items:center;gap:.55rem;padding:.65rem;border:1px solid var(--hd-border);border-radius:10px;background:var(--hd-surface);color:var(--hd-text);text-decoration:none}.docs-bottom-nav__item--next{justify-content:flex-end;text-align:right}.docs-bottom-nav__item span{display:flex;flex-direction:column}.docs-bottom-nav__item small{font-size:.52rem;color:var(--hd-text-faint)}.docs-bottom-nav__item strong{font-size:.65rem}.docs-bottom-nav__item>i{color:var(--hd-brand);font-size:.65rem}
.docs-to-top{position:fixed;right:16px;bottom:16px;z-index:80;width:40px;height:40px;border:1px solid var(--hd-border);border-radius:10px;background:var(--hd-surface);color:var(--hd-text);display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(7px);transition:.18s;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.2)}.docs-to-top.show{opacity:1;visibility:visible;transform:none}
.docs-mobile-nav-btn,.docs-mobile-nav{display:none}
.doc-section:target,.doc-card:target,.docs-level-card:target{animation:docsFlash .7s ease}@keyframes docsFlash{50%{box-shadow:0 0 0 3px var(--hd-brand-soft)}}
.docs-search-hit{outline:2px solid color-mix(in srgb,var(--hd-brand) 55%,transparent)!important;outline-offset:2px}

@media(max-width:1100px){.docs-hero-v4__grid{grid-template-columns:1fr}.docs-hero-v4__panel{max-width:720px}.docs-start__grid{grid-template-columns:1fr 1fr}.docs-level-grid{grid-template-columns:1fr}.docs-two-col{grid-template-columns:1fr}}
@media(max-width:1023px){.docs-layout{grid-template-columns:1fr!important}.docs-toc--v2{display:none!important}.docs-mobile-nav-btn{position:sticky;top:74px;z-index:60;width:100%;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.45rem;margin-bottom:.55rem;padding:.58rem .65rem;border:1px solid var(--hd-border);border-radius:10px;background:color-mix(in srgb,var(--hd-surface) 96%,transparent);color:var(--hd-text);backdrop-filter:blur(16px)}.docs-mobile-nav-btn strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:.66rem}.docs-mobile-nav-btn span{font-size:.6rem;color:var(--hd-text-muted)}.docs-mobile-nav{position:fixed;left:10px;right:10px;top:128px;bottom:10px;z-index:120;display:block;padding:.6rem;border:1px solid var(--hd-border);border-radius:14px;background:var(--hd-bg-elev);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s}.docs-mobile-nav.open{opacity:1;visibility:visible;transform:none}.docs-mobile-nav .docs-nav-group__head{background:var(--hd-surface)}.docs-mobile-nav .docs-nav-group__links a{display:flex!important}.docs-bottom-nav{padding-left:0}body.docs-nav-open{overflow:hidden}}
@media(max-width:680px){.docs-hero--v4{padding:3.7rem 0 3rem}.docs-hero-v4__copy h1{font-size:2.35rem}.docs-hero-v4__shortcuts,.docs-start__grid{grid-template-columns:1fr}.docs-start__head{align-items:flex-start;flex-direction:column}.docs-start__hint{display:none}.docs-bottom-nav{grid-template-columns:1fr}.docs-hero-v4__meta{gap:.45rem}.docs-flow>i{display:none}}


/* ═══════════════════════════════════════════════════════════════
   DOCS v5 — SOMMAIRE / NAVIGATION
   ═══════════════════════════════════════════════════════════════ */
.docs-toc--v2{position:sticky;isolation:isolate}
.docs-toc__rail{position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:99px;background:linear-gradient(to bottom,var(--hd-brand),transparent 22%,transparent 78%,var(--hd-brand));opacity:.24;pointer-events:none}
.docs-toc-overview{display:flex;align-items:center;gap:.5rem;margin:.55rem 0 .2rem;padding:.5rem;border:1px solid color-mix(in srgb,var(--hd-brand) 16%,var(--hd-border));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--hd-brand) 5%,var(--hd-surface-2)),var(--hd-surface-2))}
.docs-toc-overview__icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--hd-brand-soft);color:var(--hd-brand);font-size:.68rem;flex:0 0 auto}
.docs-toc-overview__copy{display:flex;flex-direction:column}.docs-toc-overview__copy strong{font-size:.63rem}.docs-toc-overview__copy small{font-size:.5rem;color:var(--hd-text-faint)}

.docs-nav-group{position:relative;padding:.18rem;border-radius:10px;transition:.16s ease}
.docs-nav-group:hover{background:rgba(255,255,255,.012)}
.docs-nav-group__head{min-height:46px}
.docs-nav-group__head>span:first-child{display:flex;align-items:center;gap:.45rem;min-width:0}
.docs-nav-group__head>span:first-child>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--hd-brand-soft);color:var(--hd-brand);flex:0 0 auto}
.docs-nav-group__copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.docs-nav-group__copy b{font-size:.63rem;line-height:1.1}
.docs-nav-group__copy small{font-size:.49rem;color:var(--hd-text-faint);font-weight:500;margin-top:.08rem}
.docs-nav-group__links{position:relative;margin-left:.58rem;padding-left:.62rem;border-left:1px solid var(--hd-border)}
.docs-nav-group__links:before{content:"";position:absolute;left:-1px;top:0;width:1px;height:0;border-radius:99px;background:var(--hd-brand);transition:height .2s ease}
.docs-nav-group:has(a.active) .docs-nav-group__links:before{height:100%}
.docs-nav-group__links a{position:relative;min-height:33px}
.docs-nav-group__links a:before{content:"";position:absolute;left:-.82rem;width:7px;height:7px;border:2px solid var(--hd-surface);border-radius:99px;background:var(--hd-border-strong);transition:.16s}
.docs-nav-group__links a:hover:before{background:color-mix(in srgb,var(--hd-brand) 50%,var(--hd-border))}
.docs-nav-group__links a.active:before{background:var(--hd-brand);box-shadow:0 0 0 3px var(--hd-brand-soft)}
.docs-nav-group__links a.active{font-weight:750;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hd-brand) 16%,transparent)}
.docs-nav-group__links a.active small{color:color-mix(in srgb,var(--hd-brand) 58%,var(--hd-text-faint))}
.docs-reading{margin-top:.5rem;border:1px solid var(--hd-border);border-radius:9px;background:var(--hd-surface-2)}
.docs-reading__bar{height:5px}

/* ═══════════════════════════════════════════════════════════════
   DOCS v5 — DOC SECTIONS
   ═══════════════════════════════════════════════════════════════ */
.doc-section{overflow:hidden;padding:0!important}
.doc-section:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--hd-brand),transparent 58%);opacity:.48}
.doc-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem .78rem;border-bottom:1px solid var(--hd-border);background:linear-gradient(180deg,color-mix(in srgb,var(--hd-brand) 3.5%,var(--hd-surface)),transparent)}
.doc-section__head-main{min-width:0}
.doc-section__head .doc-section__eyebrow{margin-bottom:.18rem}
.doc-section__head h2{margin:0!important;padding:0!important;border:0!important;font-size:1.05rem!important;line-height:1.25}
.doc-section__head-actions{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}
.doc-anchor-btn{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--hd-border);border-radius:8px;background:var(--hd-surface-2);color:var(--hd-text-muted);cursor:pointer;transition:.15s}
.doc-anchor-btn:hover{border-color:color-mix(in srgb,var(--hd-brand) 35%,var(--hd-border));color:var(--hd-brand);background:var(--hd-brand-soft)}
.doc-section__index{padding:.25rem .4rem;border:1px solid var(--hd-border);border-radius:999px;background:var(--hd-surface-2);color:var(--hd-text-faint);font-size:.51rem;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}

.doc-section>p,.doc-section>.doc-card,.doc-section>.docs-level-grid,.doc-section>.docs-two-col,.doc-section>.doc-callout,.doc-section>.doc-grid,.doc-section>.docs-flow{margin-left:1rem!important;margin-right:1rem!important}
.doc-section>p:first-of-type{margin-top:.8rem!important}
.doc-section .doc-card{position:relative;transition:.16s ease}
.doc-section .doc-card:hover{transform:translateY(-1px);border-color:var(--hd-border-strong);box-shadow:0 8px 20px rgba(0,0,0,.05)}
.doc-section .doc-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:99px;background:var(--hd-brand);opacity:.48}
.doc-section .doc-card--red:before{background:#ef4444}.doc-section .doc-card--blue:before{background:#60a5fa}.doc-section .doc-card--yellow:before{background:#f59e0b}.doc-section .doc-card--discord:before{background:#5865f2}

.doc-section__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.9rem;padding:.56rem 1rem;border-top:1px solid var(--hd-border);background:color-mix(in srgb,var(--hd-surface-2) 92%,transparent);color:var(--hd-text-faint);font-size:.57rem}
.doc-section__footer>span{display:inline-flex;align-items:center;gap:.3rem}.doc-section__footer>span i{color:var(--hd-brand)}
.doc-anchor-copy{display:inline-flex;align-items:center;gap:.28rem;padding:.27rem .42rem;border:1px solid var(--hd-border);border-radius:7px;background:var(--hd-surface);color:var(--hd-text-muted);font:inherit;font-size:.55rem;cursor:pointer;transition:.15s}
.doc-anchor-copy:hover{color:var(--hd-brand);border-color:color-mix(in srgb,var(--hd-brand) 35%,var(--hd-border));background:var(--hd-brand-soft)}

.doc-section--featured{box-shadow:0 10px 35px rgba(0,0,0,.055)}
.doc-section--featured:before{height:3px;opacity:.78}
.doc-section--featured .doc-section__head{background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--hd-brand) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--hd-brand) 4%,var(--hd-surface)),transparent)}

@media(max-width:700px){
  .doc-section__head{flex-direction:column;gap:.55rem}
  .doc-section__head-actions{width:100%;justify-content:space-between}
  .doc-section__index{max-width:76%}
  .doc-section>p,.doc-section>.doc-card,.doc-section>.docs-level-grid,.doc-section>.docs-two-col,.doc-section>.doc-callout,.doc-section>.doc-grid,.doc-section>.docs-flow{margin-left:.72rem!important;margin-right:.72rem!important}
  .doc-section__footer{padding:.55rem .72rem}
}


/* ═══════════════════════════════════════════════════════════════
   DOCS v6 — PREMIUM TOC + SECTION SURFACE
   ═══════════════════════════════════════════════════════════════ */

/* SOMMAIRE */
.docs-toc--v2{
  padding:.72rem!important;
  border:1px solid color-mix(in srgb,var(--hd-brand) 16%,var(--hd-border))!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--hd-brand) 7%,transparent),transparent 28%),
    linear-gradient(180deg,color-mix(in srgb,var(--hd-surface) 97%,transparent),color-mix(in srgb,var(--hd-surface-2) 97%,transparent))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.025);
}
.docs-toc--v2:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 18%);
}
.docs-toc__top{
  position:relative;
  padding:.2rem .15rem .68rem!important;
  border-bottom:1px solid color-mix(in srgb,var(--hd-brand) 12%,var(--hd-border))!important;
}
.docs-toc__title{
  gap:.55rem!important;
}
.docs-toc__title-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--hd-brand) 15%,var(--hd-surface-2)),var(--hd-surface-2))!important;
  border:1px solid color-mix(in srgb,var(--hd-brand) 20%,var(--hd-border));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.docs-toc__title-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.docs-toc__title-copy strong{
  font-size:.72rem!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.docs-toc__title-copy small{
  font-size:.5rem!important;
  color:var(--hd-text-faint);
  letter-spacing:.04em;
}
.docs-toc__status{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:.24rem;
  padding:.18rem .34rem;
  border-radius:999px;
  border:1px solid rgba(34,197,94,.18);
  background:rgba(34,197,94,.055);
  color:#86efac;
  font-size:.48rem;
  font-weight:800;
}
.docs-toc__status i{font-size:.38rem}
.docs-toc__collapse{
  margin-left:.3rem;
  border-radius:9px!important;
}

.docs-toc-overview{
  margin:.65rem 0 .45rem!important;
  padding:.62rem!important;
  border-radius:11px!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--hd-brand) 8%,transparent),transparent 45%),
    linear-gradient(145deg,var(--hd-surface-2),color-mix(in srgb,var(--hd-surface-2) 94%,var(--hd-brand)))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}
.docs-toc-overview__icon{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
}
.docs-toc-overview__copy strong{font-size:.67rem!important}
.docs-toc-overview__copy small{font-size:.53rem!important}

.docs-search{
  margin:.55rem 0 .35rem!important;
  padding:.55rem .6rem!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--hd-bg) 93%,var(--hd-surface))!important;
}

.docs-nav-group{
  margin-top:.16rem;
  border:1px solid transparent;
}
.docs-nav-group:has(a.active){
  border-color:color-mix(in srgb,var(--hd-brand) 11%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--hd-brand) 2%,transparent),transparent);
}
.docs-nav-group__head{
  padding:.5rem .46rem!important;
  border-radius:9px!important;
}
.docs-nav-group__head:hover{
  background:rgba(255,255,255,.018)!important;
}
.docs-nav-group__head>span:first-child>i{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
}
.docs-nav-group__copy b{font-size:.66rem!important}
.docs-nav-group__copy small{font-size:.5rem!important}

.docs-nav-group__links{
  margin:.1rem 0 .15rem .75rem!important;
  padding-left:.6rem!important;
}
.docs-nav-group__links a{
  padding:.42rem .48rem!important;
  border-radius:8px!important;
  transition:background .15s,border-color .15s,color .15s;
}
.docs-nav-group__links a:hover{
  background:rgba(255,255,255,.02)!important;
}
.docs-nav-group__links a.active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--hd-brand) 10%,var(--hd-surface-2)),color-mix(in srgb,var(--hd-brand) 3%,var(--hd-surface-2)))!important;
  border:1px solid color-mix(in srgb,var(--hd-brand) 18%,var(--hd-border));
  color:var(--hd-text)!important;
}
.docs-nav-group__links a.active>i{
  color:var(--hd-brand)!important;
}

.docs-reading{
  margin-top:.65rem!important;
  padding:.6rem!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,var(--hd-surface-2),color-mix(in srgb,var(--hd-surface-2) 96%,var(--hd-brand)))!important;
}
.docs-reading__bar{margin-top:.42rem!important}

/* DOC SECTIONS */
.doc-section{
  border-radius:16px!important;
  border-color:color-mix(in srgb,var(--hd-brand) 10%,var(--hd-border))!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--hd-brand) 5%,transparent),transparent 30%),
    linear-gradient(180deg,var(--hd-surface),color-mix(in srgb,var(--hd-surface-2) 96%,transparent))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.018);
}
.doc-section:before{
  height:3px!important;
  opacity:.65!important;
  background:linear-gradient(90deg,var(--hd-brand),color-mix(in srgb,var(--hd-brand) 35%,transparent),transparent 70%)!important;
}

.doc-section__head{
  padding:1rem 1.05rem .9rem!important;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--hd-brand) 4%,transparent),transparent 48%),
    linear-gradient(180deg,color-mix(in srgb,var(--hd-surface) 98%,transparent),transparent)!important;
}
.doc-section__head-main{
  display:flex;
  flex-direction:column;
  gap:.15rem;
}
.doc-section__eyebrow{
  display:inline-flex!important;
  width:max-content;
  padding:.17rem .3rem;
  border-radius:6px;
  background:var(--hd-brand-soft);
  color:var(--hd-brand)!important;
  font-size:.5rem!important;
  letter-spacing:.1em!important;
}
.doc-section__head h2{
  display:flex!important;
  align-items:center;
  gap:.42rem;
  font-size:1.1rem!important;
  letter-spacing:-.025em;
}
.doc-section__head h2>i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--hd-brand) 8%,var(--hd-surface-2));
  border:1px solid color-mix(in srgb,var(--hd-brand) 15%,var(--hd-border));
  font-size:.7rem;
}
.doc-section__head-actions{
  gap:.4rem!important;
}
.doc-section__label{
  display:inline-flex;
  align-items:center;
  gap:.28rem;
  padding:.25rem .4rem;
  border:1px solid var(--hd-border);
  border-radius:999px;
  background:var(--hd-surface-2);
  color:var(--hd-text-faint);
  font-size:.5rem;
  font-weight:750;
}
.doc-section__label i{color:var(--hd-brand)}

.doc-anchor-btn{
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
}

.doc-section__body{
  position:relative;
  padding:.92rem 1.05rem .2rem;
}
.doc-section__body:before{
  content:"";
  position:absolute;
  left:1.05rem;
  top:0;
  width:46px;
  height:1px;
  background:var(--hd-brand);
  opacity:.35;
}
.doc-section__body>p:first-child{
  margin-top:0!important;
}
.doc-section__body>p{
  font-size:.73rem!important;
  line-height:1.7!important;
}

.doc-section .doc-card{
  border-radius:11px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--hd-bg-elev) 98%,transparent),var(--hd-surface-2))!important;
  border-color:color-mix(in srgb,var(--hd-brand) 7%,var(--hd-border))!important;
}
.doc-section .doc-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.08)!important;
}
.doc-section .doc-card h3{
  font-size:.76rem!important;
  letter-spacing:-.012em;
}
.doc-section .doc-card p{
  font-size:.66rem!important;
  line-height:1.6!important;
}

.doc-section__footer{
  margin-top:.75rem!important;
  padding:.62rem 1.05rem!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--hd-surface-2) 94%,transparent),color-mix(in srgb,var(--hd-surface-2) 100%,transparent))!important;
}
.doc-anchor-copy{
  border-radius:8px!important;
}

@media(max-width:700px){
  .doc-section__body{padding:.78rem .72rem .15rem}
  .doc-section__body:before{left:.72rem}
  .doc-section__head{padding:.85rem .72rem .75rem!important}
  .docs-toc__status{display:none}
}


/* ═══════════════════════════════════════════════════════════════
   DOCS v7 — LAYOUT FIX / HARD RESET
   Corrige la mise en page cassée de v6.
   ═══════════════════════════════════════════════════════════════ */

/* Layout principal : sidebar + contenu */
.docs-layout{
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:1rem!important;
  align-items:start!important;
}
.docs-body{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.85rem!important;
}

/* Une section ne doit JAMAIS passer son contenu en grille horizontale */
.doc-section{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.doc-section__head{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:1rem!important;
}
.doc-section__head-main{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.doc-section__head-actions{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:.4rem!important;
}

/* Tous les blocs de contenu restent en colonne et prennent toute la largeur */
.doc-section > p,
.doc-section > ul,
.doc-section > ol,
.doc-section > .doc-card,
.doc-section > .doc-grid,
.doc-section > .docs-level-grid,
.doc-section > .docs-two-col,
.doc-section > .doc-callout,
.doc-section > .docs-flow,
.doc-section > .code-block,
.doc-section > .rpc-preview,
.doc-section > .roles-grid,
.doc-section > .permissions-grid{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  float:none!important;
}

/* Marges internes propres */
.doc-section > p,
.doc-section > ul,
.doc-section > ol,
.doc-section > .doc-card,
.doc-section > .doc-grid,
.doc-section > .docs-level-grid,
.doc-section > .docs-two-col,
.doc-section > .doc-callout,
.doc-section > .docs-flow,
.doc-section > .code-block,
.doc-section > .rpc-preview,
.doc-section > .roles-grid,
.doc-section > .permissions-grid{
  margin-left:1rem!important;
  margin-right:1rem!important;
}
.doc-section > p:first-of-type{margin-top:.85rem!important}

/* Texte lisible, jamais réduit dans une colonne minuscule */
.doc-section > p{
  display:block!important;
  font-size:.76rem!important;
  line-height:1.7!important;
  white-space:normal!important;
}
.doc-section h3,
.doc-section h4,
.doc-section p,
.doc-section li,
.doc-section code{
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

/* Grilles internes raisonnables */
.doc-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:.55rem!important;
}
.docs-level-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.55rem!important;
}
.docs-two-col{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.55rem!important;
}

/* Cartes : contenu vertical */
.doc-card{
  display:block!important;
  min-width:0!important;
}
.doc-card > *{
  max-width:100%!important;
}
.doc-card h3{
  display:flex!important;
  align-items:center!important;
  gap:.4rem!important;
}

/* Footer reste en bas et ne participe à aucune grille */
.doc-section__footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.5rem!important;
  clear:both!important;
}

/* Sommaire : largeur fixe, scroll interne */
.docs-toc--v2{
  width:280px!important;
  min-width:280px!important;
  max-width:280px!important;
}
.docs-toc__nav{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.docs-nav-group__links a{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Responsive */
@media(max-width:1100px){
  .docs-layout{
    grid-template-columns:245px minmax(0,1fr)!important;
  }
  .docs-toc--v2{
    width:245px!important;
    min-width:245px!important;
    max-width:245px!important;
  }
  .docs-level-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:1023px){
  .docs-layout{
    grid-template-columns:1fr!important;
  }
  .docs-toc--v2{
    display:none!important;
  }
}
@media(max-width:760px){
  .doc-section__head{
    flex-direction:column!important;
  }
  .doc-section__head-actions{
    width:100%!important;
    justify-content:space-between!important;
  }
  .docs-two-col,
  .doc-grid{
    grid-template-columns:1fr!important;
  }
  .doc-section > p,
  .doc-section > ul,
  .doc-section > ol,
  .doc-section > .doc-card,
  .doc-section > .doc-grid,
  .doc-section > .docs-level-grid,
  .doc-section > .docs-two-col,
  .doc-section > .doc-callout,
  .doc-section > .docs-flow,
  .doc-section > .code-block,
  .doc-section > .rpc-preview,
  .doc-section > .roles-grid,
  .doc-section > .permissions-grid{
    margin-left:.72rem!important;
    margin-right:.72rem!important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   DOCS v9 — HARD PC LAYOUT FIX
   Desktop no longer uses CSS grid.
   Sidebar = fixed flex item / Body = flexible item.
   ═══════════════════════════════════════════════════════════════ */

/* Prevent any old docs rule from creating page-level horizontal overflow */
html,body{overflow-x:hidden}
.docs-content,
.docs-content>.site-container{
  min-width:0!important;
  max-width:100%!important;
}

/* DESKTOP: simple flex, impossible for docs-body to be pushed into a hidden grid cell */
@media (min-width:1024px){
  .docs-layout{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:1.25rem!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .docs-layout>.docs-toc--v2{
    display:flex!important;
    flex:0 0 300px!important;
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
  }

  .docs-layout>.docs-mobile-nav-btn,
  .docs-layout>.docs-mobile-nav,
  .docs-layout>.docs-mobile-backdrop{
    display:none!important;
  }

  .docs-layout>.docs-body{
    display:flex!important;
    flex:1 1 0%!important;
    flex-direction:column!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 321px)!important;
    gap:1rem!important;
    overflow:visible!important;
  }

  .docs-body>.doc-section{
    display:block!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .docs-body *{
    max-width:100%;
    box-sizing:border-box;
  }

  /* readable desktop type */
  .doc-section>p{
    font-size:.95rem!important;
    line-height:1.7!important;
  }
  .doc-card p{font-size:.84rem!important;line-height:1.6!important}
  .doc-card h3{font-size:.95rem!important}
  .docs-nav-group__links a{font-size:.76rem!important}
  .docs-nav-group__links a small{font-size:.64rem!important}
  .docs-nav-group__copy b{font-size:.78rem!important}
  .docs-nav-group__copy small{font-size:.64rem!important}
}

/* Smaller desktop / laptop */
@media (min-width:1024px) and (max-width:1199px){
  .docs-layout>.docs-toc--v2{
    flex-basis:260px!important;
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
  }
  .docs-layout>.docs-body{
    max-width:calc(100% - 281px)!important;
  }
}

/* TABLET: one content column + drawer navigation */
@media (max-width:1023px){
  .docs-layout{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  .docs-layout>.docs-toc--v2{
    display:none!important;
  }

  .docs-layout>.docs-body{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:.85rem!important;
  }

  .docs-mobile-nav-btn{
    display:grid!important;
    position:sticky!important;
    top:72px!important;
    z-index:95!important;
    grid-template-columns:36px auto minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:.55rem!important;
    width:100%!important;
    min-height:54px!important;
    margin:0 0 .8rem!important;
    padding:.62rem .75rem!important;
    border:1px solid color-mix(in srgb,var(--hd-brand) 18%,var(--hd-border))!important;
    border-radius:12px!important;
    background:color-mix(in srgb,var(--hd-surface) 96%,transparent)!important;
    color:var(--hd-text)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(18px)!important;
  }

  .docs-mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:118!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    border:0!important;
    background:rgba(0,0,0,.58)!important;
    backdrop-filter:blur(3px)!important;
    transition:.2s ease!important;
  }
  .docs-mobile-backdrop.open{
    visibility:visible!important;
    opacity:1!important;
  }

  .docs-mobile-nav{
    display:block!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    right:auto!important;
    z-index:120!important;
    width:min(390px,88vw)!important;
    max-width:88vw!important;
    padding:1rem!important;
    border:0!important;
    border-right:1px solid var(--hd-border)!important;
    border-radius:0 18px 18px 0!important;
    background:var(--hd-surface)!important;
    box-shadow:24px 0 70px rgba(0,0,0,.34)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(-102%)!important;
    visibility:visible!important;
    opacity:1!important;
    transition:transform .22s ease!important;
  }
  .docs-mobile-nav.open{
    transform:translateX(0)!important;
  }

  .docs-level-grid,
  .docs-two-col{
    grid-template-columns:1fr!important;
  }
}

/* PHONE */
@media (max-width:600px){
  .site-container{
    padding-left:.72rem!important;
    padding-right:.72rem!important;
  }

  .docs-hero-v4__grid,
  .docs-start__grid,
  .docs-hero-v4__shortcuts,
  .docs-bottom-nav{
    grid-template-columns:1fr!important;
  }

  .docs-hero-v4__copy h1{
    font-size:2.15rem!important;
    line-height:1.08!important;
  }

  .docs-mobile-nav-btn{
    top:64px!important;
    grid-template-columns:34px minmax(0,1fr) 20px!important;
  }
  .docs-mobile-nav-btn>span{display:none!important}

  .docs-mobile-nav{
    width:92vw!important;
    max-width:92vw!important;
  }

  .doc-section__head{
    flex-direction:column!important;
    gap:.6rem!important;
  }
  .doc-section__head-actions{
    width:100%!important;
    justify-content:space-between!important;
  }

  .doc-section>p{
    margin:.8rem .9rem!important;
    font-size:.97rem!important;
    line-height:1.7!important;
  }

  .doc-section>.doc-card,
  .doc-section>.doc-grid,
  .doc-section>.docs-level-grid,
  .doc-section>.docs-two-col,
  .doc-section>.doc-callout,
  .doc-section>.docs-flow,
  .doc-section>.code-block{
    margin-left:.9rem!important;
    margin-right:.9rem!important;
  }

  .doc-grid,
  .role-grid,
  .ticket-grid,
  .journal-grid{
    grid-template-columns:1fr!important;
  }

  .code-block{
    overflow-x:auto!important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   DOCS v5 — blocs générés (tableaux, étapes, code, sous-titres, groupes)
   ═══════════════════════════════════════════════════════════════ */
.doc-section > .doc-table-wrap,
.doc-section > .doc-steps,
.doc-section > .doc-code,
.doc-section > .doc-subhead{margin-left:1rem!important;margin-right:1rem!important}
@media(max-width:760px){
  .doc-section > .doc-table-wrap,
  .doc-section > .doc-steps,
  .doc-section > .doc-code,
  .doc-section > .doc-subhead{margin-left:.72rem!important;margin-right:.72rem!important}
}
.doc-table-wrap{overflow-x:auto;margin:.6rem 0;border:1px solid var(--hd-border);border-radius:10px;background:var(--hd-bg-elev)}
.doc-table{width:100%;border-collapse:collapse;font-size:.8rem}
.doc-table th,.doc-table td{padding:.5rem .65rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--hd-border);color:var(--hd-text-muted);line-height:1.5}
.doc-table th{background:var(--hd-surface-2);color:var(--hd-text);font-weight:700;white-space:nowrap}
.doc-table tr:last-child td{border-bottom:0}
.doc-table td:first-child{color:var(--hd-text);font-weight:600}
.doc-table code,.doc-list code,.doc-steps code,.doc-card p code,.doc-section > p code{font-size:.85em;padding:.05rem .3rem;border-radius:5px;background:var(--hd-surface-2);color:var(--hd-brand)}
.doc-steps{margin:.6rem 0 0;padding-left:1.4rem;color:var(--hd-text-muted);line-height:1.7;font-size:.84rem}
.doc-steps li{margin-bottom:.35rem}
.doc-steps li::marker{color:var(--hd-brand);font-weight:700}
.doc-card .doc-list{font-size:.84rem}
.doc-code{white-space:pre-wrap;overflow-x:auto;font-size:.78rem;line-height:1.55;margin:.6rem 0}
.doc-code code{color:var(--hd-text)!important;font-weight:500!important}
.doc-subhead{margin:1rem 0 .3rem;color:var(--hd-text);font-size:.9rem}
.doc-callout--warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3);border-left-color:var(--hd-warning)}
.doc-callout--warn i{color:var(--hd-warning)}
.doc-callout--info{background:rgba(96,165,250,.08);border-color:rgba(96,165,250,.3);border-left-color:var(--hd-info)}
.doc-callout--info i{color:var(--hd-info)}
.docs-group-head{display:flex;align-items:center;gap:.7rem;margin:1.2rem 0 -.2rem;padding:0 .2rem;scroll-margin-top:90px}
.docs-group-head:first-child{margin-top:0}
.docs-group-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--hd-brand-soft);color:var(--hd-brand);flex:0 0 auto}
.docs-group-head strong{display:block;color:var(--hd-text);font-size:1.05rem}
.docs-group-head small{display:block;color:var(--hd-text-faint);font-size:.75rem}
/* Texte des cartes lisible et homogène (paragraphes = listes = étapes). */
.doc-section .doc-card p{font-size:.84rem!important;line-height:1.65!important}
.doc-section .doc-card h3{font-size:1rem!important;margin-bottom:.45rem!important}
.doc-section .doc-card .doc-callout span{font-size:.84rem}
/* Sommaire collant : « overflow-x:hidden » sur html/body casse position:sticky (le sommaire
   défilait avec la page). « clip » empêche aussi le défilement horizontal, sans ce défaut. */
html,body{overflow-x:clip!important}
/* Cartes de niveau (certification) : titre lisible, description et critères proportionnés. */
.doc-section .docs-level-card h3{font-size:1rem!important}
.doc-section .docs-level-card>p{font-size:.84rem!important;line-height:1.55!important}
.doc-section .docs-level-card li{font-size:.8rem!important}
.doc-section .docs-level-card .doc-callout{font-size:.8rem!important}
/* Tutoriels : infos du guide (durée, public, boosts) et liste de vérification. */
.doc-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}
.doc-meta span{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border:1px solid var(--hd-border);border-radius:999px;background:var(--hd-surface-2);color:var(--hd-text-muted);font-size:.74rem}
.doc-meta span i{color:var(--hd-brand)}
.doc-section > .doc-check{margin-left:1rem!important;margin-right:1rem!important}
@media(max-width:760px){.doc-section > .doc-check{margin-left:.72rem!important;margin-right:.72rem!important}}
.doc-check{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.35rem}
.doc-check li{display:flex;gap:.55rem;align-items:flex-start;padding:.5rem .7rem;border:1px solid var(--hd-border);border-radius:10px;background:var(--hd-bg-elev);color:var(--hd-text-muted);font-size:.84rem;line-height:1.55}
.doc-check li i{color:var(--hd-success,#22c55e);margin-top:.2rem}