/*
 * Post-generated corrections for the audited 2019 mobile campaigns.
 * Keep every rule under the campaign root: both templates also have desktop
 * siblings that reuse common legacy class names such as .summary and .chunk.
 */
.legacy-mobile-special-859 :where(h1, h2, h3, p),
.legacy-mobile-special-899 :where(h1, h2, h3, p) {
  color: inherit;
}

/* top.css fixes every p at 14px, while View859 deliberately uses rem-based
   copy. Inherit from the section so phones and the capped tablet canvas agree. */
.legacy-mobile-special-859 :where(p) {
  font-size: inherit;
}

/* View859 was designed for a narrow H5 canvas. Its adaptation controller caps
   the rem basis at 430px; centre that canvas when the fallback is shown wider. */
@media (min-width: 431px) {
  .legacy-mobile-special-859 > div {
    width: 430px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 768px) {
  .legacy-mobile-special-859,
  .legacy-mobile-special-859 *,
  .legacy-mobile-special-899,
  .legacy-mobile-special-899 * {
    box-sizing: border-box;
  }

  .legacy-mobile-special-859,
  .legacy-mobile-special-899 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
  }

  .legacy-mobile-special-859 .isloadA,
  .legacy-mobile-special-899 .isloadA {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 14px !important;
    line-height: 1.25 !important;
    cursor: pointer;
    touch-action: manipulation;
  }

  .legacy-mobile-special-859 .isloadA:focus-visible,
  .legacy-mobile-special-899 .isloadA:focus-visible {
    outline: 2px solid #ffce5e;
    outline-offset: 2px;
  }

  /* Special 859: the fixed left column remains visible while its header and
     body are synchronized by LegacyMobileCampaignRuntime. */
  .legacy-mobile-special-859 .table_content .table_top .right,
  .legacy-mobile-special-859 .table_content .table_center {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scrollbar-color: #ffce5e #282c32;
    scrollbar-width: thin;
    touch-action: pan-x pan-y;
  }

  .legacy-mobile-special-859 .table_content .table_center:focus-visible,
  .legacy-mobile-special-899 .graded_content .right_container:focus-visible {
    outline: 2px solid #ffce5e;
    outline-offset: -2px;
  }

  .legacy-mobile-special-859 .MacroData .select_box ul li {
    align-items: center;
    min-height: 44px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 1.35;
  }

  .legacy-mobile-special-859 .MacroData .query_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    line-height: 1.25;
  }

  .legacy-mobile-special-859 .MacroData .view_more .btn_div {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  /* Preserve the four-column logo grid and its expand/collapse interaction,
     while giving every broker a real, non-overlapping 44px touch target. */
  .legacy-mobile-special-859 .MacroData .trader_logo,
  .legacy-mobile-special-859 .MacroData .trader_logo.active {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 44px;
    gap: 0.08rem 0.12rem;
    width: 100%;
    padding-left: 0;
  }

  .legacy-mobile-special-859 .MacroData .trader_logo {
    height: 176px;
  }

  .legacy-mobile-special-859 .MacroData .trader_logo.active {
    height: auto;
  }

  .legacy-mobile-special-859 .MacroData .trader_logo a,
  .legacy-mobile-special-859 .MacroData .trader_logo a:nth-of-type(4n) {
    display: flex;
    float: none;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    min-height: 44px;
    margin: 0;
  }

  .legacy-mobile-special-859 .MacroData .trader_logo img {
    max-width: 100%;
    object-fit: contain;
  }

  .legacy-mobile-special-859 :is(
      .MacroData .select_box ul li,
      .MacroData .query_btn,
      .MacroData .view_more .btn_div
    ):focus-visible,
  .legacy-mobile-special-899 :is(
      .echarts_select .select_item,
      .regulator_introduction .search_arrow,
      .regulator_introduction .other_select_item p
    ):focus-visible {
    outline: 2px solid #fff;
    outline-offset: -3px;
  }

  /* Special 899: chart controls now work with touch and keyboard, and the
     4960px comparison remains a readable horizontal surface rather than being
     compressed into an illegible screenshot. */
  .legacy-mobile-special-899
    .regulatory_data
    .echarts_graphy
    .echarts_select
    .select_item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 44px;
    margin-right: 6px;
    cursor: pointer;
  }

  .legacy-mobile-special-899
    .regulatory_data
    .echarts_graphy
    .echarts_select
    .select_item
    p {
    position: static;
    margin: 0;
    line-height: 20px;
  }

  .legacy-mobile-special-899 .graded_container .graded_content,
  .legacy-mobile-special-899
    .graded_container
    .graded_content
    .right_container {
    height: 421px;
  }

  .legacy-mobile-special-899
    .graded_container
    .graded_content
    .right_container {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scrollbar-color: #c99c59 #1a1a1a;
    scrollbar-width: thin;
    touch-action: pan-x pan-y;
  }

  .legacy-mobile-special-899
    .graded_container
    .graded_content
    .right_container
    .right_content {
    width: 4960px;
    min-width: 4960px;
  }

  .legacy-mobile-special-899 .regulator_introduction table {
    width: 100%;
    table-layout: fixed;
  }

  .legacy-mobile-special-899
    .regulator_introduction
    table
    tr
    td.left_title {
    width: 82px;
  }

  .legacy-mobile-special-899
    .regulator_introduction
    .right_content.right_title
    .search_arrow {
    display: flex;
    float: right;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    cursor: pointer;
  }

  .legacy-mobile-special-899
    .regulator_introduction
    .right_content.right_title
    .search_arrow
    img {
    position: static;
    width: 30px;
    margin: 0;
  }

  .legacy-mobile-special-899
    .regulator_introduction
    .right_content.right_title
    .other_select_list {
    z-index: 30;
  }

  .legacy-mobile-special-899
    .regulator_introduction
    .right_content.right_title
    .other_select_list
    .other_select_item,
  .legacy-mobile-special-899
    .regulator_introduction
    .right_content.right_title
    .other_select_list
    .other_select_item
    p {
    min-height: 44px;
  }

  .legacy-mobile-special-899
    .regulator_introduction
    .right_content.right_title
    .other_select_list
    .other_select_item {
    height: 44px;
  }

  .legacy-mobile-special-899
    .regulator_introduction
    .right_content.right_title
    .other_select_list
    .other_select_item
    p {
    display: flex;
    align-items: center;
    padding-right: 15px;
    line-height: 1.25;
    cursor: pointer;
  }
}