/* Tabs — square mono tabs, active state inverts. Used by media gallery. */
.tabs-container { display: flex; flex-direction: column; }
.tabs-list {
  display: flex; gap: 0; border: 1px solid var(--ink); width: max-content;
}
.tab {
  font-family: var(--font-mono);
  font-size: var(--t-11);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  padding: var(--s-2) var(--s-4);
  background: var(--paper);
  color: var(--ink);
  border: 0;
  border-right: 1px solid var(--ink);
  cursor: pointer;
  transition: background var(--dur-1) var(--ease-step), color var(--dur-1) var(--ease-step);
}
.tab:last-child { border-right: 0; }
.tab.active, .tab:hover { background: var(--ink); color: var(--paper); }
.tab-panel { padding: var(--s-4) 0; }