.docs-page{background:#f5f6fb;color:var(--text)}
.docs-page .dash-nav-inner{max-width:1420px}
.docs-brand{text-decoration:none;color:var(--text);font-size:15px;font-weight:800}
.docs-brand span{color:var(--mute);font-weight:500}
.docs-page .dash-nav-actions a{color:var(--dim);font-size:12px;font-weight:700;text-decoration:none}
.docs-page .dash-nav-actions a:hover,.docs-toc a:hover{color:var(--accent)}
.docs-layout{max-width:1420px;margin:auto;display:grid;grid-template-columns:228px minmax(0,850px);gap:56px;padding:42px 32px 100px}
.docs-toc{position:sticky;top:95px;height:calc(100vh - 115px);overflow-y:auto;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border);padding:8px 20px 20px 0}
.docs-toc strong{color:var(--mute);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:11px}
.docs-toc a{text-decoration:none;color:var(--dim);font-size:12px;padding:5px 7px;border-radius:6px;line-height:1.35}
.docs-toc a:hover{background:#e9ebf5}
.docs-content{min-width:0}
.docs-hero{border-radius:20px;background:#181f1e;color:#f6faee;padding:40px 44px;margin-bottom:30px}
.docs-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#84b349;text-transform:uppercase}
.docs-hero h1{font-size:clamp(31px,4vw,48px);line-height:1.06;letter-spacing:-2px;margin:14px 0 12px}
.docs-content .docs-hero p{font-size:15px;line-height:1.7;color:#d1d9d1;max-width:680px;margin:0}
.docs-hero-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}
.docs-content .docs-hero-links a{color:#b6db7f;font-size:12px;font-weight:700}
.docs-content section{scroll-margin-top:90px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:30px 36px;margin-bottom:18px;box-shadow:var(--shadow-sm)}
.docs-content h2{font-size:22px;letter-spacing:-.5px;line-height:1.3;margin:0 0 12px}
.docs-content h3{font-size:15px;margin:25px 0 8px}
.docs-content p{color:var(--dim);line-height:1.7;margin:0 0 16px}
.docs-content ol{padding-left:23px;margin:13px 0 0;display:grid;gap:13px}
.docs-content ul{padding-left:22px;display:grid;gap:10px}
.docs-content li{line-height:1.65;color:var(--dim);padding-left:4px}
.docs-content li::marker{color:var(--accent);font-weight:800}
.docs-content strong{color:var(--text)}
.docs-content a{color:var(--accent);font-weight:600}
.docs-content code{font-size:.91em;background:var(--panel-2);padding:2px 5px;border-radius:4px;word-break:break-word}
.docs-content aside{border-left:3px solid #84b349;background:#f3f7ed;padding:13px 16px;border-radius:0 8px 8px 0;margin-top:20px;line-height:1.6;font-size:12px;color:#405638}
.docs-end{padding:30px 0 10px;font-size:12px;color:var(--mute)}
@media(max-width:900px){.docs-layout{display:block;padding:22px 16px 70px}.docs-toc{position:static;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0;border-right:0;border-bottom:1px solid var(--border);margin-bottom:20px}.docs-toc strong{grid-column:1/-1}.docs-hero{padding:28px}.docs-content section{padding:22px}}
@media(max-width:480px){.docs-toc{grid-template-columns:1fr 1fr}.docs-page .dash-nav-inner{padding:12px 16px}.docs-page .dash-nav-actions{gap:9px}.docs-page .dash-nav-actions a{font-size:11px}.docs-content section{padding:18px}}