/* A readable, unpriced landing state for the trading fee tool. */
.page-tools .quality-fee-example{padding:2px 0;max-width:620px}
.page-tools .quality-example-label{color:var(--blue);font-size:13px;font-weight:650;line-height:1.5;margin:0 0 10px}
.page-tools .quality-fee-example h2{margin:0;line-height:1.4}
.page-tools .quality-fee-formula{font-size:15px;line-height:1.65;margin:14px 0 0;color:var(--muted)}
.page-tools .quality-fee-equation{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:clamp(21px,2.2vw,28px);line-height:1.5;font-variant-numeric:tabular-nums;margin:12px 0 14px}
.page-tools .quality-fee-equation span,.page-tools .quality-fee-equation strong{white-space:nowrap}
.page-tools .quality-fee-equation strong{color:var(--blue);font-weight:700}
.page-tools .quality-fee-assumption,.page-tools .quality-example-next{font-size:15px;line-height:1.7;margin:0;color:var(--muted)}
.page-tools .quality-example-next{margin-top:12px;color:var(--ink)}
.page-tools .quality-example-guides{display:flex;flex-direction:column;align-items:flex-start;gap:0;border-top:1px solid var(--line);margin-top:18px;padding-top:8px}
.page-tools .quality-example-guides a{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;padding:7px 0}
.page-tools .quality-example-guides svg{width:17px;height:17px;flex-shrink:0}
@media(max-width:720px){
  .page-tools .quality-fee-example h2{font-size:21px}
  .page-tools .quality-fee-equation{gap:6px 8px;font-size:22px}
  .page-tools .quality-example-guides{margin-top:14px}
}