/*
 * car-loan-calculator.css — per-tool styles for the down-payment mode radios
 * and the highlighted effective-rate figure. Tokens only (CSP: style-src 'self').
 */

/* Down payment: baht / percent toggle — inline, wraps on narrow screens. */
.cl-radio-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-2);
}
.cl-radio {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  font: 500 14px/1.4 var(--font-sans);
  color: var(--text-primary);
}
.cl-radio input {
  flex: none;
  width: 16px;
  height: 16px;
  accent-color: var(--blue-600);
  cursor: pointer;
}

/* Effective-rate headline inside its result block. */
.cl-effective {
  color: var(--blue-600);
  margin-bottom: var(--space-2);
}