/* Leverage, on the Borrow tab (app-lever.js). Reuses the shared card, picker, facts, risk-box (bears.css) and
   position-row (pairs.css) styles; only what is new is here. */
.lever { margin-top: 44px; padding-top: 28px; border-top: 3px dashed rgba(255, 255, 255, .22); }
.lever-title { font-size: clamp(26px, 3.4vw, 38px); margin: 0 0 6px; }
.lever .cols { align-items: start; }
.lever .check { align-items: flex-start; margin: 12px 0; }
.lever .check input { flex: none; margin-top: 3px; }
.lever-slide label b { font-variant-numeric: tabular-nums; margin: 0 4px; }
.lever-slide input[type="range"] { width: 100%; accent-color: var(--sticker, #ffd83a); height: 28px; }
.lever .p-row .row-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.lever .p-row .row-btns .btn { margin-top: 8px; }
@media (max-width: 620px) {
  .lever { margin-top: 32px; padding-top: 20px; }
}