@layer tidalyst.components{.subnav{display:flex;gap:4px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--hair)}.subnav::-webkit-scrollbar{display:none}.subnav a,.subnav-link{flex:none;padding:10px 14px;font-size:var(--text-base);font-weight:500;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.subnav a:hover,.subnav-link:hover{color:var(--ink)}.subnav a.is-current,.subnav-link.is-current{color:var(--accent);border-bottom-color:var(--accent)}.subnav-group{display:flex;gap:4px;flex:none;align-items:stretch}.subnav-sep{align-self:center;flex:none;width:1px;height:18px;margin:0 8px;background:var(--hair)}@media (max-width:1024px){.subnav a,.subnav-link{min-height:var(--touch-target);display:inline-flex;align-items:center}}.tabs{display:flex;gap:6px;margin-bottom:16px}.tab{flex:1 1;font-family:var(--font-display);font-size:14px;font-weight:600;padding:12px 8px;min-height:46px;border-radius:var(--radius-sm);border:1px solid var(--hair-strong);background:var(--surface);color:var(--muted);cursor:pointer;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.brand-mark{display:inline-block;position:relative;flex:none;line-height:0}.brand-lockup-word svg,.brand-mark svg{display:block;width:100%;height:auto}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 20px}.brand-lockup-rule{width:1px;align-self:stretch;background:var(--hair-strong);flex:none}.brand-lockup-word{position:relative;line-height:0;flex:none}}@layer tidalyst.components{}