/* ============================================================
   Трейдинг Pro — страница «Биржи»
   ============================================================ */
.ex-page .wrap{ max-width: 1080px; }
.ex-head{ text-align: center; }
.ex-head .legal-tabs{ justify-content: center; }
.ex-lead{ max-width: 720px; margin: 0 auto 16px; color: var(--l-muted); line-height: 1.6; }
.ex-jump{ list-style: none; padding: 0; margin: 0 0 6px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; font-weight: 700; }
.ex-jump a{ color: var(--l-accent); text-decoration: none; }
.ex-jump a:hover{ text-decoration: underline; }
.ex-disc{ max-width: 860px; margin: 0 auto 28px; font-size: 14.5px; line-height: 1.6; }

/* Карточки */
.ex-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ex-card{
  display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--l-line); border-radius: 16px;
  background: var(--l-card); transition: border-color .2s, transform .2s, box-shadow .2s; scroll-margin-top: 90px;
}
.ex-card:hover{ border-color: var(--l-accent); transform: translateY(-2px); box-shadow: 0 14px 36px var(--glow, transparent); }
.ex-card:last-child:nth-child(odd){ grid-column: 1 / -1; }
.ex-top{ display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.ex-mono{
  flex: none; width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center;
  font: 800 20px var(--f-head, inherit); color: #fff; background: linear-gradient(135deg, var(--acc, #3b82f6), var(--acc2, #22d3ee));
}
.ex-top h2{ margin: 0; font-size: 1.35em; line-height: 1.2; }
.ex-name{ color: var(--ink, inherit); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.ex-name:hover{ color: var(--l-accent); }
.ex-name svg, .ex-btn svg{ width: 16px; height: 16px; flex: none; }
.ex-tag{ margin: 2px 0 0; font-size: 14px; color: var(--l-muted); }
.ex-fit{ margin: 0 0 10px; font-size: 14.5px; line-height: 1.55; }
.ex-pts{ margin: 0 0 16px; padding: 0; list-style: none; font-size: 14.5px; line-height: 1.55; }
.ex-pts li{ position: relative; padding-left: 20px; margin: 6px 0; }
.ex-pts li::before{ content: ""; position: absolute; left: 4px; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--l-accent); }
.ex-foot{ margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-top: 14px; border-top: 1px dashed var(--l-line); }
.ex-fees{ display: flex; gap: 18px; margin: 0; }
.ex-fees div{ display: flex; flex-direction: column; }
.ex-fees dt{ font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--l-muted); }
.ex-fees dd{ margin: 2px 0 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.ex-btn{ display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: .7em 1.2em !important; font-size: 14.5px; white-space: nowrap; }

/* Таблица и блоки */
.ex-sec{ margin-top: 36px; }
.ex-sec h2{ margin: 0 0 14px; }
.ex-table th small{ display: block; font-weight: 400; font-size: 12px; color: var(--l-muted); }
.ex-table tbody th a{ color: var(--l-accent); font-weight: 700; text-decoration: none; }
.ex-table tbody th a:hover{ text-decoration: underline; }
.ex-table td{ font-variant-numeric: tabular-nums; }
.ex-note{ margin: 8px 0 0; font-size: 13.5px; color: var(--l-muted); line-height: 1.55; }
.ex-two{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 36px; }
.ex-two .ex-sec{ margin-top: 0; }
.ex-box{ padding: 22px; border: 1px solid var(--l-line); border-radius: 16px; background: var(--l-card); }
.ex-how{ list-style: none; margin: 0; padding: 0; }
.ex-how li{ padding: 10px 0; border-bottom: 1px solid var(--l-line); font-size: 14.5px; line-height: 1.5; }
.ex-how li:last-child{ border-bottom: 0; }
.ex-how b{ display: block; }
.ex-how span{ color: var(--l-muted); }
.ex-safe{ margin: 0; padding-left: 20px; font-size: 14.5px; line-height: 1.55; }
.ex-safe li{ margin: 7px 0; }
.ex-warn{ margin-top: 30px; font-size: 14px; }
.ex-warn a{ color: var(--l-accent); }

@media (max-width: 820px){
  .ex-grid, .ex-two{ grid-template-columns: 1fr; }
  .ex-foot{ flex-direction: column; align-items: stretch; }
  .ex-btn{ justify-content: center; }
}

/* Логотипы бирж */
.ex-logo{ flex: none; display: block; width: 56px; height: 56px; border-radius: 14px; overflow: hidden;
  box-shadow: 0 0 0 1px var(--l-line), 0 6px 16px rgba(0,0,0,.18); transition: transform .2s; }
.ex-logo:hover{ transform: scale(1.06); }
.ex-logo img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.ex-tname{ display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.ex-tname img{ width: 22px; height: 22px; border-radius: 6px; flex: none; }