/* Program page mobile overrides only. Desktop and tablet stay in their own files. */

@media (max-width: 900px) {
  .pgd-page-program .pgd-demo-shell,
  .pgd-board-screen .pgd-board-screen-stack {
    gap: 4px !important;
  }

  .pgd-page-program .pgd-demo-datebar,
  .pgd-board-screen .pgd-demo-datebar {
    margin: 0 0 4px !important;
  }

  .pgd-page-program .pgd-race-datebar-demo.date-bar,
  .pgd-board-screen .pgd-race-datebar-demo.date-bar {
    margin-bottom: 4px !important;
    min-height: 0 !important;
    border-radius: 8px !important;
  }

  .pgd-page-program .pgd-mobile-date-nav,
  .pgd-board-screen .pgd-mobile-date-nav {
    margin: 0 !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock,
  .pgd-board-screen .pgd-mobile-date-caldock,
  .pgd-page-program .pgd-mobile-date-picker-btn,
  .pgd-board-screen .pgd-mobile-date-picker-btn,
  .pgd-page-program .pgd-mobile-date-picker-btn::before,
  .pgd-board-screen .pgd-mobile-date-picker-btn::before,
  .pgd-page-program .pgd-mobile-date-picker-btn::after,
  .pgd-board-screen .pgd-mobile-date-picker-btn::after {
    border: 0 !important;
    box-shadow: none;
    background: transparent !important;
  }

  .pgd-page-program .pgd-program-hipodroms-wrap-mobile,
  .pgd-board-screen .pgd-program-hipodroms-wrap-mobile {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none;
  }

  .pgd-page-program .pgd-program-hip-mobile-picker,
  .pgd-board-screen .pgd-program-hip-mobile-picker {
    margin: 0 !important;
    min-height: 38px !important;
  }

  .pgd-page-program .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  .pgd-board-screen .pgd-demo-layout.main-wrap.pgd-program-mainwrap {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  .pgd-page-program .pgd-program-hipodroms-wrap-mobile + .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  .pgd-board-screen .pgd-program-hipodroms-wrap-mobile + .pgd-demo-layout.main-wrap.pgd-program-mainwrap {
    margin-top: 0 !important;
  }

  .pgd-page-program .pgd-demo-main.main-content,
  .pgd-board-screen .pgd-demo-main.main-content,
  .pgd-page-program #pgd-horse-board,
  .pgd-board-screen #pgd-horse-board,
  .pgd-page-program .pgd-workspace-board,
  .pgd-board-screen .pgd-workspace-board,
  .pgd-board-screen .pgd-board-screen-workspace {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none;
    overflow: visible !important;
  }

  .pgd-page-program .pgd-race-module,
  .pgd-board-screen .pgd-race-module {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin: 0 !important;
  }

  .pgd-page-program .pgd-program-head,
  .pgd-board-screen .pgd-program-head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-bottom: 0 !important;
  }

  .pgd-page-program .pgd-program-head__left,
  .pgd-board-screen .pgd-program-head__left {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-program-head__summary-card,
  .pgd-board-screen .pgd-program-head__summary-card {
    min-height: 32px !important;
    padding: 4px !important;
  }

  .pgd-page-program .pgd-program-head__main,
  .pgd-board-screen .pgd-program-head__main {
    min-width: 0 !important;
    grid-column: auto !important;
  }

  .pgd-page-program .pgd-program-head__title-row,
  .pgd-board-screen .pgd-program-head__title-row {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-program-head__title,
  .pgd-board-screen .pgd-program-head__title {
    font-size: 12px !important;
    line-height: 1.2 !important;
    flex: 1 1 12rem !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .pgd-page-program .pgd-program-head__meta,
  .pgd-board-screen .pgd-program-head__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    row-gap: 6px !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-program-head__detail-btn--inline,
  .pgd-board-screen .pgd-program-head__detail-btn--inline {
    order: 10 !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }

  .pgd-page-program .pgd-program-head__badge,
  .pgd-board-screen .pgd-program-head__badge {
    min-height: 16px !important;
    padding: 0 5px !important;
    font-size: 7.5px !important;
  }

  .pgd-page-program .pgd-program-head__weather,
  .pgd-board-screen .pgd-program-head__weather {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(214, 190, 156, 0.88) !important;
    border-radius: 8px !important;
    background: #fffdfa !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .pgd-page-program .pgd-program-head__weather-main,
  .pgd-board-screen .pgd-program-head__weather-main {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #4f3b1f !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .pgd-page-program .pgd-program-head__weather-meta,
  .pgd-board-screen .pgd-program-head__weather-meta {
    display: block !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    color: #876d46 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .pgd-page-program .pgd-program-head__winner,
  .pgd-board-screen .pgd-program-head__winner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    gap: 0 !important;
  }

  .pgd-page-program .pgd-program-head__winner-meta,
  .pgd-board-screen .pgd-program-head__winner-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 6px 0 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid rgba(74, 49, 16, 0.1) !important;
    flex: none !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-program-head__winner-main,
  .pgd-board-screen .pgd-program-head__winner-main,
  .pgd-page-program .pgd-program-head__winner-copy,
  .pgd-board-screen .pgd-program-head__winner-copy {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .pgd-page-program .pgd-program-head__winner-medal,
  .pgd-board-screen .pgd-program-head__winner-medal,
  .pgd-page-program .pgd-program-head__winner-jockey,
  .pgd-board-screen .pgd-program-head__winner-jockey {
    display: none !important;
  }

  .pgd-page-program .pgd-program-head__winner-name,
  .pgd-board-screen .pgd-program-head__winner-name {
    font-size: 11px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-program-head__media,
  .pgd-board-screen .pgd-program-head__media {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid rgba(74, 49, 16, 0.12) !important;
  }

  .pgd-page-program .pgd-program-head__media-pill,
  .pgd-board-screen .pgd-program-head__media-pill {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
  }

  .pgd-page-program .pgd-program-head__media-pill i,
  .pgd-board-screen .pgd-program-head__media-pill i {
    font-size: 18px !important;
  }

  .pgd-page-program .pgd-lineup-head,
  .pgd-board-screen .pgd-lineup-head,
  .pgd-page-program .pgd-lineup-row > :nth-child(2),
  .pgd-board-screen .pgd-lineup-row > :nth-child(2),
  .pgd-page-program .pgd-lineup-row > :nth-child(4),
  .pgd-board-screen .pgd-lineup-row > :nth-child(4),
  .pgd-page-program .pgd-lineup-row > :nth-child(5),
  .pgd-board-screen .pgd-lineup-row > :nth-child(5),
  .pgd-page-program .pgd-lineup-row > :nth-child(6),
  .pgd-board-screen .pgd-lineup-row > :nth-child(6),
  .pgd-page-program .pgd-lineup-row > :nth-child(7),
  .pgd-board-screen .pgd-lineup-row > :nth-child(7),
  .pgd-page-program .pgd-lineup-row > :nth-child(8),
  .pgd-board-screen .pgd-lineup-row > :nth-child(8),
  .pgd-page-program .pgd-lineup-row > :nth-child(9),
  .pgd-board-screen .pgd-lineup-row > :nth-child(9),
  .pgd-page-program .pgd-lineup-row > :nth-child(10),
  .pgd-board-screen .pgd-lineup-row > :nth-child(10),
  .pgd-page-program .pgd-lineup-row > :nth-child(11),
  .pgd-board-screen .pgd-lineup-row > :nth-child(11),
  .pgd-page-program .pgd-lineup-row > :nth-child(12),
  .pgd-board-screen .pgd-lineup-row > :nth-child(12) {
    display: none !important;
  }

  .pgd-page-program .pgd-lineup-row,
  .pgd-board-screen .pgd-lineup-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-areas: "start horse" !important;
    align-items: start !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    padding: 8px 8px 7px !important;
  }

  .pgd-page-program .pgd-lineup-start-col,
  .pgd-board-screen .pgd-lineup-start-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    grid-area: start !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .pgd-page-program .pgd-lineup-row > :nth-child(1),
  .pgd-board-screen .pgd-lineup-row > :nth-child(1) {
    grid-area: start !important;
  }

  .pgd-page-program .pgd-lineup-row > :nth-child(3),
  .pgd-board-screen .pgd-lineup-row > :nth-child(3) {
    display: block !important;
    grid-area: horse !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .pgd-page-program .pgd-lineup-no,
  .pgd-board-screen .pgd-lineup-no {
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  .pgd-page-program .pgd-lineup-horse,
  .pgd-board-screen .pgd-lineup-horse {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-headgrid,
  .pgd-board-screen .pgd-lineup-mobile-headgrid {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .pgd-page-program .pgd-lineup-mobile-headmain,
  .pgd-board-screen .pgd-lineup-mobile-headmain {
    min-width: 0 !important;
    text-align: left !important;
  }

  .pgd-page-program .pgd-lineup-horse-top,
  .pgd-board-screen .pgd-lineup-horse-top {
    gap: 3px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-bottom: 2px !important;
  }

  .pgd-page-program .pgd-lineup-horse-name,
  .pgd-board-screen .pgd-lineup-horse-name {
    font-size: 12px !important;
    line-height: 1.06 !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  .pgd-page-program .pgd-lineup-chip,
  .pgd-board-screen .pgd-lineup-chip {
    min-height: 14px !important;
    padding: 0 4px !important;
    font-size: 7px !important;
  }

  .pgd-page-program .pgd-lineup-pedigree,
  .pgd-board-screen .pgd-lineup-pedigree {
    display: block !important;
    margin: 1px 0 0 !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  .pgd-page-program .pgd-lineup-ped-inline,
  .pgd-board-screen .pgd-lineup-ped-inline {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .pgd-page-program .pgd-lineup-ped-seg,
  .pgd-board-screen .pgd-lineup-ped-seg {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    overflow: hidden !important;
  }

  .pgd-page-program .pgd-lineup-ped-row,
  .pgd-board-screen .pgd-lineup-ped-row {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .pgd-page-program .pgd-lineup-ped-part,
  .pgd-board-screen .pgd-lineup-ped-part {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-lineup-ped-ico,
  .pgd-board-screen .pgd-lineup-ped-ico {
    flex-shrink: 0 !important;
    font-size: 9px !important;
    opacity: 0.88 !important;
    color: #8b7355 !important;
  }

  .pgd-page-program .pgd-lineup-pedigree .pgd-lineup-ped-sep,
  .pgd-board-screen .pgd-lineup-pedigree .pgd-lineup-ped-sep {
    flex: 0 0 auto !important;
    opacity: 0.75 !important;
  }

  .pgd-page-program .pgd-lineup-pedigree .sire,
  .pgd-page-program .pgd-lineup-pedigree .dam,
  .pgd-page-program .pgd-lineup-pedigree .damsire,
  .pgd-board-screen .pgd-lineup-pedigree .sire,
  .pgd-board-screen .pgd-lineup-pedigree .dam,
  .pgd-board-screen .pgd-lineup-pedigree .damsire {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-lineup-mobile-foot,
  .pgd-board-screen .pgd-lineup-mobile-foot {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 4px !important;
    padding-top: 3px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.08) !important;
    box-sizing: border-box !important;
  }

  .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-people,
  .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-people {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    grid-area: unset !important;
  }

  .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-people::-webkit-scrollbar,
  .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-people::-webkit-scrollbar {
    display: none !important;
  }

  .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-stats,
  .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-stats {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    grid-area: unset !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-stats::-webkit-scrollbar,
  .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-stats::-webkit-scrollbar {
    display: none !important;
  }

  .pgd-page-program .pgd-lineup-mobile-bottombar,
  .pgd-board-screen .pgd-lineup-mobile-bottombar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    margin-top: 1px !important;
    padding-top: 2px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.06) !important;
    box-sizing: border-box !important;
  }

  .pgd-page-program .pgd-lineup-mobile-bottombar-left,
  .pgd-board-screen .pgd-lineup-mobile-bottombar-left {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .pgd-page-program .pgd-lineup-mobile-bottombar .pgd-lineup-mobile-odds-row,
  .pgd-board-screen .pgd-lineup-mobile-bottombar .pgd-lineup-mobile-odds-row {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 0 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-foot-galop,
  .pgd-board-screen .pgd-lineup-mobile-foot-galop {
    display: none !important;
  }

  .pgd-page-program .pgd-lineup-mobile-meta,
  .pgd-board-screen .pgd-lineup-mobile-meta {
    display: none !important;
  }

  .pgd-page-program .pgd-lineup-mobile-tags,
  .pgd-board-screen .pgd-lineup-mobile-tags,
  .pgd-page-program .pgd-lineup-mobile-tag,
  .pgd-board-screen .pgd-lineup-mobile-tag {
    display: none !important;
  }

  .pgd-page-program .pgd-lineup-mobile-people,
  .pgd-board-screen .pgd-lineup-mobile-people {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    grid-area: unset !important;
  }

  .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-person,
  .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-person {
    flex: 0 0 auto !important;
  }

  .pgd-page-program .pgd-lineup-mobile-people-secondary,
  .pgd-board-screen .pgd-lineup-mobile-people-secondary {
    display: contents !important;
  }

  .pgd-page-program .pgd-lineup-mobile-person,
  .pgd-board-screen .pgd-lineup-mobile-person {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  .pgd-page-program .pgd-lineup-mobile-person.is-jockey,
  .pgd-board-screen .pgd-lineup-mobile-person.is-jockey {
    grid-column: unset !important;
  }

  .pgd-page-program .pgd-lineup-mobile-icon,
  .pgd-board-screen .pgd-lineup-mobile-icon {
    flex: 0 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .pgd-page-program .pgd-lineup-mobile-icon i,
  .pgd-board-screen .pgd-lineup-mobile-icon i {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-key,
  .pgd-board-screen .pgd-lineup-mobile-key {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 10px !important;
    width: 10px !important;
    color: #b58332 !important;
    font-size: 7px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-value,
  .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext,
  .pgd-board-screen .pgd-lineup-mobile-value,
  .pgd-board-screen .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  .pgd-board-screen .pgd-lineup-mobile-value .pgd-lineup-linktext,
  .pgd-page-program .pgd-lineup-mobile-link,
  .pgd-board-screen .pgd-lineup-mobile-link {
    min-width: 0 !important;
    display: block !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    color: #55493d !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-lineup-mobile-person.is-jockey .pgd-lineup-mobile-link,
  .pgd-board-screen .pgd-lineup-mobile-person.is-jockey .pgd-lineup-mobile-link {
    font-size: 8.5px !important;
    color: #2c2115 !important;
    font-weight: 700 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkmark,
  .pgd-board-screen .pgd-lineup-mobile-value .pgd-lineup-linkmark {
    display: none !important;
  }

  .pgd-page-program .pgd-lineup-mobile-stats,
  .pgd-board-screen .pgd-lineup-mobile-stats {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    grid-area: unset !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-stat,
  .pgd-board-screen .pgd-lineup-mobile-stat {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-stat strong,
  .pgd-board-screen .pgd-lineup-mobile-stat strong {
    font-size: 8px !important;
    line-height: 1.05 !important;
    color: #251c12 !important;
    font-weight: 700 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-stat small,
  .pgd-board-screen .pgd-lineup-mobile-stat small {
    font-size: 6.5px !important;
    line-height: 1 !important;
    color: #7b6a56 !important;
    font-weight: 600 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-stat.is-note strong,
  .pgd-board-screen .pgd-lineup-mobile-stat.is-note strong {
    color: #7b6a56 !important;
    font-weight: 700 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-stat.is-taki,
  .pgd-board-screen .pgd-lineup-mobile-stat.is-taki {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .pgd-page-program .pgd-lineup-mobile-stat.is-taki strong,
  .pgd-board-screen .pgd-lineup-mobile-stat.is-taki strong {
    max-width: 96px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-lineup-mobile-side,
  .pgd-board-screen .pgd-lineup-mobile-side {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 4px !important;
    grid-area: side !important;
    justify-self: stretch !important;
    align-self: start !important;
    margin-top: 0 !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-odds-row,
  .pgd-board-screen .pgd-lineup-mobile-odds-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-gny,
  .pgd-board-screen .pgd-lineup-mobile-gny {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 2px !important;
    text-align: right !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-lineup-mobile-gny strong,
  .pgd-board-screen .pgd-lineup-mobile-gny strong {
    font-size: 13px !important;
    line-height: 1 !important;
    color: #2b2014 !important;
    font-weight: 800 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-gny small,
  .pgd-board-screen .pgd-lineup-mobile-gny small {
    font-size: 7px !important;
    line-height: 1 !important;
    color: #8b7864 !important;
    font-weight: 600 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-agf-inline,
  .pgd-board-screen .pgd-lineup-mobile-agf-inline {
    flex: 0 0 auto !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-lineup-mobile-agf-inline strong,
  .pgd-board-screen .pgd-lineup-mobile-agf-inline strong {
    font-size: 11px !important;
    line-height: 1.1 !important;
    color: #3d2e1f !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-lineup-mobile-actions,
  .pgd-board-screen .pgd-lineup-mobile-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 4px !important;
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    grid-area: unset !important;
  }

  .pgd-page-program .pgd-lineup-mobile-action,
  .pgd-board-screen .pgd-lineup-mobile-action,
  .pgd-page-program button.pgd-lineup-mobile-action,
  .pgd-board-screen button.pgd-lineup-mobile-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 1px solid rgba(214, 190, 156, 0.88) !important;
    border-radius: 5px !important;
    background: #fffdfa !important;
    color: #8b650f !important;
    font-size: 0 !important;
    line-height: 0 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: none;
    appearance: none !important;
    cursor: pointer !important;
  }

  .pgd-page-program .pgd-lineup-mobile-action > i,
  .pgd-board-screen .pgd-lineup-mobile-action > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-action::before,
  .pgd-board-screen .pgd-lineup-mobile-action::before {
    content: none !important;
  }

  .pgd-page-program .pgd-lineup-mobile-action.is-galop,
  .pgd-board-screen .pgd-lineup-mobile-action.is-galop,
  .pgd-page-program .pgd-lineup-mobile-action.is-video,
  .pgd-board-screen .pgd-lineup-mobile-action.is-video,
  .pgd-page-program .pgd-lineup-mobile-action.is-compare,
  .pgd-board-screen .pgd-lineup-mobile-action.is-compare,
  .pgd-page-program .pgd-lineup-mobile-action.is-detail,
  .pgd-board-screen .pgd-lineup-mobile-action.is-detail {
    display: inline-flex !important;
  }

  .pgd-page-program .pgd-lineup-mobile-action.is-video.is-training,
  .pgd-board-screen .pgd-lineup-mobile-action.is-video.is-training {
    background: #fff4de !important;
    border-color: rgba(223, 167, 66, 0.76) !important;
    color: #9b620a !important;
  }

  .pgd-page-program .pgd-lineup-mobile-action.is-compare,
  .pgd-board-screen .pgd-lineup-mobile-action.is-compare {
    color: #7d5b38 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-action.is-detail,
  .pgd-board-screen .pgd-lineup-mobile-action.is-detail {
    color: #5a4a38 !important;
  }

  .pgd-page-program .pgd-lineup-mobile-action.is-galop:not(.is-training),
  .pgd-board-screen .pgd-lineup-mobile-action.is-galop:not(.is-training) {
    color: #6b5a48 !important;
  }
}

@media (max-width: 900px) {
  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--adaptive,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--adaptive {
    text-align: left !important;
  }

  html body .pgd-page-program .pgd-lineup-metric--adaptive strong,
  html body .pgd-board-screen .pgd-lineup-metric--adaptive strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 20px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(31, 122, 169, 0.14) !important;
    border-radius: 5px !important;
    background: rgba(238, 248, 255, 0.72) !important;
    color: #1f6b98 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-metric--adaptive small,
  html body .pgd-board-screen .pgd-lineup-metric--adaptive small {
    display: block !important;
    margin-top: 5px !important;
    color: #6f7f86 !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

}

@media (min-width: 768px) and (max-width: 1180px) {
  .pgd-page-program .pgd-lineup-head,
  .pgd-board-screen .pgd-lineup-head,
  .pgd-page-program .pgd-lineup-row,
  .pgd-board-screen .pgd-lineup-row {
    grid-template-columns:
      24px
      18px
      26px
      minmax(120px, 1.4fr)
      28px
      minmax(70px, 0.7fr)
      minmax(82px, 0.76fr)
      minmax(46px, 0.32fr)
      62px
      44px
      40px
      50px
      88px !important;
    column-gap: 6px !important;
  }

  .pgd-page-program .pgd-lineup-head > :nth-child(13),
  .pgd-board-screen .pgd-lineup-head > :nth-child(13) {
    grid-column: 13 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-cta-cell.pgd-lineup-cta-cell--actions,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-cta-cell.pgd-lineup-cta-cell--actions {
    grid-column: 13 !important;
    justify-self: stretch !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
  }
}

/* Mobil program: takvim paneli — opak zemin, üstte katman, ortalanmış sheet (program-page @900 ile hizalı) */
@media (max-width: 900px) {
  body.pgd-cal-mobile-backdrop::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 13800;
    background: rgba(15, 10, 6, 0.62);
    backdrop-filter: blur(4px);
    pointer-events: auto;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel.open,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel.open {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
    transform: translateX(-50%) !important;
    width: min(430px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: min(74vh, 560px) !important;
    margin: 0 !important;
    padding: 16px 14px 14px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    z-index: 14100 !important;
    background: linear-gradient(180deg, #fffefb 0%, #fbf5ea 100%) !important;
    border: 1px solid rgba(185, 145, 73, 0.24) !important;
    border-top: 0 !important;
    border-radius: 22px !important;
    box-shadow: none;
    display: block !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel.open::before,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel.open::before {
    content: '' !important;
    display: block !important;
    width: 42px !important;
    height: 4px !important;
    margin: 0 auto 12px !important;
    border-radius: 999px !important;
    background: rgba(116, 87, 45, 0.24) !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-head,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-head {
    grid-template-columns: 40px 1fr 40px !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
    padding-bottom: 0 !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-title,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-title {
    font-size: 16px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-nav,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-nav {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: rgba(255, 251, 244, 0.9) !important;
    border-color: rgba(185, 145, 73, 0.18) !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-weekdays,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-weekdays {
    gap: 6px !important;
    margin: 2px 0 10px !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-weekdays span,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-weekdays span {
    min-height: 24px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-grid,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-grid {
    gap: 6px !important;
    margin-top: 0 !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-day,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-day,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-grid button,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-grid button {
    min-height: 52px !important;
    border-radius: 13px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    background: rgba(255, 252, 247, 0.94) !important;
    border-color: rgba(185, 145, 73, 0.14) !important;
    box-shadow: none;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-day.is-selected,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-day.is-selected {
    background: #201308 !important;
    border-color: #201308 !important;
    color: #fffdf9 !important;
    box-shadow: none;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-foot,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-foot {
    gap: 10px !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(185, 145, 73, 0.14) !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-action,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-action {
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
}

/* Mobil program: tarih paneli görünürlük düzeltmesi */
@media (max-width: 900px) {
  body.pgd-cal-mobile-backdrop::before {
    content: none !important;
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;
    pointer-events: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel.open,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel.open,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel.open,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel.open {
    position: fixed !important;
    inset: auto !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: min(400px, calc(100vw - 24px)) !important;
    max-width: min(400px, calc(100vw - 24px)) !important;
    max-height: min(85vh, 560px) !important;
    margin: 0 !important;
    padding: 14px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    z-index: 14100 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #fffdf8 !important;
    border: 1px solid rgba(74, 49, 16, 0.14) !important;
    border-top: 3px solid #d48c16 !important;
    border-radius: 12px !important;
    box-shadow: none;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    isolation: isolate !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel.open::before,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel.open::before,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel.open::before,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel.open::before {
    content: none !important;
    display: none !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-head,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-head {
    grid-template-columns: 32px 1fr 32px !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-kicker,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-kicker {
    display: none !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-title,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-nav,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-nav {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: #fdfbf8 !important;
    border-color: rgba(74, 49, 16, 0.12) !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-weekdays,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-weekdays {
    gap: 4px !important;
    margin: 6px 0 8px !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-weekdays span,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-weekdays span {
    min-height: 22px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-grid,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-grid {
    gap: 4px !important;
    margin-top: 6px !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-day,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-day,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-grid button,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-grid button {
    min-height: 34px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    background: #fffdf8 !important;
    border-color: rgba(74, 49, 16, 0.12) !important;
    box-shadow: none;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-day.is-selected,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-day.is-selected {
    background: #201308 !important;
    border-color: #201308 !important;
    color: #fffdf9 !important;
    box-shadow: none;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-foot,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-foot {
    gap: 8px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.12) !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-action,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-action {
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 900px) {
  html body .pgd-page-program .pgd-demo-shell,
  html body .pgd-board-screen .pgd-board-screen-stack,
  .pgd-page-program .pgd-demo-shell,
  .pgd-board-screen .pgd-board-screen-stack {
    gap: 2px !important;
  }

  html body .pgd-page-program .pgd-program-hipodroms-wrap-mobile,
  html body .pgd-board-screen .pgd-program-hipodroms-wrap-mobile {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .pgd-page-program .pgd-program-hipodroms-wrap-mobile + .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  html body .pgd-board-screen .pgd-program-hipodroms-wrap-mobile + .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  html body .pgd-page-program .pgd-workspace-board > .pgd-race-module,
  html body .pgd-board-screen .pgd-workspace-board > .pgd-race-module,
  .pgd-page-program .pgd-program-hipodroms-wrap-mobile + .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  .pgd-board-screen .pgd-program-hipodroms-wrap-mobile + .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  .pgd-page-program .pgd-workspace-board > .pgd-race-module,
  .pgd-board-screen .pgd-workspace-board > .pgd-race-module {
    margin-top: -4px !important;
    padding-top: 0 !important;
  }

  .pgd-page-program .pgd-race-module,
  .pgd-board-screen .pgd-race-module,
  .pgd-page-program .pgd-race-module,
  .pgd-board-screen .pgd-race-module {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .pgd-page-program .pgd-race-module,
  html body .pgd-board-screen .pgd-race-module,
  .pgd-page-program .pgd-race-module,
  .pgd-board-screen .pgd-race-module {
    gap: 0 !important;
  }

  html body .pgd-page-program .pgd-program-head__left,
  html body .pgd-board-screen .pgd-program-head__left,
  .pgd-page-program .pgd-program-head__left,
  .pgd-board-screen .pgd-program-head__left {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  html body .pgd-page-program .pgd-program-head__summary,
  html body .pgd-board-screen .pgd-program-head__summary,
  .pgd-page-program .pgd-program-head__summary,
  .pgd-board-screen .pgd-program-head__summary {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .pgd-page-program .pgd-program-head__summary-card,
  html body .pgd-board-screen .pgd-program-head__summary-card,
  .pgd-page-program .pgd-program-head__summary-card,
  .pgd-board-screen .pgd-program-head__summary-card {
    display: inline-grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 6px !important;
    min-height: 42px !important;
    width: 100% !important;
    max-width: 82px !important;
    padding: 4px 7px 4px 6px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    align-self: start !important;
  }

  html body .pgd-page-program .pgd-program-head__summary-num,
  html body .pgd-board-screen .pgd-program-head__summary-num,
  .pgd-page-program .pgd-program-head__summary-num,
  .pgd-board-screen .pgd-program-head__summary-num {
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    justify-self: center !important;
  }

  html body .pgd-page-program .pgd-program-head__summary-copy,
  html body .pgd-board-screen .pgd-program-head__summary-copy,
  .pgd-page-program .pgd-program-head__summary-copy,
  .pgd-board-screen .pgd-program-head__summary-copy {
    min-width: 0 !important;
    gap: 1px !important;
    padding-left: 0 !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-program-head__summary-label,
  html body .pgd-board-screen .pgd-program-head__summary-label,
  .pgd-page-program .pgd-program-head__summary-label,
  .pgd-board-screen .pgd-program-head__summary-label {
    font-size: 10px !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-program-head__summary-time,
  html body .pgd-board-screen .pgd-program-head__summary-time,
  .pgd-page-program .pgd-program-head__summary-time,
  .pgd-board-screen .pgd-program-head__summary-time {
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-program-head__main,
  html body .pgd-board-screen .pgd-program-head__main,
  .pgd-page-program .pgd-program-head__main,
  .pgd-board-screen .pgd-program-head__main {
    gap: 4px !important;
    align-content: start !important;
    min-height: 0 !important;
  }

  html body .pgd-page-program .pgd-program-head__title-row,
  html body .pgd-board-screen .pgd-program-head__title-row,
  .pgd-page-program .pgd-program-head__title-row,
  .pgd-board-screen .pgd-program-head__title-row {
    gap: 5px !important;
    align-items: flex-start !important;
    min-height: 0 !important;
  }

  html body .pgd-page-program .pgd-race-module:has(.pgd-at-tablo-wrap):not(:has(> .pgd-lineup-shell)) > .pgd-kb-outer,
  html body .pgd-board-screen .pgd-race-module:has(.pgd-at-tablo-wrap):not(:has(> .pgd-lineup-shell)) > .pgd-kb-outer,
  .pgd-page-program .pgd-race-module:has(.pgd-at-tablo-wrap):not(:has(> .pgd-lineup-shell)) > .pgd-kb-outer,
  .pgd-board-screen .pgd-race-module:has(.pgd-at-tablo-wrap):not(:has(> .pgd-lineup-shell)) > .pgd-kb-outer {
    margin-bottom: 0 !important;
  }

  html body .pgd-page-program .pgd-race-module:has(.pgd-at-tablo-wrap):not(:has(> .pgd-lineup-shell)) .pgd-program-head,
  html body .pgd-board-screen .pgd-race-module:has(.pgd-at-tablo-wrap):not(:has(> .pgd-lineup-shell)) .pgd-program-head,
  .pgd-page-program .pgd-race-module:has(.pgd-at-tablo-wrap):not(:has(> .pgd-lineup-shell)) .pgd-program-head,
  .pgd-board-screen .pgd-race-module:has(.pgd-at-tablo-wrap):not(:has(> .pgd-lineup-shell)) .pgd-program-head {
    padding-bottom: 4px !important;
  }

}

@media (max-width: 900px) {
  .pgd-page-program .pgd-mobile-race-name,
  .pgd-board-screen .pgd-mobile-race-name {
    font-size: 16px !important;
  }

  .pgd-page-program .pgd-mobile-race-meta-line .pgd-yas,
  .pgd-page-program .pgd-mobile-race-meta-line .pgd-cins,
  .pgd-page-program .pgd-mobile-race-meta-line .pgd-irk,
  .pgd-page-program .pgd-mobile-race-meta-line .pgd-not-taki,
  .pgd-board-screen .pgd-mobile-race-meta-line .pgd-yas,
  .pgd-board-screen .pgd-mobile-race-meta-line .pgd-cins,
  .pgd-board-screen .pgd-mobile-race-meta-line .pgd-irk,
  .pgd-board-screen .pgd-mobile-race-meta-line .pgd-not-taki {
    font-size: 11px !important;
  }

  .pgd-page-program .pgd-mobile-race-jokey-label,
  .pgd-board-screen .pgd-mobile-race-jokey-label {
    font-size: 11px !important;
  }

  .pgd-page-program .pgd-mobile-race-jokey-name,
  .pgd-page-program .pgd-mobile-race-jokey-name-wrap,
  .pgd-board-screen .pgd-mobile-race-jokey-name,
  .pgd-board-screen .pgd-mobile-race-jokey-name-wrap {
    font-size: 13px !important;
  }

  .pgd-page-program .pgd-mobile-race-col-label,
  .pgd-page-program .pgd-mobile-race-ganyan-col .pgd-mobile-race-col-label,
  .pgd-board-screen .pgd-mobile-race-col-label,
  .pgd-board-screen .pgd-mobile-race-ganyan-col .pgd-mobile-race-col-label {
    font-size: 10px !important;
  }

  .pgd-page-program .pgd-mobile-race-col-value,
  .pgd-page-program .pgd-mobile-race-ganyan-col .pgd-mobile-race-col-value,
  .pgd-board-screen .pgd-mobile-race-col-value,
  .pgd-board-screen .pgd-mobile-race-ganyan-col .pgd-mobile-race-col-value {
    font-size: 15px !important;
  }

  .pgd-page-program .pgd-mobile-race-col-meta,
  .pgd-board-screen .pgd-mobile-race-col-meta {
    font-size: 10px !important;
  }

  .pgd-page-program .pgd-mobile-race-stat,
  .pgd-board-screen .pgd-mobile-race-stat {
    font-size: 12px !important;
  }

  .pgd-page-program .pgd-mobile-race-toggle,
  .pgd-page-program .pgd-mobile-race-toggle i,
  .pgd-board-screen .pgd-mobile-race-toggle,
  .pgd-board-screen .pgd-mobile-race-toggle i {
    font-size: 12px !important;
  }

  .pgd-page-program .pgd-mobile-race-detail-row,
  .pgd-page-program .pgd-mobile-race-detail-person,
  .pgd-board-screen .pgd-mobile-race-detail-row,
  .pgd-board-screen .pgd-mobile-race-detail-person {
    font-size: 12px !important;
  }

  .pgd-page-program .pgd-mobile-race-detail-pedigree-label,
  .pgd-board-screen .pgd-mobile-race-detail-pedigree-label {
    font-size: 11px !important;
  }

  .pgd-page-program .pgd-mobile-race-detail-pedigree-name,
  .pgd-page-program .pgd-mobile-race-detail-person .pgd-pers-link,
  .pgd-board-screen .pgd-mobile-race-detail-pedigree-name,
  .pgd-board-screen .pgd-mobile-race-detail-person .pgd-pers-link {
    font-size: 12px !important;
  }
}

@media (max-width: 480px) {
  .pgd-page-program .pgd-mobile-race-name,
  .pgd-board-screen .pgd-mobile-race-name {
    font-size: 15px !important;
  }

  .pgd-page-program .pgd-mobile-race-jokey-name,
  .pgd-page-program .pgd-mobile-race-jokey-name-wrap,
  .pgd-board-screen .pgd-mobile-race-jokey-name,
  .pgd-board-screen .pgd-mobile-race-jokey-name-wrap {
    font-size: 12px !important;
  }

  .pgd-page-program .pgd-mobile-race-stat,
  .pgd-board-screen .pgd-mobile-race-stat {
    font-size: 11px !important;
  }

  .pgd-page-program .pgd-mobile-race-ganyan-col .pgd-mobile-race-col-value,
  .pgd-board-screen .pgd-mobile-race-ganyan-col .pgd-mobile-race-col-value {
    font-size: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .pgd-page-program .pgd-lineup-main,
  .pgd-board-screen .pgd-lineup-main {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .pgd-page-program .pgd-lineup-head,
  .pgd-board-screen .pgd-lineup-head,
  .pgd-page-program .pgd-lineup-rows,
  .pgd-board-screen .pgd-lineup-rows,
  .pgd-page-program .pgd-lineup-row,
  .pgd-board-screen .pgd-lineup-row {
    min-width: 790px !important;
  }

  .pgd-page-program .pgd-lineup-head,
  .pgd-board-screen .pgd-lineup-head,
  .pgd-page-program .pgd-lineup-row,
  .pgd-board-screen .pgd-lineup-row {
    display: grid !important;
    grid-template-columns:
      24px
      18px
      26px
      minmax(120px, 1.4fr)
      28px
      minmax(70px, 0.7fr)
      minmax(82px, 0.76fr)
      minmax(46px, 0.32fr)
      62px
      44px
      40px
      50px
      88px !important;
    align-items: center !important;
    column-gap: 6px !important;
  }

  .pgd-page-program .pgd-lineup-head,
  .pgd-board-screen .pgd-lineup-head {
    display: grid !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
  }

  .pgd-page-program .pgd-lineup-row,
  .pgd-board-screen .pgd-lineup-row {
    min-height: 48px !important;
    padding: 6px 10px !important;
    row-gap: 0 !important;
  }

  .pgd-page-program .pgd-lineup-start-col,
  .pgd-board-screen .pgd-lineup-start-col,
  .pgd-page-program .pgd-lineup-row > :nth-child(1),
  .pgd-board-screen .pgd-lineup-row > :nth-child(1) {
    display: contents !important;
    width: auto !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-photo,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-photo {
    display: flex !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-horse,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-horse {
    display: block !important;
    min-width: 0 !important;
    padding-inline-end: 12px !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-taki-col,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-taki-col {
    display: flex !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-stack,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-stack {
    display: grid !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-form,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-form {
    display: flex !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric {
    display: block !important;
    text-align: right !important;
    padding-inline: 6px !important;
    box-sizing: border-box !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-cta-cell,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-cta-cell {
    display: grid !important;
    width: 88px !important;
    min-width: 88px !important;
    justify-self: start !important;
    padding-inline: 0 !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--kgs,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--kgs,
  .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--agf,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--agf,
  .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--gny,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--gny,
  .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--style,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--style {
    display: grid !important;
    align-self: center !important;
    justify-self: stretch !important;
    justify-items: center !important;
    align-content: center !important;
    text-align: center !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--agf .pgd-lineup-agf-bar,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--agf .pgd-lineup-agf-bar {
    width: 38px !important;
    margin-inline: auto !important;
  }

  .pgd-page-program .pgd-lineup-no,
  .pgd-board-screen .pgd-lineup-no {
    justify-content: flex-start !important;
    font-size: 22px !important;
  }

  .pgd-page-program .pgd-lineup-rank,
  .pgd-board-screen .pgd-lineup-rank {
    justify-content: flex-start !important;
  }

  .pgd-page-program .pgd-lineup-photo .pgd-lineup-silk,
  .pgd-board-screen .pgd-lineup-photo .pgd-lineup-silk {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
  }

  .pgd-page-program .pgd-lineup-horse-top,
  .pgd-board-screen .pgd-lineup-horse-top {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 2px !important;
  }

  .pgd-page-program .pgd-lineup-horse-name,
  .pgd-board-screen .pgd-lineup-horse-name {
    font-size: 16px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .pgd-page-program .pgd-lineup-chip,
  .pgd-board-screen .pgd-lineup-chip {
    min-height: 18px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
  }

  .pgd-page-program .pgd-lineup-pedigree,
  .pgd-board-screen .pgd-lineup-pedigree {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    gap: 4px !important;
    font-size: 10.5px !important;
    line-height: 1.22 !important;
    overflow: visible !important;
  }

  .pgd-page-program .pgd-lineup-ped-inline,
  .pgd-board-screen .pgd-lineup-ped-inline {
    flex-wrap: wrap !important;
    gap: 4px !important;
  }

  .pgd-page-program .pgd-lineup-mobile-foot,
  .pgd-board-screen .pgd-lineup-mobile-foot {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  html body .pgd-page-program .pgd-lineup-main,
  html body .pgd-board-screen .pgd-lineup-main {
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  html body .pgd-page-program .pgd-lineup-head,
  html body .pgd-board-screen .pgd-lineup-head {
    display: none !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body .pgd-page-program .pgd-lineup-rows,
  html body .pgd-board-screen .pgd-lineup-rows,
  html body .pgd-page-program .pgd-lineup-row,
  html body .pgd-board-screen .pgd-lineup-row {
    min-width: 0 !important;
    width: auto !important;
  }

  html body .pgd-page-program .pgd-lineup-row,
  html body .pgd-board-screen .pgd-lineup-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-areas: "start horse" !important;
    align-items: start !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    min-height: 0 !important;
    padding: 10px 10px 9px !important;
  }

  html body .pgd-page-program .pgd-lineup-row > :nth-child(2),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(2),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(4),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(4),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(5),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(5),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(6),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(6),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(7),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(7),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(8),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(8),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(9),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(9),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(10),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(10),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(11),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(11),
  html body .pgd-page-program .pgd-lineup-row > :nth-child(12),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(12) {
    display: none !important;
  }

  html body .pgd-page-program .pgd-lineup-start-col,
  html body .pgd-board-screen .pgd-lineup-start-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    grid-area: start !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .pgd-page-program .pgd-lineup-row > :nth-child(1),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(1) {
    display: flex !important;
    grid-area: start !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > :nth-child(3),
  html body .pgd-board-screen .pgd-lineup-row > :nth-child(3) {
    display: block !important;
    grid-area: horse !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-no,
  html body .pgd-board-screen .pgd-lineup-no {
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  html body .pgd-page-program .pgd-lineup-rank,
  html body .pgd-board-screen .pgd-lineup-rank {
    justify-content: center !important;
    min-height: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-horse,
  html body .pgd-board-screen .pgd-lineup-horse {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-width: 0 !important;
    padding-inline-end: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-headgrid,
  html body .pgd-board-screen .pgd-lineup-mobile-headgrid {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-headmain,
  html body .pgd-board-screen .pgd-lineup-mobile-headmain {
    min-width: 0 !important;
    text-align: left !important;
  }

  html body .pgd-page-program .pgd-lineup-horse-top,
  html body .pgd-board-screen .pgd-lineup-horse-top {
    gap: 4px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-bottom: 3px !important;
    flex-wrap: wrap !important;
  }

  html body .pgd-page-program .pgd-lineup-horse-name,
  html body .pgd-board-screen .pgd-lineup-horse-name {
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body .pgd-page-program .pgd-lineup-chip,
  html body .pgd-board-screen .pgd-lineup-chip {
    min-height: 16px !important;
    padding: 0 5px !important;
    font-size: 8px !important;
  }

  html body .pgd-page-program .pgd-lineup-pedigree,
  html body .pgd-board-screen .pgd-lineup-pedigree {
    display: block !important;
    margin: 1px 0 0 !important;
    font-size: 9px !important;
    line-height: 1.18 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-lineup-ped-inline,
  html body .pgd-board-screen .pgd-lineup-ped-inline {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-lineup-ped-seg,
  html body .pgd-board-screen .pgd-lineup-ped-seg {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-lineup-ped-row,
  html body .pgd-board-screen .pgd-lineup-ped-row {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .pgd-page-program .pgd-lineup-ped-part,
  html body .pgd-board-screen .pgd-lineup-ped-part {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .pgd-page-program .pgd-lineup-ped-ico,
  html body .pgd-board-screen .pgd-lineup-ped-ico {
    flex-shrink: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    opacity: 0.88 !important;
  }

  html body .pgd-page-program .pgd-lineup-pedigree .sire,
  html body .pgd-page-program .pgd-lineup-pedigree .dam,
  html body .pgd-page-program .pgd-lineup-pedigree .damsire,
  html body .pgd-board-screen .pgd-lineup-pedigree .sire,
  html body .pgd-board-screen .pgd-lineup-pedigree .dam,
  html body .pgd-board-screen .pgd-lineup-pedigree .damsire {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-foot,
  html body .pgd-board-screen .pgd-lineup-mobile-foot {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 6px !important;
    padding-top: 5px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.08) !important;
    box-sizing: border-box !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-meta,
  html body .pgd-board-screen .pgd-lineup-mobile-meta,
  html body .pgd-page-program .pgd-lineup-mobile-tags,
  html body .pgd-board-screen .pgd-lineup-mobile-tags,
  html body .pgd-page-program .pgd-lineup-mobile-tag,
  html body .pgd-board-screen .pgd-lineup-mobile-tag,
  html body .pgd-page-program .pgd-lineup-mobile-foot-galop,
  html body .pgd-board-screen .pgd-lineup-mobile-foot-galop {
    display: none !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-people,
  html body .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-people {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-people::-webkit-scrollbar,
  html body .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-people::-webkit-scrollbar,
  html body .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-stats::-webkit-scrollbar,
  html body .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-stats::-webkit-scrollbar {
    display: none !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-foot .pgd-lineup-mobile-stats,
  html body .pgd-board-screen .pgd-lineup-mobile-foot .pgd-lineup-mobile-stats {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-bottombar,
  html body .pgd-board-screen .pgd-lineup-mobile-bottombar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    margin-top: 2px !important;
    padding-top: 3px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.06) !important;
    box-sizing: border-box !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-bottombar-left,
  html body .pgd-board-screen .pgd-lineup-mobile-bottombar-left {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-bottombar .pgd-lineup-mobile-odds-row,
  html body .pgd-board-screen .pgd-lineup-mobile-bottombar .pgd-lineup-mobile-odds-row {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-people,
  html body .pgd-board-screen .pgd-lineup-mobile-people {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-people-secondary,
  html body .pgd-board-screen .pgd-lineup-mobile-people-secondary {
    display: contents !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-person,
  html body .pgd-board-screen .pgd-lineup-mobile-person {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 3px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    grid-template-columns: unset !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-person.is-jockey,
  html body .pgd-board-screen .pgd-lineup-mobile-person.is-jockey {
    grid-column: unset !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-icon,
  html body .pgd-board-screen .pgd-lineup-mobile-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-icon i,
  html body .pgd-board-screen .pgd-lineup-mobile-icon i {
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-key,
  html body .pgd-board-screen .pgd-lineup-mobile-key {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 10px !important;
    width: 10px !important;
    font-size: 7px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-value,
  html body .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext,
  html body .pgd-board-screen .pgd-lineup-mobile-value,
  html body .pgd-board-screen .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body .pgd-board-screen .pgd-lineup-mobile-value .pgd-lineup-linktext,
  html body .pgd-page-program .pgd-lineup-mobile-link,
  html body .pgd-board-screen .pgd-lineup-mobile-link {
    min-width: 0 !important;
    display: block !important;
    font-size: 9px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-person.is-jockey .pgd-lineup-mobile-link,
  html body .pgd-board-screen .pgd-lineup-mobile-person.is-jockey .pgd-lineup-mobile-link {
    font-size: 10px !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkmark,
  html body .pgd-board-screen .pgd-lineup-mobile-value .pgd-lineup-linkmark {
    display: none !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-stats,
  html body .pgd-board-screen .pgd-lineup-mobile-stats {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-stat,
  html body .pgd-board-screen .pgd-lineup-mobile-stat {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-stat strong,
  html body .pgd-board-screen .pgd-lineup-mobile-stat strong {
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-stat small,
  html body .pgd-board-screen .pgd-lineup-mobile-stat small {
    font-size: 7px !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-odds-row,
  html body .pgd-board-screen .pgd-lineup-mobile-odds-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-gny,
  html body .pgd-board-screen .pgd-lineup-mobile-gny {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 2px !important;
    text-align: right !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-gny strong,
  html body .pgd-board-screen .pgd-lineup-mobile-gny strong {
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-gny small,
  html body .pgd-board-screen .pgd-lineup-mobile-gny small {
    font-size: 8px !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-agf-inline,
  html body .pgd-board-screen .pgd-lineup-mobile-agf-inline {
    flex: 0 0 auto !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-agf-inline strong,
  html body .pgd-board-screen .pgd-lineup-mobile-agf-inline strong {
    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-actions,
  html body .pgd-board-screen .pgd-lineup-mobile-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 5px !important;
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: 100% !important;
    margin-top: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-action,
  html body .pgd-board-screen .pgd-lineup-mobile-action,
  html body .pgd-page-program button.pgd-lineup-mobile-action,
  html body .pgd-board-screen button.pgd-lineup-mobile-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-action > i,
  html body .pgd-board-screen .pgd-lineup-mobile-action > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-action::before,
  html body .pgd-board-screen .pgd-lineup-mobile-action::before {
    content: none !important;
  }
}

@media (max-width: 900px) {
  html body .pgd-page-program .pgd-program-hipodroms-wrap-mobile,
  html body .pgd-board-screen .pgd-program-hipodroms-wrap-mobile {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-picker,
  html body .pgd-board-screen .pgd-program-hip-mobile-picker {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger {
    min-height: 58px !important;
    padding: 14px 14px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-copy,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-copy {
    gap: 2px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-name,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-name {
    line-height: 1.15 !important;
  }

  html body .pgd-page-program .pgd-board-screen-stack .pgd-workspace-board,
  html body .pgd-board-screen .pgd-board-screen-stack .pgd-workspace-board {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html body .pgd-page-program .pgd-program-hipodroms-wrap-mobile + .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  html body .pgd-board-screen .pgd-program-hipodroms-wrap-mobile + .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  html body .pgd-page-program .pgd-workspace-board > .pgd-race-module,
  html body .pgd-board-screen .pgd-workspace-board > .pgd-race-module {
    margin-top: 2px !important;
  }

  html body .pgd-page-program .pgd-race-module:has(> .pgd-lineup-shell) > .pgd-kb-outer,
  html body .pgd-board-screen .pgd-race-module:has(> .pgd-lineup-shell) > .pgd-kb-outer {
    margin-bottom: 0 !important;
  }

  html body .pgd-page-program .pgd-race-module:has(> .pgd-lineup-shell) .pgd-program-head,
  html body .pgd-board-screen .pgd-race-module:has(> .pgd-lineup-shell) .pgd-program-head {
    margin-bottom: 0 !important;
  }

}

@media (max-width: 768px) {
  html body .pgd-page-program .pgd-workspace-board,
  html body .pgd-board-screen .pgd-workspace-board,
  html body .pgd-page-program .pgd-race-module,
  html body .pgd-board-screen .pgd-race-module {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
  }

  html body .pgd-page-program .pgd-program-hipodroms-wrap-mobile,
  html body .pgd-board-screen .pgd-program-hipodroms-wrap-mobile {
    margin-bottom: 6px !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap {
    padding: 0 !important;
    margin-top: 6px !important;
    margin-bottom: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-tabs.btabs,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-tabs.btabs {
    display: grid !important;
    grid-template-columns: repeat(var(--pgd-race-tab-count, 1), minmax(0, 1fr)) !important;
    grid-auto-flow: unset !important;
    grid-auto-columns: unset !important;
    justify-content: normal !important;
    align-items: stretch !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-tab.btab,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-tab.btab {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 42px !important;
    padding: 2px 0 !important;
    border: 1px solid rgba(214, 190, 156, 0.92) !important;
    border-radius: 0 !important;
    justify-content: center !important;
    align-content: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-tab.btab:last-child,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-tab.btab:last-child {
    border-right: 1px solid rgba(214, 190, 156, 0.92) !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-no-row,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-no-row {
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 2px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kb-outer,
  html body .pgd-board-screen .pgd-race-module > .pgd-kb-outer {
    margin-top: 8px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
  }

  html body .pgd-page-program .pgd-program-head,
  html body .pgd-board-screen .pgd-program-head {
    border: 1px solid rgba(214, 190, 156, 0.82) !important;
    border-radius: 8px !important;
    background: #fffdfa !important;
    box-shadow: none;
  }

  html body .pgd-page-program .pgd-program-head__right,
  html body .pgd-board-screen .pgd-program-head__right {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  html body .pgd-page-program .pgd-kb-outer + .pgd-lineup-shell,
  html body .pgd-board-screen .pgd-kb-outer + .pgd-lineup-shell,
  html body .pgd-page-program .pgd-kb-outer + .pgd-at-tablo-wrap,
  html body .pgd-board-screen .pgd-kb-outer + .pgd-at-tablo-wrap {
    margin-top: 4px !important;
  }
}

html body .pgd-page-program .pgd-program-head__detail-btn--inline,
html body .pgd-board-screen .pgd-program-head__detail-btn--inline,
.pgd-page-program .pgd-program-head__detail-btn--inline,
.pgd-board-screen .pgd-program-head__detail-btn--inline {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 26px !important;
  min-width: auto !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  gap: 5px !important;
  border-radius: 999px !important;
}

html body .pgd-page-program .pgd-program-head__detail-btn--inline i,
html body .pgd-board-screen .pgd-program-head__detail-btn--inline i,
.pgd-page-program .pgd-program-head__detail-btn--inline i,
.pgd-board-screen .pgd-program-head__detail-btn--inline i {
  font-size: 11px !important;
}

html body .pgd-page-program .pgd-program-head__detail-btn-label,
html body .pgd-board-screen .pgd-program-head__detail-btn-label,
.pgd-page-program .pgd-program-head__detail-btn-label,
.pgd-board-screen .pgd-program-head__detail-btn-label {
  display: inline-block !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

@media (max-width: 900px) {
  html body .pgd-page-program .pgd-race-module:has(> .pgd-lineup-shell) > .pgd-kt-wrap,
  html body .pgd-board-screen .pgd-race-module:has(> .pgd-lineup-shell) > .pgd-kt-wrap {
    display: block !important;
    visibility: visible !important;
    min-height: 54px !important;
    margin-bottom: 8px !important;
  }
}

@media (max-width: 768px) {
  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap {
    display: block !important;
    visibility: visible !important;
    min-height: 54px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-tabs.btabs,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-tabs.btabs {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 2px !important;
    margin: 0 !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-tabs.btabs::-webkit-scrollbar,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-tabs.btabs::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-tab.btab,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-tab.btab {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    min-height: 46px !important;
    padding: 4px 6px !important;
    border-radius: 8px !important;
    background: #fffdfa !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-no-row,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-no-row {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "no icon"
      "time time" !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 2px 5px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-no,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-no {
    display: block !important;
    grid-area: no !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: var(--text) !important;
    text-align: left !important;
    width: auto !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-saat,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-saat {
    display: block !important;
    grid-area: time !important;
    font-size: 9px !important;
    line-height: 1 !important;
    color: var(--text3) !important;
    margin-top: 0 !important;
  }

  html body .pgd-page-program .pgd-race-module > .pgd-kt-wrap .pgd-kt-state-icon,
  html body .pgd-board-screen .pgd-race-module > .pgd-kt-wrap .pgd-kt-state-icon {
    display: inline-flex !important;
    grid-area: icon !important;
    justify-self: end !important;
    align-self: start !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .pgd-page-program .pgd-lineup-head,
  .pgd-board-screen .pgd-lineup-head,
  .pgd-page-program .pgd-lineup-row,
  .pgd-board-screen .pgd-lineup-row {
    grid-template-columns:
      24px
      18px
      26px
      minmax(120px, 1.4fr)
      28px
      minmax(70px, 0.7fr)
      minmax(82px, 0.76fr)
      minmax(46px, 0.32fr)
      62px
      44px
      40px
      50px
      88px !important;
    column-gap: 6px !important;
  }

  .pgd-page-program .pgd-lineup-head > :nth-child(13),
  .pgd-board-screen .pgd-lineup-head > :nth-child(13) {
    grid-column: 13 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-lineup-row > .pgd-lineup-cta-cell.pgd-lineup-cta-cell--actions,
  .pgd-board-screen .pgd-lineup-row > .pgd-lineup-cta-cell.pgd-lineup-cta-cell--actions {
    grid-column: 13 !important;
    justify-self: stretch !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
  }
}

/* Final mobile lineup pass. Keep this at the end so older mobile/tablet rules cannot re-open desktop cells. */
@media (max-width: 900px) {
  html body .pgd-page-program .pgd-lineup-rows,
  html body .pgd-board-screen .pgd-lineup-rows {
    gap: 8px !important;
    background: transparent !important;
  }

  html body .pgd-page-program .pgd-lineup-row,
  html body .pgd-board-screen .pgd-lineup-row {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-areas: "start horse" !important;
    column-gap: 8px !important;
    align-items: stretch !important;
    min-height: 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(181, 137, 72, 0.18) !important;
    border-radius: 12px !important;
    background: #fffaf1 !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-photo,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-photo,
  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-taki-col,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-taki-col,
  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-stack,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-stack,
  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-form,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-form,
  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric,
  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-cta-cell,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-cta-cell {
    display: none !important;
  }

  html body .pgd-page-program .pgd-lineup-row .pgd-lineup-cta-cell,
  html body .pgd-board-screen .pgd-lineup-row .pgd-lineup-cta-cell {
    display: none !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-start-col,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-start-col {
    display: flex !important;
    grid-area: start !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-horse,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-horse {
    display: block !important;
    grid-area: horse !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-no,
  html body .pgd-board-screen .pgd-lineup-no {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(181, 137, 72, 0.22) !important;
    border-radius: 8px !important;
    background: #fffdf8 !important;
    color: #7a4a09 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  html body .pgd-page-program .pgd-lineup-rank,
  html body .pgd-board-screen .pgd-lineup-rank {
    min-height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-lineup-rank .pgd-result-rank-icon,
  html body .pgd-board-screen .pgd-lineup-rank .pgd-result-rank-icon {
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-lineup-rank .pgd-result-rank-text,
  html body .pgd-board-screen .pgd-lineup-rank .pgd-result-rank-text,
  html body .pgd-page-program .pgd-lineup-rank-empty,
  html body .pgd-board-screen .pgd-lineup-rank-empty {
    color: #7a5c35 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-headgrid,
  html body .pgd-board-screen .pgd-lineup-mobile-headgrid {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body .pgd-board-screen .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img,
  html body .pgd-board-screen .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 36px !important;
    height: 36px !important;
  }

  html body .pgd-page-program .pgd-lineup-horse-name,
  html body .pgd-board-screen .pgd-lineup-horse-name {
    color: #19130c !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-lineup-pedigree,
  html body .pgd-board-screen .pgd-lineup-pedigree {
    color: #6f5b43 !important;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-foot,
  html body .pgd-board-screen .pgd-lineup-mobile-foot {
    display: grid !important;
    gap: 6px !important;
    margin-top: 7px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.08) !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-people,
  html body .pgd-board-screen .pgd-lineup-mobile-people {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-people-secondary,
  html body .pgd-board-screen .pgd-lineup-mobile-people-secondary {
    display: contents !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-person,
  html body .pgd-board-screen .pgd-lineup-mobile-person {
    min-width: 0 !important;
    padding: 3px 4px !important;
    border: 1px solid rgba(181, 137, 72, 0.13) !important;
    border-radius: 7px !important;
    background: rgba(255, 253, 248, 0.72) !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-value,
  html body .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext,
  html body .pgd-board-screen .pgd-lineup-mobile-value,
  html body .pgd-board-screen .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body .pgd-board-screen .pgd-lineup-mobile-value .pgd-lineup-linktext,
  html body .pgd-page-program .pgd-lineup-mobile-link,
  html body .pgd-board-screen .pgd-lineup-mobile-link {
    color: #392b1d !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-form,
  html body .pgd-board-screen .pgd-lineup-mobile-form {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-form-label,
  html body .pgd-board-screen .pgd-lineup-mobile-form-label {
    color: #8a6b3f !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-form-pills,
  html body .pgd-board-screen .pgd-lineup-mobile-form-pills {
    display: flex !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-form-pills .pgd-lineup-form-pill,
  html body .pgd-board-screen .pgd-lineup-mobile-form-pills .pgd-lineup-form-pill {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-stats,
  html body .pgd-board-screen .pgd-lineup-mobile-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-stat,
  html body .pgd-board-screen .pgd-lineup-mobile-stat {
    min-height: 20px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(181, 137, 72, 0.14) !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 248, 0.78) !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-stat strong,
  html body .pgd-board-screen .pgd-lineup-mobile-stat strong {
    color: #3a2a18 !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-bottombar,
  html body .pgd-board-screen .pgd-lineup-mobile-bottombar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.08) !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-bottombar .pgd-lineup-mobile-odds-row,
  html body .pgd-board-screen .pgd-lineup-mobile-bottombar .pgd-lineup-mobile-odds-row,
  html body .pgd-page-program .pgd-lineup-mobile-odds-row,
  html body .pgd-board-screen .pgd-lineup-mobile-odds-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(36px, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-odd,
  html body .pgd-board-screen .pgd-lineup-mobile-odd {
    display: grid !important;
    gap: 2px !important;
    padding: 3px 4px !important;
    border: 1px solid rgba(181, 137, 72, 0.12) !important;
    border-radius: 7px !important;
    background: #fffdf8 !important;
    text-align: center !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-odd small,
  html body .pgd-board-screen .pgd-lineup-mobile-odd small {
    color: #8a6b3f !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-odd strong,
  html body .pgd-board-screen .pgd-lineup-mobile-odd strong {
    color: #23180e !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-actions,
  html body .pgd-board-screen .pgd-lineup-mobile-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 4px !important;
    width: auto !important;
    min-width: max-content !important;
    margin: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-action,
  html body .pgd-board-screen .pgd-lineup-mobile-action,
  html body .pgd-page-program button.pgd-lineup-mobile-action,
  html body .pgd-board-screen button.pgd-lineup-mobile-action {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border-radius: 8px !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-action > i,
  html body .pgd-board-screen .pgd-lineup-mobile-action > i {
    font-size: 13px !important;
  }
}

@media (max-width: 560px) {
  html body .pgd-page-program .pgd-lineup-row,
  html body .pgd-board-screen .pgd-lineup-row {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    padding: 8px 7px !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-headgrid,
  html body .pgd-board-screen .pgd-lineup-mobile-headgrid {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body .pgd-board-screen .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img,
  html body .pgd-board-screen .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 32px !important;
    height: 32px !important;
  }

  html body .pgd-page-program .pgd-lineup-mobile-action,
  html body .pgd-board-screen .pgd-lineup-mobile-action,
  html body .pgd-page-program button.pgd-lineup-mobile-action,
  html body .pgd-board-screen button.pgd-lineup-mobile-action {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
  }
}

/* Mobile/tablet repair: keep program content clear of fixed mobile nav
   and stop 769-900px tablets from inheriting the cramped desktop table. */
@media (max-width: 768px) {
  body:not(.pgd-board-screen-body) .pgd-page.pgd-page-program .pgd-demo-shell {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 112px) !important;
  }
}

@media (min-width: 769px) and (max-width: 900px) {
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-at-tablo-wrap,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-at-tablo,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-at-tablo thead,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-at-tablo tbody,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-at-tablo tbody > tr {
    display: none !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-list {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-list-head {
    display: none !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-row {
    display: block !important;
    overflow: hidden !important;
    border: 1px solid rgba(214, 190, 156, 0.78) !important;
    border-radius: 10px !important;
    background: #fffdfa !important;
    box-shadow: none;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-summary {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 84px !important;
    gap: 14px !important;
    align-items: start !important;
    padding: 14px 16px 8px !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-agf-col,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-kg-col {
    display: none !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-no-col {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    color: #24170a !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-main-col {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-name {
    display: block !important;
    color: #24170a !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-ped-line {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    color: #806545 !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-meta-line,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-stats-line,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-jokey-line {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-stat,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-meta-line .pgd-yas,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-meta-line .pgd-not-taki {
    min-height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 22px !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-ganyan-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 4px !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-ganyan-col .pgd-mobile-race-col-label {
    font-size: 10px !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-ganyan-col .pgd-mobile-race-col-value {
    min-width: 68px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    background: #fff4df !important;
    color: #b87408 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-actions {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 0 16px 12px 76px !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-toggle {
    min-width: 76px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(74, 49, 16, 0.12) !important;
    border-radius: 8px !important;
    background: #fff8eb !important;
    color: #8b5608 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-detail {
    margin: 8px 16px 0 76px !important;
    padding: 10px 0 14px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.08) !important;
  }
}

/* Tablet correction: keep race data visible, do not collapse AGF/KG/rank away. */
@media (min-width: 769px) and (max-width: 900px) {
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-list {
    display: grid !important;
    gap: 0 !important;
    border: 1px solid rgba(214, 190, 156, 0.74) !important;
    border-radius: 10px !important;
    background: #fffdfa !important;
    overflow: hidden !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-list-head {
    display: grid !important;
    grid-template-columns: 44px 28px minmax(0, 1fr) 54px 72px !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 9px 14px !important;
    border-bottom: 1px solid rgba(74, 49, 16, 0.08) !important;
    background: #faf4e8 !important;
    color: #9c7a4f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-row {
    border: 0 !important;
    border-bottom: 1px solid rgba(229, 214, 190, 0.9) !important;
    border-radius: 0 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-row:last-child {
    border-bottom: 0 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-summary {
    grid-template-columns: 44px 28px minmax(0, 1fr) 54px 72px !important;
    gap: 10px !important;
    padding: 12px 14px 6px !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-agf-col,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-kg-col,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-no-col,
  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-ganyan-col {
    display: grid !important;
    gap: 2px !important;
    align-content: start !important;
    min-width: 0 !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-col-label {
    color: #9f8057 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page-program .pgd-mobile-race-col-value {
    color: #23160a !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
  }
}

/* Mobile lineup tidy pass: same data, calmer structure. */
@media (max-width: 768px) {
  body:has(.pgd-page-program) .pgd-mobile-quicknav-inner {
    gap: 0 !important;
    min-height: 68px !important;
    padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
  }

  body:has(.pgd-page-program) .pgd-mobile-quicknav-icon {
    width: auto !important;
    min-width: 0 !important;
    height: 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:has(.pgd-page-program) .pgd-mobile-quicknav-label {
    font-size: 8.5px !important;
    line-height: 1.1 !important;
  }

  body:has(.pgd-page-program) .pgd-scroll-top {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 88px) !important;
  }

  body:not(.pgd-board-screen-body) .pgd-page.pgd-page-program .pgd-demo-shell {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 96px) !important;
    overflow-x: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-shell,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-main {
    overflow-x: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-rows {
    gap: 9px !important;
    padding-inline: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding: 9px 8px !important;
    border: 1px solid rgba(214, 190, 156, 0.72) !important;
    border-radius: 11px !important;
    background: #fffaf1 !important;
    overflow: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-start-col {
    align-items: center !important;
    gap: 4px !important;
    padding-top: 2px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    font-size: 14px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 33px !important;
    height: 33px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-top {
    gap: 5px !important;
    margin-bottom: 3px !important;
    align-items: flex-start !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree {
    font-size: 9.5px !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    display: grid !important;
    gap: 6px !important;
    margin-top: 8px !important;
    padding-top: 7px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.08) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people-secondary {
    display: contents !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 23px !important;
    padding: 3px 5px !important;
    border: 1px solid rgba(181, 137, 72, 0.13) !important;
    border-radius: 7px !important;
    background: rgba(255, 253, 248, 0.8) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey {
    grid-column: 1 / -1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon i {
    font-size: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    justify-content: center !important;
    min-width: 0 !important;
    padding-inline: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: stretch !important;
    padding-top: 7px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.08) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odds-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
  }
}

/* Final program responsive contract. This must stay last: full data, no clipping. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page.pgd-page-program .pgd-demo-shell {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 104px) !important;
    overflow-x: hidden !important;
  }

  /* The guide and footer follow the list; footer-ui.css already clears the fixed mobile menu. */
  html body:not(.pgd-board-screen-body) .pgd-page.pgd-page-program.pgd-program-lineup .pgd-demo-shell {
    padding-bottom: 0 !important;
  }

  body:has(.pgd-page-program) .pgd-mobile-quicknav-inner {
    gap: 0 !important;
    min-height: 68px !important;
    padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
  }

  body:has(.pgd-page-program) .pgd-mobile-quicknav-icon {
    width: auto !important;
    min-width: 0 !important;
    height: 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:has(.pgd-page-program) .pgd-scroll-top {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 90px) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-shell,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-main,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-rows {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-head {
    display: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-rows {
    display: grid !important;
    gap: 10px !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-areas: "start horse" !important;
    gap: 0 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 10px 9px !important;
    border: 1px solid rgba(214, 190, 156, 0.74) !important;
    border-radius: 12px !important;
    background: #fffaf1 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-start-col,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row > :nth-child(1) {
    display: flex !important;
    grid-area: start !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row > .pgd-lineup-horse,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row > :nth-child(2) {
    display: block !important;
    grid-area: horse !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
    min-width: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 36px !important;
    height: 36px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd strong {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: initial !important;
    line-clamp: initial !important;
    -webkit-box-orient: initial !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name {
    display: inline !important;
    max-width: 100% !important;
    color: #19130c !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree {
    display: block !important;
    margin-top: 2px !important;
    color: #6f5b43 !important;
    font-size: 9.8px !important;
    line-height: 1.32 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-inline,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-row,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-seg,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-part {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree .sire,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree .dam,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree .damsire {
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 9px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.09) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people-secondary {
    display: contents !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person {
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: start !important;
    min-height: 24px !important;
    padding: 4px 6px !important;
    border: 1px solid rgba(181, 137, 72, 0.14) !important;
    border-radius: 7px !important;
    background: rgba(255, 253, 248, 0.78) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 7px !important;
    align-items: start !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    align-items: stretch !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.09) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odds-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    padding: 12px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 46px !important;
    height: 46px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    justify-content: flex-end !important;
    width: auto !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .pgd-page-program .pgd-lineup-shell,
  html body .pgd-page-program .pgd-lineup-main,
  html body .pgd-board-screen .pgd-lineup-shell,
  html body .pgd-board-screen .pgd-lineup-main {
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body .pgd-page-program .pgd-lineup-head,
  html body .pgd-board-screen .pgd-lineup-head {
    display: none !important;
  }

  html body .pgd-page-program .pgd-lineup-rows,
  html body .pgd-board-screen .pgd-lineup-rows {
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    background: transparent !important;
  }

  html body .pgd-page-program .pgd-lineup-row,
  html body .pgd-board-screen .pgd-lineup-row {
    display: grid !important;
    grid-template-columns: 34px 48px minmax(0, 1.4fr) minmax(0, 0.9fr) 116px !important;
    grid-template-areas:
      "start photo horse horse actions"
      "start photo taki form actions"
      "start photo jockey roles actions"
      "start photo kgs agf actions"
      "start photo gny style actions" !important;
    gap: 8px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(214, 190, 156, 0.72) !important;
    border-radius: 12px !important;
    background: #fffaf1 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body .pgd-page-program .pgd-lineup-start-col,
  html body .pgd-board-screen .pgd-lineup-start-col {
    display: grid !important;
    grid-area: start !important;
    gap: 5px !important;
    justify-items: center !important;
    align-content: start !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-photo,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-photo {
    display: flex !important;
    grid-area: photo !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-horse,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-horse {
    display: block !important;
    grid-area: horse !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-taki-col,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-taki-col {
    display: block !important;
    grid-area: taki !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-stack--jockey,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-stack--jockey {
    display: grid !important;
    grid-area: jockey !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-stack--roles,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-stack--roles {
    display: grid !important;
    grid-area: roles !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-form,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-form {
    display: flex !important;
    flex-wrap: wrap !important;
    grid-area: form !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--kgs,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--kgs {
    display: grid !important;
    grid-area: kgs !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--agf,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--agf {
    display: grid !important;
    grid-area: agf !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--gny,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--gny {
    display: grid !important;
    grid-area: gny !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--style,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--style {
    display: grid !important;
    grid-area: style !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-cta-cell.pgd-lineup-cta-cell--actions,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-cta-cell.pgd-lineup-cta-cell--actions {
    display: grid !important;
    grid-area: actions !important;
    grid-template-columns: repeat(2, 30px) !important;
    gap: 6px !important;
    align-content: start !important;
    justify-content: end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  html body .pgd-page-program .pgd-lineup-horse-name,
  html body .pgd-board-screen .pgd-lineup-horse-name,
  html body .pgd-page-program .pgd-lineup-pedigree,
  html body .pgd-board-screen .pgd-lineup-pedigree,
  html body .pgd-page-program .pgd-lineup-stack-link,
  html body .pgd-board-screen .pgd-lineup-stack-link {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  html body .pgd-page-program .pgd-lineup-score-grid,
  html body .pgd-board-screen .pgd-lineup-score-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body .pgd-page-program .pgd-lineup-taki-row,
  html body .pgd-board-screen .pgd-lineup-taki-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
}

/* Rescue pass after full-data attempt: compact without dropping fields. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 0 8px !important;
    padding: 9px 8px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 32px !important;
    height: 32px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name {
    font-size: 13px !important;
    line-height: 1.14 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree {
    font-size: 9px !important;
    line-height: 1.22 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    gap: 5px !important;
    margin-top: 6px !important;
    padding-top: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person {
    grid-template-columns: 12px minmax(0, 1fr) !important;
    gap: 3px !important;
    min-height: 21px !important;
    padding: 3px 4px !important;
    align-items: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon {
    width: 12px !important;
    min-width: 12px !important;
    height: 12px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon i {
    font-size: 8.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link {
    font-size: 8.8px !important;
    line-height: 1.08 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills .pgd-lineup-form-pill {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
    font-size: 9px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    min-height: 19px !important;
    padding: 2px 5px !important;
    justify-content: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    font-size: 8.5px !important;
    line-height: 1.05 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat.is-taki {
    grid-column: 1 / -1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    gap: 5px !important;
    align-items: center !important;
    padding-top: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odds-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd {
    padding: 3px 4px !important;
    border-radius: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd small {
    font-size: 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd strong {
    font-size: 9.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    width: auto !important;
    min-width: max-content !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action,
  html body:not(.pgd-board-screen-body) .pgd-page-program button.pgd-lineup-mobile-action {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    padding: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 40px !important;
    height: 40px !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .pgd-page-program .pgd-lineup-shell,
  html body .pgd-page-program .pgd-lineup-main,
  html body .pgd-board-screen .pgd-lineup-shell,
  html body .pgd-board-screen .pgd-lineup-main {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body .pgd-page-program .pgd-lineup-head,
  html body .pgd-board-screen .pgd-lineup-head,
  html body .pgd-page-program .pgd-lineup-row,
  html body .pgd-board-screen .pgd-lineup-row {
    display: grid !important;
    grid-template-columns:
      24px
      18px
      28px
      minmax(150px, 1.35fr)
      34px
      minmax(92px, 0.78fr)
      minmax(102px, 0.82fr)
      72px
      74px
      48px
      42px
      48px
      112px !important;
    grid-template-areas: none !important;
    min-width: 940px !important;
    column-gap: 6px !important;
    row-gap: 0 !important;
    align-items: start !important;
    border-radius: 0 !important;
  }

  html body .pgd-page-program .pgd-lineup-head,
  html body .pgd-board-screen .pgd-lineup-head {
    display: grid !important;
    align-items: center !important;
  }

  html body .pgd-page-program .pgd-lineup-row,
  html body .pgd-board-screen .pgd-lineup-row {
    min-height: 54px !important;
    padding: 8px 10px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: #fff !important;
  }

  html body .pgd-page-program .pgd-lineup-start-col,
  html body .pgd-board-screen .pgd-lineup-start-col {
    display: contents !important;
  }

  html body .pgd-page-program .pgd-lineup-row .pgd-lineup-no,
  html body .pgd-board-screen .pgd-lineup-row .pgd-lineup-no {
    grid-column: 1 !important;
  }

  html body .pgd-page-program .pgd-lineup-row .pgd-lineup-rank,
  html body .pgd-board-screen .pgd-lineup-row .pgd-lineup-rank {
    grid-column: 2 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-photo,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-photo {
    grid-column: 3 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-horse,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-horse {
    grid-column: 4 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-taki-col,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-taki-col {
    grid-column: 5 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-stack--jockey,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-stack--jockey {
    grid-column: 6 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-stack--roles,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-stack--roles {
    grid-column: 7 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-form,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-form {
    grid-column: 8 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--kgs,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--kgs {
    grid-column: 9 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--agf,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--agf {
    grid-column: 10 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--gny,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--gny {
    grid-column: 11 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-metric--style,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-metric--style {
    grid-column: 12 !important;
  }

  html body .pgd-page-program .pgd-lineup-row > .pgd-lineup-cta-cell.pgd-lineup-cta-cell--actions,
  html body .pgd-board-screen .pgd-lineup-row > .pgd-lineup-cta-cell.pgd-lineup-cta-cell--actions {
    grid-column: 13 !important;
    grid-area: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, 22px) !important;
    width: 112px !important;
    min-width: 112px !important;
    justify-content: end !important;
    gap: 4px !important;
  }
}

/* Desktop-aligned mobile polish: flat rows, compact metadata, full fields. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 0 8px !important;
    padding: 8px !important;
    border-radius: 6px !important;
    background: #fffaf3 !important;
    border: 1px solid rgba(214, 190, 156, 0.78) !important;
    box-shadow: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-start-col {
    gap: 3px !important;
    padding-top: 1px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    border-radius: 4px !important;
    background: #fffefa !important;
    border-color: rgba(214, 190, 156, 0.68) !important;
    color: #8b5d18 !important;
    font-size: 13px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 32px !important;
    height: 32px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-top {
    gap: 4px !important;
    margin-bottom: 2px !important;
    align-items: flex-start !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name {
    color: #21170e !important;
    font-size: 13.6px !important;
    line-height: 1.14 !important;
    font-weight: 850 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-chip {
    min-height: 15px !important;
    padding: 1px 4px !important;
    border-radius: 4px !important;
    font-size: 7.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree {
    margin-top: 2px !important;
    color: #6d5941 !important;
    font-size: 9.3px !important;
    line-height: 1.26 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-inline,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-row,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-seg,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-part,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree .sire,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree .dam,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree .damsire {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 100% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    display: grid !important;
    gap: 7px !important;
    margin-top: 7px !important;
    padding-top: 7px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.1) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 12px !important;
    min-width: 0 !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid rgba(74, 49, 16, 0.08) !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people-secondary {
    display: contents !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey {
    flex: 1 1 100% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-owner,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-trainer {
    flex: 1 1 calc(50% - 8px) !important;
    max-width: calc(50% - 6px) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon {
    width: 12px !important;
    min-width: 12px !important;
    height: 12px !important;
    color: #a87322 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon i {
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext {
    color: #3e2d18 !important;
    font-size: 9.5px !important;
    line-height: 1.16 !important;
    font-weight: 760 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-label {
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 7px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills .pgd-lineup-form-pill {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    border-radius: 2px !important;
    font-size: 8.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    align-items: center !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    min-height: 16px !important;
    padding: 2px 5px !important;
    border: 1px solid rgba(31, 122, 169, 0.16) !important;
    border-radius: 3px !important;
    background: rgba(238, 248, 255, 0.68) !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    color: #275d7c !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat.is-taki {
    flex: 1 1 100% !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    margin-top: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat.is-taki strong {
    color: #7b6346 !important;
    font-size: 8.3px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 8px !important;
    padding-top: 7px !important;
    border-top: 1px solid rgba(74, 49, 16, 0.08) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odds-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px 10px !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 3px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd small {
    display: inline !important;
    color: #8a6b3f !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd strong {
    display: inline !important;
    color: #21170e !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    width: auto !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action,
  html body:not(.pgd-board-screen-body) .pgd-page-program button.pgd-lineup-mobile-action {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    border-radius: 4px !important;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    padding: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 40px !important;
    height: 40px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    gap: 4px 14px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext {
    font-size: 10px !important;
  }
}

/* Mobile race header: keep pist tags up, put weather + actions on a compact lower row. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    row-gap: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__meta::before {
    content: "" !important;
    order: 19 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge {
    order: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge--pist,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge--track {
    order: 1 !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline {
    order: 20 !important;
    display: inline-flex !important;
    flex: 1 1 calc(100% - 144px) !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 112px !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(214, 190, 156, 0.56) !important;
    border-radius: 6px !important;
    background: #fffdf8 !important;
    color: #6b5130 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline .pgd-program-head__weather-main,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline .pgd-program-head__weather-meta {
    display: inline !important;
    min-width: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline .pgd-program-head__weather-main {
    flex: 0 1 auto !important;
    color: #4f3b1f !important;
    font-weight: 850 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline .pgd-program-head__weather-meta {
    flex: 0 1 auto !important;
    color: #8a6b3f !important;
    font-weight: 700 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline {
    order: 21 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: 26px !important;
    min-width: 60px !important;
    min-height: 26px !important;
    padding: 0 7px !important;
    gap: 4px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-detail {
    border-color: rgba(189, 134, 43, 0.36) !important;
    background: #fff7e6 !important;
    color: #8a5c16 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    order: 22 !important;
    min-width: 68px !important;
    border-color: rgba(44, 124, 171, 0.32) !important;
    background: #eef7ff !important;
    color: #286f9c !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline i {
    font-size: 10.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn-label {
    display: inline-flex !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }
}

@media (max-width: 380px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge--pist,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge--track {
    flex-basis: auto !important;
    min-width: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline {
    flex-basis: calc(100% - 132px) !important;
    min-width: 92px !important;
    padding-inline: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline {
    min-width: 56px !important;
    padding-inline: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    min-width: 64px !important;
  }
}

/* Mobile cleanup: surface icon is enough; hipodrom picker behaves like a control. */
@media (max-width: 900px) {
  html body .pgd-page-program .pgd-program-head__badge--surface,
  html body .pgd-board-screen .pgd-program-head__badge--surface {
    gap: 4px !important;
    min-height: 22px !important;
    padding: 0 6px !important;
    border-radius: 6px !important;
  }

  html body .pgd-page-program .pgd-program-head__badge--surface .pgd2-pist-ico,
  html body .pgd-board-screen .pgd-program-head__badge--surface .pgd2-pist-ico {
    width: 13px !important;
    min-width: 13px !important;
    height: 13px !important;
  }

  html body .pgd-page-program .pgd-program-head__surface-label,
  html body .pgd-board-screen .pgd-program-head__surface-label {
    display: none !important;
  }

  html body .pgd-page-program .pgd-program-head__surface-label-mobile,
  html body .pgd-board-screen .pgd-program-head__surface-label-mobile {
    display: inline-flex !important;
    min-width: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  html body .pgd-page-program .pgd-program-head__badge--surface-icon-only,
  html body .pgd-board-screen .pgd-program-head__badge--surface-icon-only {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline {
    flex-basis: calc(100% - 130px) !important;
    min-width: 98px !important;
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline .pgd-program-head__weather-main,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline .pgd-program-head__weather-meta {
    font-size: 8.8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline {
    height: 24px !important;
    min-height: 24px !important;
    min-width: 56px !important;
    padding: 0 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    min-width: 64px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn-label {
    font-size: 9px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger {
    min-height: 44px !important;
    padding: 8px 11px !important;
    gap: 8px !important;
    border-radius: 8px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-kicker,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-kicker {
    display: none !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-copy,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-copy {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: baseline !important;
    gap: 2px 6px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-name,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-name {
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-meta,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-meta .pgd-hip-pist-mark,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-meta .pgd-hip-pist-mark {
    width: 13px !important;
    min-width: 13px !important;
    height: 13px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-side,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-side {
    width: 24px !important;
    min-width: 24px !important;
    justify-content: center !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-sheet-panel,
  html body .pgd-board-screen .pgd-program-hip-mobile-sheet-panel {
    max-height: min(68vh, 520px) !important;
    border-top-width: 2px !important;
    border-radius: 8px 8px 0 0 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-sheet-head,
  html body .pgd-board-screen .pgd-program-hip-mobile-sheet-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 9px 12px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-sheet-kicker,
  html body .pgd-board-screen .pgd-program-hip-mobile-sheet-kicker {
    display: none !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-sheet-title,
  html body .pgd-board-screen .pgd-program-hip-mobile-sheet-title {
    font-size: 15px !important;
    line-height: 1.05 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-sheet-close,
  html body .pgd-board-screen .pgd-program-hip-mobile-sheet-close {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 6px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-list,
  html body .pgd-board-screen .pgd-program-hip-mobile-list {
    padding: 4px 0 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-option,
  html body .pgd-board-screen .pgd-program-hip-mobile-option {
    min-height: 42px !important;
    padding: 9px 12px !important;
    gap: 8px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-option-name,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-name {
    font-size: 14px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-option-meta,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px 8px !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    flex: 0 0 100% !important;
    gap: 3px 10px !important;
    padding-bottom: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-owner,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-trainer {
    flex: 0 1 auto !important;
    max-width: calc(50% - 5px) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    flex: 1 1 118px !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 112px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    gap: 4px 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    flex: 1 1 150px !important;
    gap: 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    min-height: 15px !important;
    padding: 1px 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    flex: 0 0 100% !important;
    align-items: center !important;
    padding-top: 5px !important;
  }
}

/* Hard stop for the horse-card gap: keep mobile lineup data in normal compact flow. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__meta {
    gap: 5px !important;
    row-gap: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline {
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    flex-basis: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn-label {
    display: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    align-items: start !important;
    justify-content: stretch !important;
    gap: 5px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    order: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-content: start !important;
    align-items: center !important;
    gap: 3px 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey {
    grid-column: 1 / -1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-owner,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-trainer {
    max-width: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    order: 3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: start !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    flex: 0 0 auto !important;
    min-height: 15px !important;
    padding: 1px 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    order: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-top: 5px !important;
  }
}

/* Mobile hipodrom list: icon + race count + separator + name in one line. */
@media (max-width: 900px) {
  html body .pgd-page-program .pgd-program-hip-mobile-trigger:has(.pgd-program-hip-mobile-trigger-icon),
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger:has(.pgd-program-hip-mobile-trigger-icon) {
    grid-template-columns: 22px minmax(0, 1fr) 24px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-icon,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-icon,
  html body .pgd-page-program .pgd-program-hip-mobile-option-icon,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-icon .pgd-hip-pist-mark,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-icon .pgd-hip-pist-mark,
  html body .pgd-page-program .pgd-program-hip-mobile-option-icon .pgd-hip-pist-mark,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-icon .pgd-hip-pist-mark {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-copy,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-copy,
  html body .pgd-page-program .pgd-program-hip-mobile-option-copy,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-copy,
  html body .pgd-galoplar-page .pgd-program-hip-mobile-option-copy {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-line,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-line {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-meta,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-meta,
  html body .pgd-page-program .pgd-program-hip-mobile-option-meta,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-meta,
  html body .pgd-galoplar-page .pgd-program-hip-mobile-option-meta {
    display: none !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-count,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-count,
  html body .pgd-page-program .pgd-program-hip-mobile-option-count,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-count,
  html body .pgd-galoplar-page .pgd-program-hip-mobile-option-count {
    flex: 0 0 auto !important;
    color: #2f9b5d !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-separator,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-separator,
  html body .pgd-page-program .pgd-program-hip-mobile-option-separator,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-separator,
  html body .pgd-galoplar-page .pgd-program-hip-mobile-option-separator {
    flex: 0 0 auto !important;
    color: rgba(74, 49, 16, 0.28) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-trigger-name,
  html body .pgd-board-screen .pgd-program-hip-mobile-trigger-name,
  html body .pgd-page-program .pgd-program-hip-mobile-option-name,
  html body .pgd-board-screen .pgd-program-hip-mobile-option-name,
  html body .pgd-galoplar-page .pgd-program-hip-mobile-option-name {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #24170a !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-option,
  html body .pgd-board-screen .pgd-program-hip-mobile-option,
  html body .pgd-galoplar-page .pgd-program-hip-mobile-option {
    grid-template-columns: minmax(0, 1fr) 24px !important;
    align-items: center !important;
    min-height: 46px !important;
    padding: 0 12px !important;
  }

  html body .pgd-page-program .pgd-program-hip-mobile-option:has(.pgd-program-hip-mobile-option-icon),
  html body .pgd-board-screen .pgd-program-hip-mobile-option:has(.pgd-program-hip-mobile-option-icon),
  html body .pgd-galoplar-page .pgd-program-hip-mobile-option:has(.pgd-program-hip-mobile-option-icon) {
    grid-template-columns: 22px minmax(0, 1fr) 24px !important;
  }
}

/* Compact mobile calendar sheet for program and AI analysis. */
@media (max-width: 900px) {
  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel.open,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel.open,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel.open,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel.open {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(336px, calc(100vw - 16px)) !important;
    max-width: min(336px, calc(100vw - 16px)) !important;
    max-height: min(78vh, 430px) !important;
    padding: 10px !important;
    border-top-width: 2px !important;
    border-radius: 8px !important;
    transform: translate(-50%, -50%) !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-head,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-head,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-head,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-head {
    grid-template-columns: 28px 1fr 28px !important;
    gap: 6px !important;
    margin-bottom: 7px !important;
    padding-bottom: 6px !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-title,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-title,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-title,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-title {
    font-size: 13px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-nav,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-nav,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-nav,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-nav {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-weekdays,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-weekdays,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-weekdays,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-weekdays {
    gap: 3px !important;
    margin: 4px 0 5px !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-weekdays span,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-weekdays span,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-weekdays span,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-weekdays span {
    min-height: 17px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-grid,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-grid,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-grid,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-grid {
    gap: 3px !important;
    margin-top: 4px !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-day,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-day,
  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-grid button,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-grid button,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-day,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-day,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-grid button,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-grid button {
    min-height: 29px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-foot,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-foot,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-foot,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-foot {
    gap: 6px !important;
    margin-top: 7px !important;
    padding-top: 7px !important;
  }

  html body .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-action,
  html body .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-action,
  .pgd-page-program .pgd-mobile-date-caldock .pgd-date-panel-action,
  .pgd-board-screen .pgd-mobile-date-caldock .pgd-date-panel-action {
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
}

/* 2026 mobile race refresh: one fluid contract from small phones to compact tablets. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program {
    --pgd-mrace-page: #f7f3ed;
    --pgd-mrace-card: #fffefd;
    --pgd-mrace-soft: #fbf8f3;
    --pgd-mrace-line: rgba(91, 64, 30, 0.13);
    --pgd-mrace-line-strong: rgba(173, 118, 33, 0.3);
    --pgd-mrace-ink: #251a0e;
    --pgd-mrace-muted: #796a58;
    --pgd-mrace-gold: #b97816;
    --pgd-mrace-gold-soft: #fff4df;
    --pgd-mrace-blue: #2b6787;
    --pgd-mrace-blue-soft: #edf6fb;
    --pgd-mrace-green: #277a50;
    --pgd-mrace-shadow: 0 8px 24px rgba(71, 47, 18, 0.07);
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-demo-shell,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-workspace-board {
    background: var(--pgd-mrace-page) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-wrap {
    margin: 0 !important;
    padding: 2px 0 8px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-tabs {
    gap: 7px !important;
    padding: 2px 2px 5px !important;
    scroll-padding-inline: 2px !important;
    scroll-snap-type: x proximity !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-tab {
    flex: 0 0 66px !important;
    width: 66px !important;
    min-width: 66px !important;
    min-height: 50px !important;
    padding: 6px 7px !important;
    border: 1px solid var(--pgd-mrace-line) !important;
    border-radius: 12px !important;
    background: var(--pgd-mrace-card) !important;
    box-shadow: 0 3px 10px rgba(71, 47, 18, 0.04) !important;
    scroll-snap-align: start !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-tab.aktif,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-tab.active {
    border-color: var(--pgd-mrace-line-strong) !important;
    background: var(--pgd-mrace-gold-soft) !important;
    box-shadow: inset 0 -3px 0 var(--pgd-mrace-gold) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-no {
    color: var(--pgd-mrace-ink) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-saat {
    color: var(--pgd-mrace-muted) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kb-outer {
    margin: 0 0 10px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head {
    gap: 0 !important;
    padding: 13px !important;
    border: 1px solid var(--pgd-mrace-line) !important;
    border-radius: 15px !important;
    background: var(--pgd-mrace-card) !important;
    box-shadow: var(--pgd-mrace-shadow) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__left {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 11px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-card {
    width: 48px !important;
    min-width: 48px !important;
    min-height: 50px !important;
    padding: 5px !important;
    border: 1px solid var(--pgd-mrace-line-strong) !important;
    border-radius: 11px !important;
    background: var(--pgd-mrace-gold-soft) !important;
    box-shadow: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-num {
    color: var(--pgd-mrace-gold) !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-label,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-time {
    color: var(--pgd-mrace-muted) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__title-row {
    gap: 6px !important;
    margin-bottom: 7px !important;
    align-items: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__state {
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    border-radius: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__title {
    color: var(--pgd-mrace-ink) !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__meta {
    gap: 6px !important;
    row-gap: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__surface,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge {
    min-height: 23px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 9px !important;
    border-color: var(--pgd-mrace-line) !important;
    border-radius: 9px !important;
    background: var(--pgd-mrace-soft) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather-main,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather-meta {
    color: var(--pgd-mrace-muted) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    flex-basis: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 9px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-rows {
    display: grid !important;
    gap: 12px !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 0 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 13px 13px !important;
    border: 1px solid var(--pgd-mrace-line) !important;
    border-radius: 16px !important;
    background: var(--pgd-mrace-card) !important;
    box-shadow: var(--pgd-mrace-shadow) !important;
    overflow: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row.is-active {
    border-color: var(--pgd-mrace-line-strong) !important;
    box-shadow: 0 9px 26px rgba(128, 83, 18, 0.11) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row.is-active::before {
    background: var(--pgd-mrace-gold) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-start-col {
    gap: 5px !important;
    padding-top: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border: 1px solid var(--pgd-mrace-line-strong) !important;
    border-radius: 11px !important;
    background: var(--pgd-mrace-gold-soft) !important;
    color: var(--pgd-mrace-gold) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-rank {
    min-height: 16px !important;
    color: var(--pgd-mrace-muted) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-cell {
    min-width: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-top {
    gap: 6px !important;
    margin-bottom: 3px !important;
    align-items: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name .pgd-lineup-linktext {
    color: var(--pgd-mrace-ink) !important;
    font-size: 16px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: -0.015em !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-chip,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-kosmaz-badge {
    min-height: 18px !important;
    padding: 2px 5px !important;
    border-radius: 6px !important;
    font-size: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree a {
    color: var(--pgd-mrace-muted) !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.9fr) !important;
    gap: 9px 10px !important;
    width: 100% !important;
    margin-top: 11px !important;
    padding-top: 11px !important;
    border-top: 1px solid var(--pgd-mrace-line) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    order: 1 !important;
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people-secondary {
    display: contents !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-owner,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-trainer {
    display: grid !important;
    grid-column: auto !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 42px !important;
    padding: 7px 8px !important;
    border: 1px solid var(--pgd-mrace-line) !important;
    border-radius: 10px !important;
    background: var(--pgd-mrace-soft) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon {
    display: inline-flex !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    background: var(--pgd-mrace-gold-soft) !important;
    color: var(--pgd-mrace-gold) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon i {
    font-size: 11px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-copy {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-label {
    display: block !important;
    color: var(--pgd-mrace-muted) !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--pgd-mrace-ink) !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    order: 2 !important;
    display: grid !important;
    grid-column: 1 !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 7px 9px !important;
    border: 1px solid var(--pgd-mrace-line) !important;
    border-radius: 10px !important;
    background: var(--pgd-mrace-soft) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-label {
    color: var(--pgd-mrace-muted) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills::-webkit-scrollbar {
    display: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills .pgd-lineup-form-pill {
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    border-radius: 5px !important;
    font-size: 9px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    order: 3 !important;
    display: grid !important;
    grid-column: 2 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 6px 5px !important;
    align-content: center !important;
    justify-items: center !important;
    border: 1px solid rgba(43, 103, 135, 0.13) !important;
    border-radius: 9px !important;
    background: var(--pgd-mrace-blue-soft) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat small {
    display: block !important;
    color: var(--pgd-mrace-muted) !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    color: var(--pgd-mrace-blue) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat.is-taki {
    display: flex !important;
    grid-column: 1 / -1 !important;
    gap: 5px !important;
    min-height: 0 !important;
    padding: 1px 0 0 !important;
    justify-content: flex-start !important;
    align-items: baseline !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat.is-taki strong {
    color: var(--pgd-mrace-ink) !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    order: 4 !important;
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding-top: 10px !important;
    border-top: 1px solid var(--pgd-mrace-line) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odds-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 6px 5px !important;
    align-content: center !important;
    border: 1px solid var(--pgd-mrace-line) !important;
    border-radius: 9px !important;
    background: var(--pgd-mrace-soft) !important;
    text-align: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd small {
    display: block !important;
    color: var(--pgd-mrace-muted) !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd strong {
    display: block !important;
    overflow: hidden !important;
    color: var(--pgd-mrace-ink) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: auto !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action,
  html body:not(.pgd-board-screen-body) .pgd-page-program button.pgd-lineup-mobile-action {
    display: inline-flex !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--pgd-mrace-line-strong) !important;
    border-radius: 11px !important;
    background: var(--pgd-mrace-card) !important;
    color: var(--pgd-mrace-gold) !important;
    box-shadow: none !important;
    font-size: 15px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action.is-video {
    border-color: var(--pgd-mrace-gold) !important;
    background: var(--pgd-mrace-gold) !important;
    color: #fff !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action.is-galop {
    border-color: rgba(39, 122, 80, 0.28) !important;
    background: rgba(39, 122, 80, 0.09) !important;
    color: var(--pgd-mrace-green) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action:focus-visible,
  html body:not(.pgd-board-screen-body) .pgd-page-program button.pgd-lineup-mobile-action:focus-visible,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-tab:focus-visible {
    outline: 3px solid rgba(185, 120, 22, 0.28) !important;
    outline-offset: 2px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row.is-kosmaz {
    opacity: 0.68 !important;
  }
}

@media (max-width: 640px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-tab {
    flex-basis: 62px !important;
    width: 62px !important;
    min-width: 62px !important;
    min-height: 48px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head {
    padding: 12px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__left {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-card {
    width: 46px !important;
    min-width: 46px !important;
    min-height: 48px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__title {
    font-size: 14px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__surface,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge {
    min-height: 22px !important;
    padding-inline: 7px !important;
    font-size: 8.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-rows {
    gap: 11px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 0 10px !important;
    padding: 12px 11px 11px !important;
    border-radius: 15px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    font-size: 17px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name .pgd-lineup-linktext {
    font-size: 15px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree a {
    font-size: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-owner,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-trainer {
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 6px !important;
    min-height: 38px !important;
    padding: 6px 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey {
    grid-column: 1 / -1 !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 6px !important;
    min-height: 38px !important;
    padding: 6px 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext {
    font-size: 10.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    grid-column: 1 !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    grid-column: 1 !important;
    gap: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    min-height: 39px !important;
    padding: 6px 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    grid-column: 1 !important;
    gap: 8px !important;
    padding-top: 9px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odds-row {
    gap: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd {
    min-height: 36px !important;
    padding: 5px 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action,
  html body:not(.pgd-board-screen-body) .pgd-page-program button.pgd-lineup-mobile-action {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 360px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 0 8px !important;
    padding-inline: 9px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey {
    grid-column: 1 / -1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    justify-content: flex-start !important;
  }
}

/* Compact correction: one card, fewer boxes, no clipped race data. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-kt-tab {
    flex-basis: 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    min-height: 43px !important;
    padding: 5px 6px !important;
    border-radius: 9px !important;
    box-shadow: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head {
    padding: 9px 10px !important;
    border-radius: 11px !important;
    box-shadow: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__left {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-card {
    width: 40px !important;
    min-width: 40px !important;
    min-height: 42px !important;
    padding: 3px !important;
    border-radius: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-num {
    font-size: 17px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__title-row {
    margin-bottom: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__title {
    font-size: 13.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__surface,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge {
    min-height: 19px !important;
    padding: 2px 6px !important;
    font-size: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline {
    min-height: 24px !important;
    height: auto !important;
    padding: 3px 7px !important;
    border-radius: 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    flex-basis: 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 24px !important;
    min-height: 24px !important;
    border-radius: 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-rows {
    gap: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 0 9px !important;
    padding: 10px !important;
    border-radius: 11px !important;
    box-shadow: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row.is-active {
    box-shadow: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row::before {
    width: 2px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-top {
    gap: 4px !important;
    margin-bottom: 2px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name .pgd-lineup-linktext {
    display: block !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree a,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-inline,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-row {
    display: block !important;
    overflow: visible !important;
    max-width: 100% !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-linkmark {
    display: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.8fr) !important;
    gap: 5px 10px !important;
    margin-top: 7px !important;
    padding-top: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px 12px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-owner,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-trainer {
    grid-template-columns: 13px minmax(0, 1fr) !important;
    gap: 4px !important;
    min-height: 18px !important;
    padding: 1px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon {
    width: 13px !important;
    min-width: 13px !important;
    height: 13px !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon i {
    font-size: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-copy {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 3px !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-label {
    flex: 0 0 auto !important;
    font-size: 6.5px !important;
    letter-spacing: 0.04em !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-label::after {
    content: ":" !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext {
    display: inline !important;
    overflow: visible !important;
    max-width: 100% !important;
    color: var(--pgd-mrace-ink) !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    min-height: 0 !important;
    padding: 3px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-label {
    font-size: 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    flex-wrap: wrap !important;
    gap: 3px 5px !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills .pgd-lineup-form-pill {
    flex-basis: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    border-radius: 3px !important;
    font-size: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    padding: 4px 2px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--pgd-mrace-blue-soft) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    display: grid !important;
    flex: 1 1 25% !important;
    gap: 2px !important;
    min-height: 26px !important;
    padding: 2px 5px !important;
    border: 0 !important;
    border-right: 1px solid rgba(43, 103, 135, 0.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:nth-child(4) {
    border-right: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat small {
    font-size: 6.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    overflow: visible !important;
    font-size: 9.5px !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat.is-taki {
    display: flex !important;
    flex: 0 0 100% !important;
    gap: 4px !important;
    min-height: 0 !important;
    margin-top: 3px !important;
    padding: 3px 4px 0 !important;
    border-top: 1px solid rgba(43, 103, 135, 0.1) !important;
    border-right: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    gap: 8px !important;
    padding-top: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odds-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px 12px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd {
    display: inline-flex !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd small {
    display: inline !important;
    font-size: 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd strong {
    display: inline !important;
    overflow: visible !important;
    max-width: none !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    gap: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action,
  html body:not(.pgd-board-screen-body) .pgd-page-program button.pgd-lineup-mobile-action {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    font-size: 12px !important;
  }
}

@media (max-width: 640px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 0 8px !important;
    padding: 9px 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    font-size: 14px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name .pgd-lineup-linktext {
    font-size: 13px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 3px 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey {
    grid-column: 1 / -1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    grid-column: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 360px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey {
    grid-column: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat {
    flex-basis: 50% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:nth-child(2) {
    border-right: 0 !important;
  }
}

/* Final density contract: no nested cards, no oversized metric panel. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-rows {
    gap: 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-row {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 0 8px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-no {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-headgrid {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-silk .pgd-lineup-silk img {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-horse-name .pgd-lineup-linktext {
    font-size: 13px !important;
    line-height: 1.12 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-pedigree a,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-inline,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-ped-row {
    font-size: 8px !important;
    line-height: 1.15 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-chip,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-kosmaz-badge {
    min-height: 14px !important;
    padding: 1px 4px !important;
    border-radius: 999px !important;
    font-size: 6.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-taki-chip {
    color: var(--pgd-mrace-muted) !important;
    background: transparent !important;
    border-color: var(--pgd-mrace-line) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-foot {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    margin-top: 5px !important;
    padding-top: 5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    order: 1 !important;
    display: grid !important;
    grid-column: 1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2px 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-owner,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-trainer {
    grid-template-columns: 10px minmax(0, 1fr) !important;
    gap: 3px !important;
    min-height: 14px !important;
    padding: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon {
    width: 10px !important;
    min-width: 10px !important;
    height: 10px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-icon i {
    font-size: 6.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-copy {
    gap: 2px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-label {
    font-size: 5.8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext {
    font-size: 8px !important;
    line-height: 1.1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    order: 2 !important;
    display: grid !important;
    grid-column: 1 !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 4px !important;
    min-height: 15px !important;
    padding: 1px 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-label {
    font-size: 6.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    gap: 2px 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills .pgd-lineup-form-pill {
    flex-basis: 14px !important;
    width: 14px !important;
    min-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 7.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    order: 3 !important;
    display: flex !important;
    grid-column: 1 !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 2px 0 !important;
    min-height: 14px !important;
    padding: 1px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:nth-child(4) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 2px !important;
    min-height: 0 !important;
    padding: 0 7px !important;
    align-items: baseline !important;
    border: 0 !important;
    border-right: 1px solid var(--pgd-mrace-line) !important;
    background: transparent !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:first-child {
    padding-left: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:last-child {
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat small {
    color: var(--pgd-mrace-muted) !important;
    font-size: 6.5px !important;
    line-height: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    color: var(--pgd-mrace-ink) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    order: 4 !important;
    display: grid !important;
    grid-column: 1 !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    gap: 6px !important;
    min-height: 26px !important;
    padding-top: 3px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odds-row {
    flex-wrap: nowrap !important;
    gap: 4px 9px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd {
    gap: 2px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd small {
    font-size: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd strong {
    font-size: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    gap: 3px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-action,
  html body:not(.pgd-board-screen-body) .pgd-page-program button.pgd-lineup-mobile-action {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    border-radius: 50% !important;
    font-size: 10px !important;
  }
}

@media (max-width: 640px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-people {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person.is-jockey {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 340px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    justify-content: flex-end !important;
  }
}

/* Form rail and legibility pass: fixed rhythm without increasing card height. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-label {
    color: var(--pgd-mrace-muted) !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    letter-spacing: 0.025em !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-link,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linkhint,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-value .pgd-lineup-linktext {
    font-size: 9px !important;
    font-weight: 780 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 5px !important;
    min-height: 19px !important;
    padding: 2px 0 !important;
    align-items: center !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-label {
    align-self: center !important;
    color: var(--pgd-mrace-muted) !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0.035em !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    gap: 3px !important;
    width: min(100%, 220px) !important;
    max-width: 220px !important;
    align-items: center !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills .pgd-lineup-form-pill {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 17px !important;
    min-height: 17px !important;
    padding: 0 1px 2px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-bottom: 2px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat small {
    font-size: 7px !important;
    font-weight: 750 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    font-size: 9px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd small {
    font-size: 7px !important;
    font-weight: 800 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd strong {
    font-size: 9px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    align-items: center !important;
    border-top-color: rgba(91, 64, 30, 0.09) !important;
  }
}

@media (max-width: 380px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-form-pills {
    width: 100% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-person-label,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat small,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-odd small {
    font-size: 6.5px !important;
  }
}

/* Pre-race header repair: compact, content-sized metadata on mobile. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__left {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    place-items: center !important;
    row-gap: 1px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    min-height: 40px !important;
    padding: 4px 2px !important;
    overflow: visible !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-num {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-copy {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    line-height: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-label {
    display: none !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__summary-time {
    display: block !important;
    width: 100% !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__title-row {
    margin-bottom: 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
    row-gap: 4px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__meta::before {
    content: none !important;
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    height: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__badge,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__surface {
    order: 1 !important;
    flex: 0 0 auto !important;
    min-height: 18px !important;
    padding: 1px 5px !important;
    border-radius: 999px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline {
    order: 2 !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    gap: 3px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 140px !important;
    min-height: 18px !important;
    height: 18px !important;
    padding: 1px 5px !important;
    border: 1px solid rgba(214, 190, 156, 0.42) !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 248, 0.72) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline .pgd-program-head__weather-main,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__weather--inline .pgd-program-head__weather-meta {
    display: inline-block !important;
    min-width: 0 !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    order: 3 !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-program-head__detail-btn--inline.is-analysis {
    order: 4 !important;
  }
}

/* Mobile metrics rail: one scan line, labels above values. */
@media (max-width: 900px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) minmax(44px, 1.35fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 30px !important;
    padding: 4px 0 3px !important;
    border-top: 1px solid rgba(91, 64, 30, 0.09) !important;
    border-bottom: 1px solid rgba(91, 64, 30, 0.09) !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:nth-child(2),
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:nth-child(4),
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:last-child {
    display: grid !important;
    grid-template-rows: 8px minmax(12px, auto) !important;
    place-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 3px !important;
    border: 0 !important;
    border-right: 1px solid rgba(91, 64, 30, 0.09) !important;
    background: transparent !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:last-child {
    border-right: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat small {
    display: block !important;
    align-self: start !important;
    color: var(--pgd-mrace-muted) !important;
    font-size: 6.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    display: block !important;
    align-self: end !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: var(--pgd-mrace-ink) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat.is-style strong {
    font-size: 8px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-bottombar {
    order: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-height: 25px !important;
    padding-top: 3px !important;
    border-top: 0 !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-actions {
    width: auto !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 380px) {
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stats {
    grid-template-columns: repeat(6, minmax(0, 1fr)) minmax(38px, 1.3fr) !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat,
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:nth-child(2),
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:nth-child(4),
  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat:last-child {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat small {
    font-size: 6px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat strong {
    font-size: 8.5px !important;
  }

  html body:not(.pgd-board-screen-body) .pgd-page-program .pgd-lineup-mobile-stat.is-style strong {
    font-size: 7.5px !important;
  }
}