:root {
      --bg: #000306;
      --ink: #f7f8fb;
      --muted: rgba(247, 248, 251, 0.58);
      --soft: rgba(247, 248, 251, 0.74);
      --line: rgba(247, 248, 251, 0.16);
      --panel: rgba(4, 9, 15, 0.62);
      --green: #b8ffd7;
      --red: #ffb8c5;
    }
    * { box-sizing: border-box; }
    html, body { margin: 0; min-height: 100%; }
    body {
      background:
        radial-gradient(circle at 78% 24%, rgba(32, 62, 96, 0.19), transparent 31%),
        linear-gradient(112deg, #02060b 0%, #02070d 50%, #000000 100%);
      color: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      overflow-x: hidden;
    }
    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    .markets-page { isolation: isolate; min-height: 100svh; overflow: hidden; padding-bottom: 64px; position: relative; }
    .markets-page::after {
      background-image:
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.01) 1px, transparent 1px);
      background-size: 72px 72px;
      content: "";
      inset: 0;
      opacity: .04;
      pointer-events: none;
      position: absolute;
      z-index: -1;
    }
    .site-header {
      align-items: center;
      display: grid;
      gap: clamp(16px, 1.9vw, 28px);
      grid-template-columns: minmax(210px, 268px) minmax(0, 1fr) auto;
      height: 82px;
      margin: 0 auto;
      max-width: 1512px;
      padding: 0 clamp(20px, 2.8vw, 42px);
      width: 100%;
      z-index: 5;
    }
    .brand { align-items: center; display: inline-flex; gap: 19px; min-width: 0; }
    .brand-mark { display: block; height: 45px; object-fit: contain; width: 31px; }
    .brand-word { font-size: 16px; font-weight: 500; letter-spacing: .38em; }
    .primary-nav {
      align-items: center;
      color: rgba(255,255,255,.9);
      display: flex;
      font-size: 16px;
      gap: clamp(18px, 3.15vw, 53px);
      justify-content: center;
      min-width: 0;
    }
    .account-nav { align-items: center; display: flex; font-size: 16px; gap: 20px; justify-content: flex-end; white-space: nowrap; }
    .market-selector { position: relative; }
    .market-selector summary {
      align-items: center;
      color: rgba(255,255,255,.96);
      cursor: pointer;
      display: inline-flex;
      gap: 8px;
      list-style: none;
      min-height: 36px;
      position: relative;
    }
    .market-selector summary::-webkit-details-marker { display: none; }
    .market-selector summary::after { background: rgba(255,255,255,.45); bottom: 3px; content: ""; height: 1px; left: 0; position: absolute; right: 18px; }
    .market-menu {
      background: #02070d;
      border: 1px solid rgba(255,255,255,.1);
      display: grid;
      min-width: 250px;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: calc(100% + 10px);
      z-index: 20;
    }
    .market-menu a { align-items: center; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.78); display: flex; min-height: 40px; padding: 0 14px; }
    .market-menu a:first-child { border-top: 0; }
    .market-menu a:hover { background: rgba(255,255,255,.055); color: white; }
    .market-option { align-items: center; display: inline-flex; gap: 9px; }
    .market-dot { border: 1px solid rgba(255,255,255,.45); border-radius: 50%; height: 9px; width: 9px; }
    .user-action { align-items: center; color: rgba(255,255,255,.88); display: inline-flex; height: 36px; justify-content: center; width: 36px; }
    .user-action svg { display: block; height: 22px; stroke-width: 1.55; width: 22px; }
    .markets-shell { margin: 0 auto; max-width: 1512px; padding: 0 clamp(24px, 4vw, 64px); position: relative; width: 100%; z-index: 2; }
    .section-tabs { align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); display: flex; gap: 38px; min-height: 58px; }
    .section-tab { color: rgba(255,255,255,.5); font-size: 15px; font-weight: 560; padding: 20px 0 16px; position: relative; }
    .section-tab.is-active { color: rgba(255,255,255,.9); }
    .section-tab.is-active::after { background: rgba(174,167,255,.96); bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; right: 0; }
    .markets-hero { border-bottom: 1px solid rgba(255,255,255,.14); overflow: hidden; padding: 18px 0 30px; position: relative; }
    .hero-copy { max-width: 720px; position: relative; z-index: 2; }
    .hero-kicker { color: rgba(255,255,255,.44); font-size: 13px; font-weight: 500; letter-spacing: .32em; margin: 0 0 14px; text-transform: uppercase; }
    .hero-title { font-size: clamp(36px, 3.15vw, 54px); font-weight: 430; letter-spacing: -.045em; line-height: 1.04; margin: 0; max-width: 720px; }
    .hero-subtitle { color: var(--muted); font-size: 18px; font-weight: 350; line-height: 1.48; margin: 18px 0 0; max-width: 560px; }
    .drop-art { bottom: 0; height: 330px; opacity: .22; pointer-events: none; position: absolute; right: clamp(12px, 4vw, 58px); width: 190px; z-index: 0; }
    .drop-art img { display: block; height: 100%; object-fit: contain; width: 100%; }
    .markets-filter-strip { margin-top: 34px; overflow-x: auto; position: relative; scrollbar-width: none; z-index: 3; }
    .markets-filter-strip::-webkit-scrollbar { display: none; height: 0; }
    .markets-filter-strip::-webkit-scrollbar-track { background: transparent; }
    .markets-filter-strip::-webkit-scrollbar-thumb { background: rgba(255,255,255,.16); border: 0; border-radius: 999px; }
    .exchange-track { align-items: center; border-bottom: 1px solid rgba(255,255,255,.11); border-top: 1px solid rgba(255,255,255,.11); display: flex; min-width: max-content; }
    .exchange-filter { align-items: center; background: transparent; border: 0; color: rgba(255,255,255,.56); cursor: pointer; display: inline-flex; gap: 10px; justify-content: center; min-height: 72px; padding: 0 24px; }
    .exchange-filter.is-active { background: rgba(255,255,255,.035); color: white; }
    .exchange-separator { background: rgba(255,255,255,.16); height: 46px; width: 1px; }
    .all-dot { border: 1px solid currentColor; border-radius: 50%; height: 10px; width: 10px; }
    .exchange-filter.is-active .all-dot { background: currentColor; }
    .exchange-logo { display: block; max-height: 38px; object-fit: contain; width: auto; }
    .exchange-logo.brvm { max-height: 34px; width: 108px; }
    .exchange-logo.bvmac { max-height: 34px; width: 34px; }
    .exchange-logo.ngx { max-height: 34px; width: 110px; }
    .exchange-logo.cse { max-height: 36px; width: 34px; }
    .exchange-logo-mask { background: rgba(255,255,255,.58); display: block; height: 34px; width: 100px; }
    .exchange-logo-mask.jse { -webkit-mask: url("/static/core/images/landing/jse_logo.svg") center / contain no-repeat; mask: url("/static/core/images/landing/jse_logo.svg") center / contain no-repeat; }
    .exchange-label { font-size: 20px; font-weight: 520; letter-spacing: .02em; }
    .exchange-code { display: none; }
    .markets-grid { display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr) 342px; margin-top: 32px; }
    .market-list, .coverage-panel, .companies-panel { background: var(--panel); border: 1px solid var(--line); }
    .panel-header { align-items: end; border-bottom: 1px solid rgba(255,255,255,.12); display: flex; gap: 18px; justify-content: space-between; min-height: 82px; padding: 22px 24px; }
    .panel-eyebrow { color: rgba(255,255,255,.42); display: block; font-size: 11px; font-weight: 500; letter-spacing: .28em; margin-bottom: 8px; text-transform: uppercase; }
    .panel-title { font-size: 22px; font-weight: 360; letter-spacing: -.02em; margin: 0; }
    .panel-note { color: rgba(255,255,255,.42); font-size: 12px; white-space: nowrap; }
    .market-row { align-items: center; border-top: 1px solid rgba(255,255,255,.09); display: grid; gap: 18px; grid-template-columns: 1.2fr .76fr .74fr .62fr 84px; min-height: 86px; padding: 0 24px; }
    .market-row:first-of-type { border-top: 0; }
    .market-identity { align-items: center; display: flex; gap: 14px; min-width: 0; }
    .market-icon { align-items: center; border: 1px solid rgba(255,255,255,.15); display: inline-flex; height: 42px; justify-content: center; width: 42px; }
    .market-icon svg { display: block; height: 22px; width: 22px; }
    .market-name { display: block; font-size: 17px; font-weight: 420; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .market-meta { color: rgba(255,255,255,.44); display: block; font-size: 12px; margin-top: 5px; }
    .row-label { color: rgba(255,255,255,.38); display: block; font-size: 11px; letter-spacing: .16em; margin-bottom: 7px; text-transform: uppercase; }
    .row-value { color: rgba(255,255,255,.76); display: block; font-size: 14px; }
    .status-pill { border: 1px solid rgba(184,255,215,.26); color: var(--green); display: inline-flex; font-size: 12px; justify-content: center; min-width: 76px; padding: 6px 10px; }
    .row-link { color: rgba(255,255,255,.72); font-size: 25px; line-height: 1; text-align: right; }
    .coverage-panel { align-self: start; padding: 24px; }
    .coverage-title { font-size: 22px; font-weight: 340; letter-spacing: -.025em; margin: 0 0 26px; }
    .coverage-stat { border-top: 1px solid rgba(255,255,255,.1); padding: 22px 0; }
    .coverage-stat:first-of-type { border-top: 0; padding-top: 0; }
    .coverage-number { display: block; font-size: 44px; font-weight: 210; letter-spacing: -.06em; line-height: .95; }
    .coverage-label { color: rgba(255,255,255,.48); display: block; font-size: 13px; line-height: 1.45; margin-top: 10px; }
    .coverage-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
    .coverage-tags span { border: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.6); font-size: 12px; padding: 7px 10px; }
    .companies-panel { margin-top: 34px; }
    .results-count { color: rgba(255,255,255,.72); font-size: 15px; }
    .active-filter-strip { align-items: center; border-bottom: 1px solid rgba(255,255,255,.07); display: flex; gap: 8px; overflow-x: auto; padding: 10px 24px; scrollbar-width: none; white-space: nowrap; }
    .active-filter-strip::-webkit-scrollbar { display: none; height: 0; }
    .active-filter-strip::-webkit-scrollbar-track { background: transparent; }
    .active-filter-strip::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border: 0; border-radius: 999px; }
    .active-filter-chip { align-items: center; background: rgba(255,255,255,.032); border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.76); display: inline-flex; flex: 0 0 auto; gap: 8px; min-height: 30px; padding: 0 9px 0 10px; }
    .active-filter-chip .chip-kicker { color: rgba(255,255,255,.42); font-size: 9px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
    .active-filter-chip .chip-label { font-size: 13px; }
    .active-filter-chip .chip-remove { align-items: center; color: rgba(255,255,255,.55); display: inline-flex; font-size: 18px; height: 22px; justify-content: center; line-height: 1; width: 18px; }
    .active-filter-chip .chip-remove:hover { color: white; }
    .selected-exchange-dashboard { align-items: center; border-bottom: 1px solid rgba(255,255,255,.11); display: grid; gap: 18px; grid-template-columns: .48fr minmax(0,1.95fr) 1fr; min-height: 72px; padding: 0 24px; }
    .selected-exchange-dashboard .dashboard-kicker { color: rgba(255,255,255,.38); display: block; font-size: 10px; font-weight: 560; letter-spacing: .18em; margin-bottom: 4px; text-transform: uppercase; }
    .selected-exchange-dashboard .dashboard-title { color: rgba(255,255,255,.84); display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .selected-exchange-dashboard .dashboard-meta { color: rgba(255,255,255,.52); font-size: 13px; text-align: right; white-space: nowrap; }
    .company-table { display: grid; }
    .company-row { align-items: center; border-top: 1px solid rgba(255,255,255,.09); display: grid; gap: 18px; grid-template-columns: .48fr minmax(0,1.65fr) .92fr .86fr; min-height: 62px; padding: 0 24px; }
    .company-row.company-list-row { grid-template-columns: .48fr minmax(0,1.95fr) 1fr; }
    .company-row.table-head { color: rgba(255,255,255,.38); font-size: 11px; letter-spacing: .16em; min-height: 48px; text-transform: uppercase; }
    .company-row.table-head span:last-child { text-align: right; }
    .company-row.company-list-row.table-head span:last-child { text-align: left; }
    .exchange-flag { color: rgba(255,255,255,.88); font-size: 18px; line-height: 1; }
    .exchange-flag svg, .filter-flag { display: inline-block; height: 18px; width: 18px; }
    .company-cell { min-width: 0; }
    .company-name { color: rgba(255,255,255,.72); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .ticker { color: rgba(255,255,255,.42); display: block; font-size: 11px; font-weight: 360; letter-spacing: .08em; margin-top: 5px; }
    .company-sector { color: rgba(255,255,255,.62); }
    .company-quote { text-align: right; }
    .company-price { color: rgba(255,255,255,.76); display: block; }
    .company-change { display: block; font-size: 12px; margin-top: 5px; }
    .positive { color: var(--green); }
    .negative { color: var(--red); }
    .markets-filter__group { border-top: 1px solid var(--rf-border-soft, rgba(255,255,255,.11)); padding: 24px 0; }
    .markets-filter__label { color: var(--rf-text-muted, rgba(255,255,255,.48)); display: block; font-size: 11px; font-weight: 540; letter-spacing: .24em; margin-bottom: 14px; text-transform: uppercase; }
    .markets-filter__list { display: grid; max-height: 205px; overflow-y: auto; scrollbar-width: none; }
    .markets-filter__list::-webkit-scrollbar { display: none; }
    .markets-filter__option { align-items: center; color: var(--rf-text-secondary, rgba(255,255,255,.66)); cursor: pointer; display: flex; gap: 13px; min-height: 41px; padding: 0 2px; }
    .markets-filter__option input { appearance: none; border: 1.5px solid var(--rf-text-muted, rgba(255,255,255,.5)); border-radius: 50%; height: 16px; margin: 0; position: relative; width: 16px; }
    .markets-filter__option input[type="checkbox"] { border-radius: 3px; }
    .markets-filter__option input:checked { border-color: var(--rf-text-primary, rgba(255,255,255,.9)); }
    .markets-filter__option input:checked::after { background: var(--rf-text-primary, rgba(255,255,255,.9)); border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 6px; }
    .markets-filter__option input[type="checkbox"]:checked::after { border-radius: 1px; height: 8px; width: 8px; }
    .markets-filter__option span { font-size: 15px; line-height: 1.35; }
    .markets-filter__search { background: var(--rf-surface-soft, rgba(255,255,255,.035)); border: 1px solid var(--rf-border-soft, rgba(255,255,255,.12)); color: var(--rf-text-primary, rgba(255,255,255,.78)); height: 42px; outline: 0; padding: 0 13px; width: 100%; }
    .markets-filter__search::placeholder { color: var(--rf-text-muted, rgba(255,255,255,.34)); }
    .markets-pagination { align-items: center; border-top: 1px solid rgba(255,255,255,.11); color: rgba(255,255,255,.58); display: flex; font-size: 13px; justify-content: space-between; min-height: 58px; padding: 0 24px; }
    .markets-pagination-actions { display: inline-flex; gap: 10px; }
    .markets-filter__reset, .markets-filter__apply { align-items: center; border: 1px solid var(--rf-border-soft, rgba(255,255,255,.14)); cursor: pointer; display: inline-flex; font-size: 14px; height: 42px; justify-content: center; padding: 0 16px; }
    .markets-filter__reset { background: transparent; color: var(--rf-text-secondary, rgba(255,255,255,.68)); }
    .markets-filter__apply { background: var(--rf-text-primary, rgba(255,255,255,.9)); color: var(--rf-bg, #030811); flex: 1; }
    .mobile-tabbar { display: none; }
    @media (max-width: 940px) {
      .site-header { grid-template-columns: minmax(154px,190px) minmax(0,1fr) auto; height: 72px; }
      .primary-nav, .account-nav { font-size: 14px; }
      .markets-grid { grid-template-columns: 1fr; }
      .coverage-panel { display: grid; gap: 22px; grid-template-columns: repeat(3,1fr); }
      .coverage-title, .coverage-tags { grid-column: 1 / -1; }
    }
    @media (max-width: 760px) {
      body.markets-body {
        overflow: hidden;
        padding-bottom: 0;
      }
      body.markets-body main {
        height: calc(100svh - 52px - env(safe-area-inset-top) - 5.75rem - env(safe-area-inset-bottom));
        overflow: hidden;
      }
      .site-header { grid-template-columns: auto minmax(0,1fr) auto; height: 68px; padding: 0 24px; }
      .primary-nav { display: none; }
      .account-nav { display: contents; }
      .market-selector { grid-column: 2; justify-self: center; }
      .brand-mark { height: 38px; width: 28px; }
      .brand-word { font-size: 12px; letter-spacing: .44em; }
      .user-action { border: 1.5px solid rgba(255,255,255,.92); border-radius: 50%; grid-column: 3; justify-self: end; }
      .markets-page {
        height: 100%;
        min-height: 0;
        overflow: hidden;
        padding-bottom: 0;
      }
      .markets-page::after { display: none; }
      .markets-shell {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        padding: 0 1.1rem;
      }
      .markets-hero {
        display: none;
      }
      .hero-copy { max-width: 100%; }
      .hero-kicker {
        color: #fff;
        font-size: 1.62rem;
        font-weight: 680;
        letter-spacing: -0.035em;
        line-height: 1.05;
        margin: 0 0 0.32rem;
        text-transform: none;
      }
      .markets-shell .hero-title {
        max-width: 18rem;
        color: rgba(247, 248, 251, 0.84);
        font-size: 1rem;
        font-weight: 640;
        letter-spacing: -0.015em;
        line-height: 1.24;
      }
      .hero-subtitle {
        max-width: 20rem;
        color: var(--rf-text-secondary, rgba(247, 248, 251, 0.64));
        font-size: 0.82rem;
        line-height: 1.42;
        margin-top: 0.46rem;
      }
      .drop-art { display: none; }
      .markets-filter-strip {
        display: none;
      }
      .exchange-track {
        gap: 0.42rem;
        border: 0;
        padding: 0.2rem 0;
      }
      .exchange-separator { display: none; }
      .exchange-filter {
        min-height: 2.1rem;
        flex: 0 0 auto;
        gap: 0.36rem;
        border: 1px solid var(--rf-border, rgba(255,255,255,.13));
        border-radius: 999px;
        background: rgba(255,255,255,.035);
        padding: 0 0.78rem;
        color: rgba(247, 248, 251, 0.68);
        font-size: 0.74rem;
        font-weight: 660;
        letter-spacing: 0.02em;
      }
      .exchange-filter.is-active {
        border-color: rgba(124, 77, 255, 0.48);
        background: rgba(124, 77, 255, 0.22);
        color: #fff;
      }
      .exchange-filter .exchange-logo,
      .exchange-filter .exchange-logo-mask,
      .exchange-filter .filter-flag,
      .exchange-filter .exchange-label {
        display: none;
      }
      .exchange-filter .exchange-code {
        display: inline;
      }
      .all-dot {
        width: 0.38rem;
        height: 0.38rem;
      }
      .markets-grid { gap: 12px; margin-top: 16px; }
      .market-list, .coverage-panel, .companies-panel { background: transparent; border: 0; }
      .companies-panel {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        margin-top: 0.68rem;
        min-height: 0;
        padding-bottom: 0.7rem;
      }
      .results-count {
        color: var(--rf-text-secondary, rgba(247, 248, 251, 0.72));
        font-size: 0.82rem;
        font-weight: 560;
      }
      .active-filter-strip {
        align-items: center;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        margin: 0 -1.1rem;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0.5rem 1.1rem;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
        white-space: nowrap;
      }
      .selected-exchange-dashboard {
        grid-template-columns: 1.65rem minmax(0, 1fr);
        min-height: 0;
        gap: 0.62rem;
        padding: 0.58rem 0;
      }
      .selected-exchange-dashboard .dashboard-kicker,
      .selected-exchange-dashboard .dashboard-meta {
        display: none;
      }
      .selected-exchange-dashboard .dashboard-title {
        font-size: 0.8rem;
      }
      .market-row { align-items: start; gap: 4px 10px; grid-template-columns: minmax(0,1fr) auto; min-height: 0; padding: 9px 0; }
      .market-row > div:nth-child(2), .market-row > div:nth-child(4) { display: none; }
      .market-row > div:nth-child(3) { grid-column: 1; grid-row: 2; padding-left: 37px; }
      .row-link { grid-column: 2; grid-row: 1; }
      .coverage-panel { display: block; padding: 0; }
      .company-table {
        display: grid;
        flex: 1 1 auto;
        max-height: calc(
          100svh - 52px - env(safe-area-inset-top) - 5.75rem - env(safe-area-inset-bottom) - 2.3rem - 3rem - 1.35rem
        );
        min-height: min(100%, calc(5 * 3.45rem));
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: none;
      }
      .company-table::-webkit-scrollbar {
        display: none;
      }
      .company-row {
        align-items: center;
        gap: 0.16rem 0.64rem;
        grid-template-columns: 1.65rem minmax(0,1fr) minmax(5.4rem,0.62fr);
        min-height: 3.45rem;
        padding: 0.54rem 0;
      }
      .company-row.company-list-row {
        grid-template-columns: 1.65rem minmax(0,1fr) minmax(5.4rem,0.62fr);
      }
      .company-row.table-head { display: none; }
      .exchange-flag {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: center;
        font-size: 0.78rem;
      }
      .exchange-flag svg,
      .filter-flag {
        width: 1rem;
        height: 1rem;
      }
      .company-cell {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
      }
      .company-name {
        color: var(--rf-text-primary, #fff);
        font-size: 0.82rem;
        font-weight: 640;
        line-height: 1.15;
      }
      .ticker {
        color: var(--rf-text-muted, rgba(247, 248, 251, 0.44));
        font-size: 0.68rem;
        letter-spacing: 0.04em;
        margin-top: 0.18rem;
      }
      .company-sector {
        color: var(--rf-text-muted, rgba(247,248,251,.48));
        font-size: 0.68rem;
        grid-column: 3;
        grid-row: 1;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .company-quote { grid-column: 3; grid-row: 1 / 3; min-width: 66px; }
      .markets-pagination {
        flex: 0 0 auto;
        min-height: 3rem;
        padding: 0.55rem 0;
        font-size: 0.74rem;
      }
      .markets-filter__group {
        padding: 1rem 0;
      }
      .mobile-tabbar { align-items: stretch; background: rgba(1,5,10,.96); border-top: 1px solid rgba(255,255,255,.16); bottom: 0; display: grid; grid-template-columns: repeat(5,1fr); height: calc(122px + env(safe-area-inset-bottom)); left: 0; padding: 14px 30px env(safe-area-inset-bottom); position: fixed; right: 0; z-index: 30; }
      .mobile-tab { align-items: center; color: rgba(255,255,255,.72); display: flex; flex-direction: column; font-size: 13px; gap: 8px; justify-content: center; min-width: 0; }
      .mobile-tab svg { height: 28px; stroke-width: 1.65; width: 28px; }
    }
    @media (max-width: 760px) and (max-height: 700px) {
      body.markets-body {
        overflow-y: auto;
      }
      body.markets-body main {
        height: auto;
        min-height: calc(100svh - 52px - env(safe-area-inset-top));
        overflow: visible;
      }
      .markets-page {
        height: auto;
        min-height: calc(100svh - 52px - env(safe-area-inset-top));
        overflow: visible;
        padding-bottom: calc(5.75rem + env(safe-area-inset-bottom));
      }
      .markets-shell {
        height: auto;
        min-height: 0;
      }
      .companies-panel {
        flex: 0 0 auto;
      }
      .company-table {
        flex: 0 0 auto;
        max-height: none;
        overflow-y: visible;
      }
    }