.tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.tab { padding: .55rem 1.2rem; background: var(--panel); border: 1px solid var(--line); color: var(--muted); font: 700 1rem/1 var(--font-main); text-transform: uppercase; letter-spacing: .07em; transition: color .15s, border-color .15s, background-color .15s; }
.tab:hover { color: var(--text); border-color: #555; }
.tab[aria-pressed="true"] { background: var(--red); border-color: var(--red); color: #0d0d0d; }