/* ═══════════════════════════════════════════════════════════════════
   BROKERS.CSS — Page-specific styles for exchanges
   Scope: page-exchanges only
═══════════════════════════════════════════════════════════════════ */


/* ── LARGE TILES ─────────────────────────────────────────────────── */
.tiles--large__logo {
  display: inline-flex;
  align-items: center;
  height: 30px;
  filter: drop-shadow(0px 0px 12px rgba(255, 255, 255, .67));
  position: absolute;
  top: var(--sp-32);
}

/* ── MEDIUM TILES ────────────────────────────────────────────────── */
.tiles--medium__logo {
  display: inline-flex;
  align-items: center;
  height: 20px;
  filter: drop-shadow(0px 0px 12px rgba(255, 255, 255, .67));
  position: absolute;
  top: var(--sp-20);
}

/* ── SECTION BACKGROUNDS ─────────────────────────────────────────── */
.section--large-tiles  { background: transparent; }
.section--medium-tiles { background: var(--c-surface-2); border-radius: var(--r-xl); }
.section--small-tiles  { background: transparent; }