.cc-base{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;gap:8px}
/* Phones: the amount gets its own full row so the currency name is never cut off beside it. */
@media(max-width:520px){.cc-base{grid-template-columns:minmax(0,1fr) auto}.cc-base .cc-amount{grid-column:1/-1}}
.cc-amount{font-size:20px;font-weight:800}
.cc-row .cc-val{font-size:22px;font-weight:900;color:var(--ink);line-height:1.2;font-variant-numeric:tabular-nums}
.cc-row .tf-sub{overflow-wrap:anywhere}
.cc-code{font-weight:800;color:var(--ink)}
.cc-dash{color:var(--mut)}
.cc-qlist > li{justify-content:space-between;min-height:44px;font-variant-numeric:tabular-nums}
.cc-asof{margin:0}
.cc-nudge a{font-weight:800}
.cc-rate{display:block;font-variant-numeric:tabular-nums}