.docs-page{position:relative;overflow:hidden;padding:var(--space-16) 0 var(--space-24);min-height:100vh}.docs-bg{position:absolute;inset:0;pointer-events:none}.docs-gradient{position:absolute;inset:0;background:var(--gradient-mesh)}.docs-grid{position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at top,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top,black 0%,transparent 70%);opacity:.25}.docs-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.docs-header{text-align:center;max-width:46rem;margin:0 auto var(--space-12)}.docs-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm)}.docs-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-3)}@media(min-width:768px){.docs-title{font-size:var(--text-5xl)}}.docs-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.docs-shell{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:900px){.docs-shell{grid-template-columns:220px 1fr;gap:var(--space-10)}}.docs-sidebar{position:sticky;top:var(--space-6);align-self:start;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.docs-sidebar nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.docs-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:background-color .15s,color .15s}.docs-link:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.docs-link.is-active{background:var(--color-accent-soft, rgba(0, 194, 107, .12));color:var(--color-accent);font-weight:600}.docs-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-xl)}@media(min-width:768px){.docs-content{padding:var(--space-10)}}.docs-content h1{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.docs-content h2{font-size:var(--text-xl);font-weight:700;margin-top:var(--space-8);margin-bottom:var(--space-3)}.docs-content h3{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-2)}.docs-content p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.docs-content ul,.docs-content ol{color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding-left:var(--space-6);margin-bottom:var(--space-4)}.docs-content li{margin-bottom:var(--space-2)}.docs-content code{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em;color:var(--color-text-primary)}.docs-content pre{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4)}.docs-content pre code{background:transparent;border:none;padding:0;font-size:var(--text-sm);line-height:var(--leading-normal)}.docs-content a{color:var(--color-accent);text-decoration:none}.docs-content a:hover{text-decoration:underline}.docs-callout{border-left:3px solid var(--color-accent);background:var(--color-surface-elevated);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-4)}.docs-callout p:last-child{margin-bottom:0}