/* Native profile tables retain their existing mobile record cards.
   Desktop records size to their content and scroll inside the board. */
.v2-page,
.v2-page * {
  font-family: Inter, sans-serif !important;
}

.v2-page :is(h1, h2, h3, h4, .v2-title, .v2-eyebrow, .v2-facts dd) {
  font-family: Kanit, sans-serif !important;
}

.v2-page .v2-connections {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
}

@media (min-width: 760px) {
  .v2-page .v2-desktop-records,
  .v2-page .v2-table-wrap {
    max-width: 100%;
    overflow-x: auto;
  }

  .v2-page .v2-table {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
  }

  .v2-page .v2-table :is(th, td) {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }

  .v2-page .v2-table td:is(
    [data-label="Race"],
    [data-label="Winner / 2nd"],
    [data-label="Jockey"],
    [data-label="Trainer"]
  ) {
    min-width: 14ch;
    max-width: 32ch;
    white-space: normal;
  }
}

/* Public site chrome is 64px tall on both phone and desktop. */
.v2-page .v2-tabs {
  position: sticky;
  top: 64px;
  z-index: 4;
}