.exchange-panel { max-width:680px; margin:0 auto; color:var(--ink); text-align:left; }
.exchange-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:22px; }
.exchange-heading h3 { margin:0; font-size:22px; font-weight:600; }
.exchange-heading p { margin:5px 0 0; color:var(--ink-soft); font-size:13px; }
.exchange-status { padding-top:4px; color:var(--ink-soft); font-size:12px; white-space:nowrap; }
.exchange-list { overflow:hidden; border:1px solid var(--line); border-radius:12px; }
.exchange-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:94px; padding:18px 22px; color:inherit; text-decoration:none; }
.exchange-row + .exchange-row { border-top:1px solid var(--line); }
.exchange-row:hover { background:var(--accent-bg); }
.exchange-row:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.exchange-pair,.exchange-value { display:flex; flex-direction:column; gap:3px; }
.exchange-pair strong { font-size:16px; font-weight:500; }
.exchange-pair small,.exchange-value small { color:var(--ink-soft); font-size:12px; }
.exchange-value { text-align:right; }
.exchange-value strong { color:var(--accent); font-size:23px; font-variant-numeric:tabular-nums; font-weight:600; }
.exchange-note { margin:14px 0 0; color:var(--ink-soft); font-size:12px; line-height:1.7; }
@media (max-width:560px) { .exchange-heading { display:block; } .exchange-status { display:block; margin-top:8px; } .exchange-row { min-height:86px; padding:16px; } .exchange-value strong { font-size:20px; } }