.auth-info{background:var(--ax-bg-secondary);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-lg);padding:var(--ax-space-2xl);margin-bottom:var(--ax-space-lg)}.auth-info h2{margin-bottom:var(--ax-space-md);font-size:var(--ax-font-size-xl)}.auth-info code{background:var(--ax-bg-tertiary);border-radius:var(--ax-radius-sm);padding:2px 6px;font-size:.9em}.page{max-width:720px;padding:var(--ax-space-2xl) var(--ax-space-lg);margin:0 auto}.page--wide{max-width:1200px}.page h1{font-size:var(--ax-font-size-3xl);margin-bottom:var(--ax-space-sm)}.subtitle{color:var(--ax-text-muted);font-size:var(--ax-font-size-lg);margin-bottom:var(--ax-space-2xl)}.page p{line-height:var(--ax-line-height);margin-bottom:var(--ax-space-md)}.page a:not(.ax-button){color:var(--ax-accent);text-decoration:none}.page a:not(.ax-button):hover{color:var(--ax-accent-hover);text-decoration:underline}.counter-section{background:var(--ax-bg-secondary);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-lg);padding:var(--ax-space-2xl);text-align:center}.counter-section h2{margin-bottom:var(--ax-space-lg);font-size:var(--ax-font-size-xl)}.counter-value{font-size:var(--ax-font-size-hero);font-weight:var(--ax-font-weight-bold);font-variant-numeric:tabular-nums;margin-bottom:var(--ax-space-lg);color:var(--ax-accent)}.counter-buttons{gap:var(--ax-space-sm);margin-bottom:var(--ax-space-md);justify-content:center;display:flex}.counter-buttons button{font-size:var(--ax-font-size-lg);padding:var(--ax-space-sm) var(--ax-space-lg);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-md);background:var(--ax-bg);color:var(--ax-text);cursor:pointer;transition:background var(--ax-transition-fast), border-color var(--ax-transition-fast);min-width:60px}.counter-buttons button:hover{background:var(--ax-bg-tertiary);border-color:var(--ax-accent)}.counter-hint{font-size:var(--ax-font-size-sm);color:var(--ax-text-muted);margin-bottom:0}.demo-links{background:var(--ax-bg-secondary);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-lg);padding:var(--ax-space-2xl)}.demo-links h2{margin-bottom:var(--ax-space-sm);font-size:var(--ax-font-size-xl)}.demo-links>p{color:var(--ax-text-muted);margin-bottom:var(--ax-space-lg)}.demo-link-list{gap:var(--ax-space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.demo-link-list li{padding:var(--ax-space-sm) var(--ax-space-md);background:var(--ax-bg);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-md);transition:border-color var(--ax-transition-fast)}.demo-link-list li:hover{border-color:var(--ax-accent)}.demo-link{color:var(--ax-accent);font-weight:var(--ax-font-weight-bold);font-size:var(--ax-font-size-base);text-decoration:none}.demo-link:hover{text-decoration:underline}.demo-link-description{color:var(--ax-text-muted);font-size:var(--ax-font-size-sm)}.demo-embed{width:100%;min-height:calc(100dvh - 3.5rem)}.components-toc{background:var(--ax-bg-secondary);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-lg);padding:var(--ax-space-2xl);margin-bottom:var(--ax-space-xl)}.components-toc h2{margin-bottom:var(--ax-space-md);font-size:var(--ax-font-size-lg)}.components-toc ul{gap:var(--ax-space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.components-toc li{display:inline}.components-toc a{color:var(--ax-accent);padding:var(--ax-space-xs) var(--ax-space-sm);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-md);font-size:var(--ax-font-size-sm);transition:border-color var(--ax-transition-fast), background var(--ax-transition-fast);text-decoration:none}.page .components-toc a:hover{border-color:var(--ax-accent);background:var(--ax-bg-tertiary);color:var(--ax-accent);text-decoration:none}.component-section{background:var(--ax-bg-secondary);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-lg);padding:var(--ax-space-2xl);margin-bottom:var(--ax-space-lg);scroll-margin-top:4rem}.component-section h2{margin-bottom:var(--ax-space-sm);font-size:var(--ax-font-size-xl)}.component-section h3{margin-top:var(--ax-space-lg);margin-bottom:var(--ax-space-sm);font-size:var(--ax-font-size-base);color:var(--ax-text-muted)}.component-row{gap:var(--ax-space-sm);flex-wrap:wrap;align-items:center;display:flex}.demo-description{color:var(--ax-text-muted);font-size:var(--ax-font-size-sm,13px);margin-bottom:12px}.demo-container{border:var(--ax-border-width,1px) solid var(--ax-border);border-radius:var(--ax-radius-lg,8px);background-color:var(--ax-bg);padding:var(--ax-space-md,12px);overflow:hidden}.demo-info{background-color:var(--ax-bg-tertiary);border-radius:var(--ax-radius-md,6px);font-size:var(--ax-font-size-xs,12px);font-family:var(--ax-font-family-mono,"SF Mono", "Fira Code", "Fira Mono", Menlo, monospace);color:var(--ax-text-muted);line-height:var(--ax-line-height,1.6);margin-top:8px;padding:8px 12px}.column-info-display,.row-info-display{background-color:var(--ax-bg-tertiary);border-radius:var(--ax-radius-sm,4px);font-size:var(--ax-font-size-sm,13px);color:var(--ax-text);font-family:var(--ax-font-family-mono,"SF Mono", "Fira Code", "Fira Mono", Menlo, monospace);margin-top:12px;padding:8px}.demo-list{margin:0;padding:0;list-style:none}.demo-list-item{border-bottom:var(--ax-border-width,1px) solid var(--ax-bg-tertiary);font-size:var(--ax-font-size-sm,13px);color:var(--ax-text);padding:6px 12px}.demo-list-item:last-child{border-bottom:none}