/* Trade calculator */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.col h2,.sec h2{font-size:15px;font-weight:500;margin:0 0 10px}
.total{font-size:14px;margin:12px 0}
.result{font-size:18px;margin:18px 0 6px}
.sec{margin-top:28px}
.hist{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:var(--fill);margin-bottom:6px;font-size:13px}
@media (max-width:700px){.cols{grid-template-columns:1fr}}
.hist-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-align:left}
.hist-main .vs{color:var(--muted);font-size:12px}
.hist-when{margin-left:8px;color:var(--muted)}
.card{touch-action:manipulation;-webkit-user-select:none;user-select:none}
.col[data-side]{transition:outline-color .15s}