/* ==========================================================================
   KOMPONEN: Tabs — tab generik untuk sub-navigasi konten (kana, kategori, dsb)
   ========================================================================== */
.c-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: var(--space-3);
  flex-wrap: wrap;
}
.c-tabs button {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-soft);
  padding: 6px 14px;
  border-radius: var(--radius-sm);
  font-size: 12.5px;
  transition: all var(--dur-fast) var(--ease);
}
.c-tabs button.active {
  background: var(--indigo-dim);
  border-color: var(--indigo-light);
  color: var(--washi);
}
.c-tabs button:hover:not(.active) {
  border-color: var(--indigo-light);
  color: var(--washi);
}

/* Varian pill (kategori kosakata) */
.c-tabs.pill button {
  border-radius: var(--radius-full);
  padding: 5px 12px;
  font-size: 12px;
}
.c-tabs.pill button.active {
  background: var(--washi-soft);
  color: var(--ink-0);
  border-color: var(--washi-soft);
}