.tabs { padding: 1rem 0 3rem; }
.tab-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }
.tab-list button {
  background: #fff;
  color: var(--color-text);
  border-color: var(--color-line);
}
.tab-list button:hover {
  background: var(--color-blue-soft);
  border-color: var(--color-blue-soft);
  color: var(--color-navy);
}
.tab-list button[aria-selected="true"],
.tab-list button[aria-selected="true"]:hover {
  background: var(--color-yellow);
  color: var(--color-navy);
  border-color: var(--color-yellow);
}
@media (max-width: 767px) {
  .tab-list { display: none; }
}