/* Currency Converter — pair row + result. Uses design tokens. */
.cc-pair { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-3); align-items: end; }
.cc-swap { height: 42px; align-self: end; padding: 0 var(--space-3); }

.cc-result-main { margin-bottom: var(--space-4); }
.cc-result-value { font-size: var(--text-3xl-size); line-height: var(--text-3xl-line); font-weight: 800; color: var(--text-primary); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.cc-result-sub { color: var(--text-muted); font-size: var(--text-sm-size); }

.cc-rates { border-top: 1px solid var(--border); padding-top: var(--space-3); margin-bottom: var(--space-3); }
.cc-rate-line { color: var(--text-secondary); font-size: var(--text-sm-size); font-variant-numeric: tabular-nums; }

@media (max-width: 420px) {
  .cc-pair { grid-template-columns: 1fr; }
  .cc-swap { justify-self: center; }
}