/*
 * CN-02 Section header — app/components/ui/section_header_component.rb
 *
 * No border-bottom by design (spec §1.8) — whitespace separates sections.
 */

.ui-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

.ui-section-header__title {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
  font-weight: 500;
  color: var(--color-ink);
  margin: 0;
}

.ui-section-header__subtitle {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
  color: var(--color-ink-muted);
  margin: var(--space-1) 0 0;
}

.ui-section-header__action {
  flex-shrink: 0;
}