.filters{grid-template-columns:140px minmax(0,1fr) 36px}
.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.live-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-top:1px solid #dce2df;padding:16px 0}
.live-leg{min-width:0;display:grid;gap:8px}.live-leg+.live-leg{border-left:1px solid #dce2df;padding-left:24px}
.price-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px}.price-heading>span{overflow-wrap:anywhere}
.price-heading b{margin:0}.price-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-height:28px}
.price-main strong{font-size:23px;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.price-main>span,.price-book,.live-leg>small{font-size:11px;color:#697570}
.price-book{display:flex;flex-wrap:wrap;gap:6px 18px;font-variant-numeric:tabular-nums}.price-book b{font-weight:500;color:#202726;overflow-wrap:anywhere}
.legs{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:12px;align-items:end;min-width:0}
.crypto-leg{order:0;min-width:0}.switch-legs{order:1}.peer-leg{order:2;min-width:0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}
.legs.reversed .crypto-leg{order:2}.legs.reversed .peer-leg{order:0}
.long-label,.short-label{font-size:10px;margin-left:8px;font-weight:600}
.long-label{color:#008467}.short-label{color:#bd4b59}
#direction{width:36px;max-width:none}#legend{display:flex;gap:16px;flex-wrap:wrap}
#entry-legend:before,#exit-legend:before{content:'';display:inline-block;width:14px;height:3px;margin:0 5px 3px 0;background:#008467}
#exit-legend:before{background:#c44951}
@media(max-width:760px){
  .live-prices{gap:12px}.live-leg+.live-leg{padding-left:12px}.price-main strong{font-size:19px}.price-main{gap:4px 8px}.price-heading{font-size:12px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-meta{flex-wrap:wrap}
  .filters{grid-template-columns:minmax(0,1fr) 36px}
  .filters>label{grid-row:1;grid-column:1}.filters>#refresh{grid-row:1;grid-column:2}
  .legs{grid-row:2;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:8px;align-items:start}
  .peer-leg{grid-template-columns:minmax(0,1fr);gap:8px}
  .legs .switch-legs{margin-top:24px;width:32px}
  .legs select{font-size:12px;padding:8px 5px}.long-label,.short-label{margin-left:4px}
  .tabs button{padding:12px 6px;font-size:11px}
}