.exchange-quote { margin-bottom: 32px; padding: 24px; border: 1px solid #e5e5e0; border-radius: 12px; background: #f5f5f0; }
.exchange-quote h2 { font-size: clamp(1.4rem, 4vw, 2rem); overflow-wrap: anywhere; }
.exchange-quote p { margin: 8px 0; }
.modern-exchange-rate fieldset { border: 1px solid #deded8; border-radius: 8px; padding: 18px; min-width: 0; margin: 16px 0; }
.modern-exchange-rate legend { padding: 0 6px; font-weight: 600; }
.modern-exchange-rate [hidden] { display: none !important; }
.exchange-swap { border: 1px solid #ddd; background: #f4f4ef; padding: 10px 16px; border-radius: 6px; cursor: pointer; margin-bottom: 16px; }
.exchange-swap:focus-visible { outline: 3px solid #315c45; outline-offset: 3px; }
.exchange-error, [data-quote-stale], [data-quote-invalid] { color: #914126; }
.modern-exchange-rate .modern-result-primary h2 { font-size: clamp(1.6rem, 3vw, 3rem); overflow-wrap: anywhere; }
.modern-exchange-rate .modern-result-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.modern-exchange-rate .modern-result-breakdown dd { overflow-wrap: anywhere; }
.modern-exchange-rate .modern-guidance-list a { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .exchange-quote { width: calc(100% - 40px); padding: 18px; }
  .modern-exchange-rate .modern-result-stats { grid-template-columns: 1fr; }
  .modern-exchange-rate .modern-result-breakdown > div { gap: 12px; flex-wrap: wrap; }
}