/* 20260830-mobile-pk10-trend-grid-source-parity-r695
 * Source-measured mobile PK10 trend-table geometry.
 */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-table > header,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-table .pk10-trend-row {
    grid-template-columns:
      calc(25.7823057432vw - 3.342694px)
      calc(9.09522804vw - 1.107897px)
      repeat(10, minmax(0, 1fr));
  }

  #mobileDetail .pk10-sum-trend-mobile table[data-pk10-sum-trend-table] col.issue,
  #mobileDetail .pk10-sum-trend-mobile table[data-pk10-sum-trend-table] col.trend {
    width: auto;
  }

  #mobileDetail .pk10-sum-trend-mobile table[data-pk10-sum-trend-table] td > span {
    position: relative;
    left: auto;
    top: auto;
    z-index: 4;
    display: inline-block;
    transform: none;
  }

  #mobileDetail .pk10-sum-trend-mobile table[data-pk10-sum-trend-table] td.hit {
    z-index: auto;
  }
}


/* 20260903-pk10-interaction-r902:
 * Annotation choices stay on one rail and use only the shared ChoiceCheck
 * renderer. Trend balls must paint above every connector line. */
@media (max-width: 1020px) {
  html body[data-detail-type="pk10"] #mobileDetail#mobileDetail .pk10-picker-annotation-checks {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
  }

  html body[data-detail-type="pk10"] #mobileDetail#mobileDetail .pk10-picker-annotation-checks > button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body[data-detail-type="pk10"] #mobileDetail :is(
    .pk10-trend-line,
    .pk10-sum-trend-mobile-line,
    .pk10-position-trend-line,
    .pk10-big-dragon-trend-line
  ) {
    z-index: 2 !important;
    pointer-events: none !important;
  }

  body[data-detail-type="pk10"] #mobileDetail :is(
    .pk10-trend-row > i.hit,
    [data-pk10-sum-trend-table] td.hit > span,
    .pk10-position-trend-table td.hit > span,
    .pk10-big-dragon-trend-table td.hit > span
  ) {
    position: relative !important;
    z-index: 4 !important;
    background-clip: padding-box !important;
  }
}