/* Stage 2 Broker sample. The desktopStyle=v1 preview flag owns this surface.
   Navigation geometry, chapter offsets, disclosure behaviour and scoring stay
   with their existing implementations. Legacy visual declarations that use
   !important must opt out of the preview before these ordinary rules apply. */
@media (min-width: 1024px) {
  html[data-desktop-style="v1"] #broker-detail {
    --broker-surface: var(--otx-ds-surface, linear-gradient(110deg, #eceaf7, #d8e9f2));
    --broker-ink: var(--otx-ds-ink, #17243a);
    --broker-muted: var(--otx-ds-muted, #4f6278);
    --broker-line: var(--otx-ds-line, rgba(69, 88, 120, .24));
    --broker-frame-line: rgba(186, 200, 217, .2);
    --broker-radius: var(--otx-ds-radius, 16px);
    --broker-control-radius: var(--otx-ds-control-radius, 10px);
    --broker-shadow: 0 8px 24px rgba(5, 14, 30, .1);
    --vi-light-surface: var(--broker-surface);
    --vi-card-ink: var(--broker-ink);
    --vi-card-muted: var(--broker-muted);
    --vi-card-line: var(--broker-line);
    --vp-ink: var(--broker-ink);
    --vp-muted: var(--broker-muted);
    --vp-line: var(--broker-line);
    --vp-shadow: var(--broker-shadow);
    color: #edf3fc;
    font-family: var(--font, system-ui, sans-serif);
    font-size: 15px;
    line-height: 1.65;
  }

  html[data-desktop-style="v1"] #broker-detail > .wrap {
    width: min(var(--otx-ds-page-width, 1280px), calc(100% - 64px));
    max-width: 1280px;
    margin-inline: auto;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-detail-grid {
    gap: 32px;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-zone-module {
    min-width: 0;
    border: 1px solid var(--broker-frame-line);
    border-radius: var(--broker-radius);
    background: rgba(16, 26, 44, .2);
    box-shadow: none;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-zone-module > .bk-zone-break {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--broker-frame-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-zone-break > :is(.bk-zone-copy, .sentiment-chapter-copy-v136) {
    padding: 24px;
    row-gap: 8px;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-zone-break h2 {
    margin: 0;
    color: #edf3fc;
    font-family: inherit;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: -.02em;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-zone-kicker {
    color: #bac8d9;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .06em;
  }

  html[data-desktop-style="v1"] #broker-detail :is(.bk-zone-copy > p, .bk-panel > .bk-panel-sub) {
    color: #bac8d9;
    font-size: 14px;
    line-height: 1.65;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-panel {
    min-width: 0;
    padding: 24px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-panel > h2 {
    margin: 0 0 12px;
    color: #edf3fc;
    font-family: inherit;
    font-size: 20px;
    line-height: 1.4;
  }

  html[data-desktop-style="v1"] #broker-detail :is(.bk-table-wrap, .bk-data-grid, .bk-list-stack, .bk-mini-grid) {
    min-width: 0;
  }

  /* One overview header, three equal-height content surfaces and a full-width
     facts area. The existing rating emblem and its grade identity are retained. */
  html[data-desktop-style="v1"] #broker-detail #co122-summary {
    padding: 24px;
    border: 1px solid var(--broker-frame-line);
    border-radius: var(--broker-radius);
    background: rgba(16, 26, 44, .2);
    box-shadow: none;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-head {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 16px 24px;
    padding-bottom: 24px;
    border-color: var(--broker-frame-line);
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary :is(.ov-brand-copy, .ov-brand-row) {
    min-width: 0;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-head h1 {
    margin: 0;
    color: #edf3fc;
    font-family: inherit;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.025em;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary :is(.ov-eyebrow, .ov-brand-copy > p, .ov-context) {
    color: #bac8d9;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-primary {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
    padding: 24px 0;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary :is(.ov-identity-card, .ov-rating, .ov-radar, .ov-facts) {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--broker-line);
    border-radius: var(--broker-radius);
    background: var(--broker-surface);
    color: var(--broker-ink);
    box-shadow: var(--broker-shadow);
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-label {
    color: var(--broker-muted);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-identity-stats {
    gap: 16px;
    margin: 16px 0;
    padding: 16px 0;
    border-color: var(--broker-line);
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-identity-stats dt {
    color: var(--broker-muted);
    font-size: 13px;
    line-height: 1.5;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-identity-stats dd {
    color: var(--broker-ink);
    font-family: inherit;
    font-size: 28px;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary :is(.ov-identity-scope, .ov-scale-note, .ov-grade > p) {
    color: var(--broker-muted);
    font-size: 13px;
    line-height: 1.65;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-rating.ov146-rating {
    gap: 16px;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov146-tier-label {
    color: var(--broker-ink);
    font-family: inherit;
    font-size: 24px;
    line-height: 1.4;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov146-tier-label small {
    color: var(--broker-muted);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-radar-stage {
    width: 100%;
    max-width: 360px;
    height: auto;
    min-height: 0;
    margin: 16px auto 0;
    aspect-ratio: 5 / 4;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-radar-stage svg {
    width: 100%;
    height: 100%;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-fact {
    min-width: 0;
    padding: 16px 24px;
    border-color: var(--broker-line);
    background: transparent;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-fact > span {
    color: var(--broker-muted);
    font-size: 13px;
    line-height: 1.5;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-fact > strong {
    color: var(--broker-ink);
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }

  /* Rating details keep the score, overall weight and weighted contribution
     as distinct columns. Disclosure and evidence actions keep their bindings. */
  html[data-desktop-style="v1"] #broker-detail #detail-method .rating-system-v756 {
    gap: 24px;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .score-summary-v20261019 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin: 0 0 16px;
    padding: 24px;
    border: 1px solid var(--broker-line);
    border-radius: var(--broker-radius);
    background: var(--broker-surface);
    color: var(--broker-ink);
    box-shadow: var(--broker-shadow);
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .score-summary-v20261019 > div {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
    color: var(--broker-muted);
    font-size: 14px;
    line-height: 1.5;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .score-summary-v20261019 strong {
    color: #4b4b7c;
    font-family: inherit;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .score-summary-v20261019 strong small {
    margin-left: 6px;
    color: var(--broker-muted);
    font-size: 13px;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .score-summary-v20261019 > p {
    flex: 1 1 480px;
    min-width: 0;
    margin: 0;
    color: var(--broker-muted);
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .score-policy-note-v20261023 {
    margin: 0 0 24px;
    color: #bac8d9;
    font-size: 13px;
    line-height: 1.65;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .rating-index-grid-v756 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .sx-index-unit {
    --sx-inset: 24px;
    --sx-top: 24px;
    --sx-gap: 10px;
    min-width: 0;
    border: 1px solid var(--broker-line);
    border-radius: var(--broker-radius);
    background: var(--broker-surface);
    color: var(--broker-ink);
    box-shadow: var(--broker-shadow);
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .rating-index-v756 > summary {
    padding: 24px;
    color: var(--broker-ink);
    font-family: inherit;
    line-height: 1.5;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .rating-index-title {
    color: var(--broker-ink);
    font-family: inherit;
    font-size: 18px;
    line-height: 1.5;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method :is(.rating-index-reason-label, .rating-index-highlights > span) {
    color: var(--broker-muted);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method :is(.bk-score-columns-v20261023, .bk-score-row-v20261023) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 84px 100px 100px;
    grid-template-rows: auto;
    gap: 12px;
    align-items: start;
    padding: 16px 24px;
    border-color: var(--broker-line);
    background: transparent;
    color: var(--broker-ink);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.65;
    font-variant-numeric: tabular-nums;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .bk-score-columns-v20261023 {
    color: var(--broker-muted);
    font-size: 13px;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .bk-score-row-v20261023 > :is(div, strong, small, em) {
    grid-area: auto;
    min-width: 0;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .bk-score-row-v20261023 > div > b {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.65;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .bk-score-row-v20261023 > :is(strong, small, em) {
    color: var(--broker-ink);
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    line-height: 1.65;
    text-align: right;
    white-space: nowrap;
  }

  /* Shared data treatment: source links, units and missing-value text remain
     visible. Chart geometry and series colours stay with the chart renderer. */
  html[data-desktop-style="v1"] #broker-detail .bk-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--broker-line);
    border-radius: 14px;
    background: var(--broker-surface);
    color: var(--broker-ink);
  }

  html[data-desktop-style="v1"] #broker-detail .bk-table :is(th, td) {
    padding: 16px;
    border-color: var(--broker-line);
    color: var(--broker-ink);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.65;
    vertical-align: top;
    overflow-wrap: anywhere;
  }

  html[data-desktop-style="v1"] #broker-detail .bk-table th {
    color: var(--broker-muted);
    font-size: 13px;
    font-weight: 600;
  }

  html[data-desktop-style="v1"] #broker-detail :is(.bk-score-chart, .bk-event-minute-stage) {
    border: 1px solid var(--broker-frame-line);
    border-radius: 14px;
    background: #15243a;
    color: #edf3fc;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
  }

  html[data-desktop-style="v1"] #broker-detail :is(.sx-entry, .bu-tools button, .bu-footer button, .bu-empty button, .bk-back) {
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid rgba(186, 200, 217, .32);
    border-radius: var(--broker-control-radius);
    background: rgba(186, 200, 217, .06);
    color: #edf3fc;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
  }

  html[data-desktop-style="v1"] #broker-detail :is(.ov-radar, .sx-index-unit) .sx-entry {
    border-color: var(--broker-line);
    color: var(--broker-ink);
  }

  html[data-desktop-style="v1"] #broker-detail #detail-method .sx-index-share .sx-entry {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    gap: 0;
    font-size: 0;
  }

  html[data-desktop-style="v1"] #broker-detail :is(.sx-entry, .bu-tools button, .bu-footer button, .bu-empty button, .bk-back):focus-visible {
    outline: 3px solid #9485cc;
    outline-offset: 3px;
  }

  html[data-desktop-style="v1"] #broker-detail :is(.ov-identity-card, .ov-rating, .ov-radar, .ov-facts, .sx-index-unit, .bk-table) a {
    color: #424d90;
    text-underline-offset: 3px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-identity-card {
    grid-column: 1 / -1;
  }

  html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* The sample chapter header replaces the old double-padded heading surface;
   chapter navigation, offsets and visibility remain owned by the renderer. */
@layer otxControlTheme {
  /* Funding panels use one table treatment at every viewport width. */
  #broker-detail :is(#detail-money,#detail-eta) > h2 {margin:0 0 24px !important;}
  #broker-detail :is(#detail-money,#detail-eta) :is(.bk-table-wrap,.bk-table) {background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;}
  #broker-detail :is(#detail-money,#detail-eta) .bk-table {border-top:1px solid rgba(69,88,120,.24) !important;}
  #broker-detail :is(#detail-money,#detail-eta) .bk-table :is(th,td) {padding:16px 12px !important;line-height:1.65 !important;vertical-align:middle !important;background:transparent !important;border-color:rgba(69,88,120,.24) !important;color:#354b65 !important;}
  #broker-detail :is(#detail-money,#detail-eta) .bk-table :is(b,strong) {color:#17243a !important;background:transparent !important;}
  #broker-detail :is(#detail-money,#detail-eta) .bk-table :is(th,td):first-child {padding-left:0 !important;}
  #broker-detail :is(#detail-money,#detail-eta) .bk-table :is(th,td):last-child {padding-right:0 !important;}
  /* ui-20261101: keep source labels in the channel cell without adding a
     separate block row; both funding tables share the same reading rhythm. */
  #broker-detail #detail-eta .eta-channel-cell-v171 {display:flex !important;flex-flow:row wrap !important;align-items:center !important;gap:4px 6px !important;}
  #broker-detail #detail-eta .eta-channel-cell-v171 > * {min-width:0 !important;max-width:100% !important;white-space:normal !important;overflow-wrap:anywhere !important;}
  @media (max-width:600px) {
    #broker-detail :is(#detail-money,#detail-eta) .bk-table {display:block !important;min-width:0 !important;}
    #broker-detail :is(#detail-money,#detail-eta) .bk-table thead {display:none !important;}
    #broker-detail :is(#detail-money,#detail-eta) .bk-table tbody {display:block !important;}
    #broker-detail :is(#detail-money,#detail-eta) .bk-table tr {display:block !important;padding:12px 0 !important;border-bottom:1px solid rgba(69,88,120,.24) !important;}
    #broker-detail :is(#detail-money,#detail-eta) .bk-table tr:last-child {border-bottom:0 !important;}
    #broker-detail :is(#detail-money,#detail-eta) .bk-table td {display:grid !important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) !important;gap:12px !important;padding:6px 0 !important;border:0 !important;font:400 14px/1.6 var(--font,system-ui,sans-serif) !important;overflow-wrap:anywhere !important;}
    #broker-detail :is(#detail-money,#detail-eta) .bk-table td::before {content:attr(data-label) !important;display:block !important;color:#354b65 !important;font-weight:500 !important;}
  }
  @media (min-width: 1024px) {
    /* Production unification 20261027: retain each module and its data;
       correct only the competing surface, type and spacing declarations. */
    html[data-desktop-style="v1"] #broker-detail .bk-zone-module {
      background:var(--otx-ds-page-raised) !important;
      border:1px solid var(--broker-frame-line) !important;
      border-radius:16px !important;
      box-shadow:none !important;
      padding:0 !important;
      row-gap:0 !important;
    }
    html[data-desktop-style="v1"] #broker-detail .bk-zone-break .broker-chapter-eyebrow-v290 {position:static !important; margin:0 !important; padding:0 !important;}
    html[data-desktop-style="v1"] #broker-detail .bk-zone-break .broker-chapter-number-v136 {border:0 !important; margin:0 !important;padding:0 !important;}
    html[data-desktop-style="v1"] #broker-detail .sentiment-chapter-eyebrow-v136 > span {border:0 !important;margin:0 !important;padding:0 !important;}
    html[data-desktop-style="v1"] #broker-detail .bk-zone-break h2 {padding:0 !important;border:0 !important;}
    /* One subheading scale for the existing detail modules. Older panel and
       brand-update styles still declare competing 21/22/23px sizes. */
    html[data-desktop-style="v1"] #broker-detail :is(.bk-panel > h2, .bu-overview h3, .bk-event-insight h3) {
      font-family:var(--font,system-ui,sans-serif) !important;
      font-size:20px !important;
      line-height:1.4 !important;
    }
    html[data-desktop-style="v1"] #broker-detail .trading-facts-v828 > h3 {
      font-family:var(--font,system-ui,sans-serif) !important;
      font-size:var(--otx-ds-type-card,18px) !important;
      line-height:1.5 !important;
    }
    /* Content injected after the chapter renderer must use the same inset as
       static panels. The production zero-padding rules otherwise win over
       the ordinary .bk-panel declaration. Do not inset full-width embeds or
       brand updates, which already own their internal spacing. */
    html[data-desktop-style="v1"] #broker-detail :is(#detail-method,#detail-events,#detail-eta,#detail-money,#detail-infrastructure-deck,#detail-identity,#detail-antifraud,#detail-entity-compare,#detail-performance,#detail-promos,#detail-faq,#sx-discussion,.trading-decision-stack-v136) {padding:24px !important;}
    html[data-desktop-style="v1"] #broker-detail #sx-discussion {
      box-sizing:border-box !important;
      --sxd-ink:var(--otx-ds-on-dark);
      --sxd-muted:#b4bfd0;
      --sxd-gold:#b6addc;
    }
    html[data-desktop-style="v1"] #broker-detail #sx-discussion .sx-d-filters {gap:8px !important;}
    html[data-desktop-style="v1"] #broker-detail #sx-discussion .sx-d-filters button {
      min-height:36px !important;padding:7px 14px !important;border-radius:10px !important;
      font-size:14px !important;line-height:20px !important;
      border:1px solid var(--broker-frame-line) !important;
    }
    html[data-desktop-style="v1"] #broker-detail #sx-discussion .sx-d-filters button[aria-pressed="true"] {
      background:var(--broker-surface) !important;color:var(--broker-ink) !important;
      border-color:#b6addc !important;font-weight:600 !important;
    }
    html[data-desktop-style="v1"] #broker-detail #sx-discussion .sx-d-filters button:hover {
      border-color:#b6addc !important;
    }
    html[data-desktop-style="v1"] #broker-detail #sx-discussion .sx-d-empty {
      padding:32px 24px !important;font-size:14px !important;line-height:1.65 !important;
      background:rgba(151,145,198,.06) !important;border:1px solid var(--broker-frame-line) !important;
      border-radius:14px !important;
    }
    html[data-desktop-style="v1"] #broker-detail #sx-discussion .sx-d-footnote {
      font-size:12px !important;line-height:1.65 !important;color:var(--sxd-muted) !important;margin-top:16px !important;
    }
    html[data-desktop-style="v1"] #broker-detail :is(#detail-events,#detail-monitor) > h2,
    html[data-desktop-style="v1"] #broker-detail .infrastructure-deck-copy-v136 h2 {
      font:600 24px/1.4 var(--font,system-ui,sans-serif) !important;margin:0 0 12px !important;color:var(--otx-ds-on-dark) !important;
    }
    html[data-desktop-style="v1"] #broker-detail #detail-monitor > .bk-panel-sub {margin:0 0 24px !important;font:400 15px/1.65 var(--font,system-ui,sans-serif) !important;}
    html[data-desktop-style="v1"] #broker-detail #detail-method .rating-index-v756 > summary::after {
      box-sizing:border-box !important;padding:0 !important;min-height:36px !important;max-height:36px !important;
      width:36px !important;height:36px !important;border:1px solid var(--broker-line) !important;
      border-radius:10px !important;background:rgba(255,255,255,.18) !important;color:var(--broker-ink) !important;font-size:20px !important;
    }
    html[data-desktop-style="v1"] #broker-detail #detail-method .rating-index-v756 {margin:0 !important;padding:0 !important;width:100% !important;}
    html[data-desktop-style="v1"] #broker-detail #detail-method .rating-index-v756>summary {
      box-sizing:border-box !important;margin:0 !important;padding:24px !important;
      grid-template-columns:40px minmax(0,1fr) auto 36px 36px !important;
      grid-template-rows:minmax(44px,auto) !important;
      column-gap:12px !important;
    }
    html[data-desktop-style="v1"] #broker-detail #detail-method .sx-index-share .sx-entry {
      width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;
      border:1px solid var(--broker-line) !important;border-radius:10px !important;background:rgba(255,255,255,.18) !important;color:var(--broker-ink) !important;
    }
    html[data-desktop-style="v1"] #broker-detail #detail-method .sx-index-share {
      align-items:center !important;top:28px !important;right:72px !important;width:36px !important;height:36px !important;
    }
    @container otx-indicator (max-width:440px) {
      html[data-desktop-style="v1"] #broker-detail #detail-method .rating-index-v756>summary {
        grid-template-columns:40px minmax(0,1fr) 36px 36px !important;
        grid-template-rows:minmax(44px,auto) auto !important;
        grid-template-areas:"code title share action" ". score score score" !important;
      }
    }
    /* Both funding panels share one header and a flat table body. */
    /* The old radar action used auto margins for a standalone bottom button.
       It now belongs to the title row and must align with its right edge. */
    html[data-desktop-style="v1"] #broker-detail .ov-radar > .ov-label {
      display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;
    }
    html[data-desktop-style="v1"] #broker-detail .ov-radar > .ov-label > .sx-entry {
      position:static !important;flex:0 0 auto !important;margin:0 0 0 auto !important;
      min-height:36px !important;padding:7px 12px !important;line-height:20px !important;
    }
    /* Event names may take three or more lines after localization. A legacy
       fixed title height plus visible overflow made them overlap the date. */
    html[data-desktop-style="v1"] #broker-detail #detail-events .bk-halfyear-event {
      display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:8px !important;
    }
    html[data-desktop-style="v1"] #broker-detail #detail-events .bk-halfyear-event b {
      display:block !important;height:auto !important;min-height:0 !important;
      -webkit-line-clamp:unset !important;white-space:normal !important;overflow-wrap:anywhere !important;
    }
    html[data-desktop-style="v1"] #broker-detail #detail-events .bk-halfyear-event small {margin-top:auto !important;}
    /* The legacy light replay palette must not paint dark text on this dark
       chart. Keep series colours local so the light diagnosis stays intact. */
    html[data-desktop-style="v1"] #broker-detail #detailEventStage {
      --replay-spread:#c3b2ef;--replay-slip:#8bd3f4;--replay-reject:#ffb1a8;--replay-latency:#8ed9c9;
      padding:20px !important;
    }
    html[data-desktop-style="v1"] #broker-detail #detailEventStage :is(.bk-event-minute-kicker,.bk-detail-event-axis,.bk-detail-event-axis b,.bk-detail-event-metric span,.bk-detail-event-metric em) {color:var(--otx-ds-muted-on-dark) !important;}
    html[data-desktop-style="v1"] #broker-detail #detailEventStage :is(.bk-detail-event-axis,.bk-detail-event-metrics,.bk-detail-event-metric) {border-color:var(--otx-ds-dark-line) !important;}
    html[data-desktop-style="v1"] #broker-detail #detailEventStage .bk-event-minute-wave .grid {stroke:rgba(186,200,217,.2) !important;}
    html[data-desktop-style="v1"] #broker-detail #detailEventStage .bk-event-minute-wave text {fill:var(--otx-ds-muted-on-dark) !important;}
    html[data-desktop-style="v1"] #broker-detail #detailPerformanceBars .bk-bar-top {flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;text-align:center !important;}
    html[data-desktop-style="v1"] #broker-detail #co122-summary .ov146-tier-label {display:flex !important;align-items:baseline !important;justify-content:center !important;gap:8px !important;}
    /* These two panels are surfaces themselves, unlike the transparent
       chapter bodies. Keep their outer edges inside the chapter frame. */
    html[data-desktop-style="v1"] #broker-detail .module-ops > #detail-money {margin:8px 0 0 24px !important;}
    html[data-desktop-style="v1"] #broker-detail .module-ops > #detail-eta {margin:8px 24px 0 0 !important;}
    @media (max-width:1180px) {
      html[data-desktop-style="v1"] #broker-detail .module-ops > :is(#detail-money,#detail-eta) {margin:8px 24px 0 !important;}
    }
    html[data-desktop-style="v1"] #broker-detail > .wrap { max-width: 1280px !important; }
    html[data-desktop-style="v1"] #broker-detail .bk-zone-break {
      min-height: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      background: transparent !important;
      border-radius: 0 !important;
    }
    html[data-desktop-style="v1"] #broker-detail .bk-zone-break > :is(.bk-zone-copy,.sentiment-chapter-copy-v136) {
      min-height: 0 !important;
      padding: 24px !important;
    }
    html[data-desktop-style="v1"] #broker-detail .bk-zone-break h2 {
      font: 600 24px/1.4 var(--font, system-ui, sans-serif) !important;
      color: var(--otx-ds-on-dark) !important;
      margin: 0 !important;
    }
    html[data-desktop-style="v1"] #broker-detail #co122-summary .ov-head h1 { font: 650 36px/1.2 var(--font, system-ui, sans-serif) !important; }
  }
}