#exchange-view .section-head,#exchange-view .card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}
#exchange-view .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
#exchange-view .metric{min-width:0;padding:22px;border:1px solid #ffffff20;border-radius:16px;background:#003734}
#exchange-view .metric strong{display:block;font-size:clamp(20px,2.5vw,34px);overflow-wrap:anywhere}
#exchange-view .metric small,#exchange-view .hint,#exchange-view .notice{color:#a6bfbd;font-size:13px;line-height:1.6}
#exchange-view .chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#exchange-view .chart svg{width:100%;height:220px}
#exchange-view .sort,#refresh-market{background:#003734;color:#edf9f8;border:1px solid #ffffff25;border-radius:8px;padding:10px;cursor:pointer;font:inherit}
#exchange-view .sort{border:0;white-space:nowrap}#exchange-view .sort-arrow,#exchange-view tfoot{color:#5ef2e2}
#exchange-view table{width:100%;border-collapse:collapse;white-space:nowrap}#exchange-view td,#exchange-view th{padding:14px 10px;text-align:right;border-bottom:1px solid #ffffff20}#exchange-view td:first-child,#exchange-view th:first-child{text-align:left}
#exchange-view .table-wrap{overflow-x:auto}#exchange-view .notice{margin:18px 0}#exchange-view .card{margin:20px 0}
@media(max-width:600px){#exchange-view .metrics{grid-template-columns:1fr 1fr}#exchange-view .metric{padding:14px}#exchange-view .metric strong{font-size:20px}#exchange-view .chart-grid{grid-template-columns:1fr}#exchange-view .section-head{align-items:flex-start;flex-direction:column}}