.rate-earnings { margin: 1rem 0; padding: 1rem; background: #f7f9fc; border: 1px solid #dbe2ec; border-radius: 12px; }
.rate-earnings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.rate-earnings-card { min-width: 0; padding: 1rem; border-radius: 8px; background: #fff; }
.rate-earnings dl > div { display: flex; justify-content: space-between; align-items: start; gap: 1rem; padding: .5rem 0; border-bottom: 1px solid #edf0f5; }
.rate-earnings dt { font-weight: 400; overflow-wrap: anywhere; }
.rate-earnings dd { margin: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rate-earnings-total dt, .rate-earnings-total dd { font-weight: 700; }
.rate-earnings [data-estimate-equation] { overflow-wrap: anywhere; }
@media (max-width: 760px) { .rate-earnings-grid { grid-template-columns: 1fr; } }
.rate-conversion-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.rate-conversion-row input { flex: 1 1 160px; min-width: 0; }
.rate-conversion-row output { flex: 1 1 220px; font-variant-numeric: tabular-nums; }