/*
 * CP-15 Two-path selector — app/components/ui/two_path_selector_component.rb
 *
 * Two FM-11 radio cards laid out side by side, each taking equal width;
 * stacks to a column below 480px. Token vars only — enforced by
 * test/lint/css_token_lint_test.rb.
 */

.ui-two-path-selector {
  display: flex;
  gap: var(--space-4);
}

.ui-two-path-selector .ui-radio-card {
  flex: 1;
}

@media (max-width: 480px) {
  .ui-two-path-selector {
    flex-direction: column;
  }
}