.empirical-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid var(--border, #d0d7de);
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.empirical-tab {
  appearance: none;
  border: 1px solid var(--border, #d0d7de);
  border-radius: 8px;
  background: var(--surface-100, #f5f7fb);
  padding: 6px 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.empirical-tab[aria-selected='true'] {
  background: var(--surface-0, #fff);
  color: var(--accent-900, #1e3a8a);
  border-color: var(--accent-200, #c7d2fe);
}

.empirical-panel { display: grid; gap: 16px; }

.empirical-form-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.empirical-settings { display: grid; gap: 12px; }

.result-grid { display: grid; gap: 20px; }
@media (min-width: 1100px) { .result-grid { grid-template-columns: 1fr 1fr; } }

.result-steps { display: grid; gap: 8px; margin: 0; padding-left: 20px; font-variant-numeric: tabular-nums; }

.empirical-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

.result-feedback { margin-top: 8px; font-size: .9rem; color: var(--accent-800, #1d4ed8); }