.a5x-tab-nav{--tab-accent:var(--brand-speech,#3b82f6)}.a5x-tab-nav--pills{display:flex;flex-wrap:wrap;gap:12px}.a5x-tab-nav--pills.a5x-tab-nav--fill .a5x-tab-nav__tab{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.a5x-tab-nav--nowrap{flex-wrap:nowrap}.a5x-tab-nav--pills.a5x-tab-nav--nowrap{gap:.35rem;width:100%}.a5x-tab-nav--pills.a5x-tab-nav--nowrap .a5x-tab-nav__tab{min-width:0}.a5x-tab-nav--pills.a5x-tab-nav--nowrap .a5x-tab-nav__label{width:100%;text-align:center}.a5x-tab-nav--segmented{display:inline-flex;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;max-width:100%;gap:2px;padding:3px;background:rgba(17,24,39,.9);border:1px solid var(--color-border,#1e293b);border-radius:var(--radius-md,10px)}.a5x-tab-nav__tab{position:relative;flex:0 1 auto;margin:0;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.a5x-tab-nav__tab:disabled{cursor:not-allowed;opacity:.45}.a5x-tab-nav--pills .a5x-tab-nav__tab{padding:.5rem .85rem;font-size:.75rem;line-height:1.35;background:rgba(15,23,42,.5);border:1px solid #1e293b;border-radius:var(--radius-sm,6px);color:#94a3b8}.a5x-tab-nav--pills.a5x-tab-nav--sm .a5x-tab-nav__tab{padding:.45rem .75rem;font-size:.7rem}.a5x-tab-nav--pills.a5x-tab-nav--sm.a5x-tab-nav--fill.a5x-tab-nav--nowrap .a5x-tab-nav__tab{padding:.35rem .2rem;font-size:.625rem;line-height:1.2}.a5x-tab-nav--pills.a5x-tab-nav--compact .a5x-tab-nav__tab{padding:.35rem .45rem;font-size:.65rem}.a5x-tab-nav--pills.a5x-tab-nav--sm.a5x-tab-nav--fill.a5x-tab-nav--nowrap.a5x-tab-nav--compact .a5x-tab-nav__tab{padding:.3rem .15rem;font-size:.6rem}.a5x-tab-nav--pills .a5x-tab-nav__tab:hover:not(.a5x-tab-nav__tab--active):not(:disabled){color:#cbd5e1;border-color:#334155}.a5x-tab-nav--pills .a5x-tab-nav__tab--active{border-color:var(--tab-accent)!important;color:#f8fafc!important;background:color-mix(in srgb,var(--tab-accent) 10%,transparent)!important}.a5x-tab-nav--segmented .a5x-tab-nav__tab{padding:.4rem .75rem;font-size:.7rem;font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.02em;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm,6px);color:#94a3b8}.a5x-tab-nav--segmented.a5x-tab-nav--sm .a5x-tab-nav__tab{padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.a5x-tab-nav--segmented.a5x-tab-nav--compact .a5x-tab-nav__tab{padding:.35rem .5rem;font-size:.65rem}.a5x-tab-nav--segmented .a5x-tab-nav__tab:hover:not(.a5x-tab-nav__tab--active):not(:disabled){color:#f8fafc;background:rgba(255,255,255,.05)}.a5x-tab-nav--segmented .a5x-tab-nav__tab--active{color:var(--tab-accent);font-weight:600}.a5x-tab-nav--segmented .a5x-tab-nav__tab--active:not(.a5x-tab-nav__tab--custom){background:color-mix(in srgb,var(--tab-accent) 12%,transparent);border-color:color-mix(in srgb,var(--tab-accent) 85%,transparent)}.a5x-tab-nav--segmented .a5x-tab-nav__indicator{position:absolute;inset:0;border-radius:inherit;border:1px solid color-mix(in srgb,var(--tab-accent) 27%,transparent);background:color-mix(in srgb,var(--tab-accent) 9%,transparent);pointer-events:none}.a5x-tab-nav__label{position:relative;z-index:1}.a5x-tab-nav--accent-speech{--tab-accent:var(--brand-speech,#3b82f6)}.a5x-tab-nav--accent-vision{--tab-accent:var(--brand-vision,#10b981)}.a5x-tab-nav--accent-llm{--tab-accent:var(--brand-llm,#a855f7)}.a5x-tab-nav--accent-adoption{--tab-accent:var(--brand-adoption,#f59e0b)}.a5x-tab-nav--accent-neutral.a5x-tab-nav--segmented .a5x-tab-nav__tab--active:not(.a5x-tab-nav__tab--custom){background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);color:#fff;box-shadow:none}.a5x-tab-nav--accent-neutral{--tab-accent:#64748b}.a5x-tab-nav--accent-neutral.a5x-tab-nav--pills .a5x-tab-nav__tab--active{border-color:rgba(59,130,246,.55)!important;color:#60a5fa!important;background:rgba(59,130,246,.08)!important;box-shadow:none}.a5x-tab-nav--with-divider{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border,#1e293b)}.a5x-tab-nav--pills.a5x-tab-nav--with-divider{gap:.35rem}.a5x-tab-nav--mono .a5x-tab-nav__tab{font-family:var(--font-mono,ui-monospace,monospace)}