/* Turniere, Rangliste, Impressum */

.page-wide {
  max-width: none;
}

/* Turniere */
#greeting {
  margin-bottom: var(--space-5);
}

.tournament-list {
  display: grid;
  gap: var(--space-4);
  max-width: 52rem;
}

.tournament {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3) var(--space-5);
}

.tournament-meta {
  margin-top: var(--space-1);
  color: var(--ju-gray-lt);
}

.tournament .label {
  margin-bottom: var(--space-2);
}

.tournament-body {
  min-width: min(100%, 18rem);
  flex: 1;
}

/* Rangliste */
.board {
  margin-bottom: var(--space-7);
}

.board h2 {
  margin-bottom: var(--space-3);
}

.board td:nth-child(n + 3),
.board th:nth-child(n + 3) {
  text-align: right;
}

.board th:nth-child(-n + 2),
.board td:nth-child(-n + 2) {
  position: sticky;
  left: 0;
  background: var(--ju-ink);
}

.board th:nth-child(-n + 2) {
  z-index: var(--z-sticky);
  background: var(--ju-panel);
}

.board th:nth-child(2),
.board td:nth-child(2) {
  left: 4.25rem;
}

.board th:first-child,
.board td:first-child {
  width: 4.25rem;
  min-width: 4.25rem;
  font-weight: 900;
}

.board td:nth-child(2) {
  font-weight: 700;
}

.board .top td:first-child {
  color: var(--ju-yellow);
  font-stretch: var(--ju-wide);
}

/* Auf der Leinwand aus fünf Metern lesbar */
@media (min-width: 1600px) {
  .board table {
    font-size: 1.375rem;
  }

  .board th {
    font-size: 1.125rem;
  }

  .board th:first-child,
  .board td:first-child {
    width: 6rem;
    min-width: 6rem;
  }

  .board th:nth-child(2),
  .board td:nth-child(2) {
    left: 6rem;
  }
}

/* Impressum */
.imprint {
  max-width: 44rem;
}

.imprint h2 {
  margin: var(--space-6) 0 var(--space-2);
  font-size: 1.125rem;
}

.imprint p + p {
  margin-top: var(--space-3);
}

.imprint a {
  overflow-wrap: anywhere;
}