.tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  /* border-bottom: 1px solid var(--border); */
  /* padding-bottom: 10px; */
}
.tab-btn {
  background: var(--bg-raised);
  color: var(--text-primary);
  border: 1px solid var(--border-strong);
  border-radius: 6px 6px 0 0;
  padding: 8px 16px;
  font-size:18px;
  font-weight: 600;
  cursor: pointer;
  font-family: var(--font-family);
}
.tab-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }

.tab-panel { display: none; }
.tab-panel.active { display: block; }