/* css styles */

/* Border colors, swapped when the dark mode toggle is on */
:root {
  --nav-border: #e0e0e0;
  --thead-border: black;
  --row-border: #b1b0b0;
}

body.quarto-dark {
  --nav-border: #333;
  --thead-border: #e0e0e0;
  --row-border: #444;
}

/* Thin white navbar with subtle separator */
.navbar {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--nav-border);
}

/* Thick border under the header */
thead th {
  border-bottom: 2px solid var(--thead-border) !important; /* Thick header line */
}

/* Thin lines between each row */
tbody td {
  border-bottom: 2.25px solid var(--row-border); /* Thin row line */
}

/* Core container adjustment */
.quarto-container {
  /* 95vw on mobile, caps at 1400px on desktop */
  width: 95vw !important;
  max-width: 1400px !important;
  
  margin-left: auto;
  margin-right: auto;
}

/* Ensure the content area fills that container */
#quarto-content {
  width: 100% !important;
  max-width: 100% !important;
}

/* Optional: Center the main text column for better readability */
.page-columns .content {
  margin-left: auto;
  margin-right: auto;
}

/* Phones: fit schedule tables and controls to the screen instead of scrolling sideways */
@media (max-width: 575.98px) {
  main .table {
    font-size: 0.8rem;
    letter-spacing: 0;
  }

  main .table th {
    font-size: 0.6rem;
    letter-spacing: 0;
  }

  main .table > :not(caption) > * > * {
    padding: 0.5rem 0.3rem;
  }

  /* Quarto lets links break mid-word ("Victory" / "+"); wrap network names at spaces only */
  main .table td a {
    word-break: normal;
  }

  main .btn-sm {
    padding: 0.35rem 0.65rem;
  }

  /* "Time zone:" on its own line so all five buttons fit on the next */
  .tz-toggle > span {
    flex-basis: 100%;
  }
}

/* Narrower phones (e.g. 320-360px): a little smaller still */
@media (max-width: 374.98px) {
  main .table {
    font-size: 0.7rem;
  }

  main .table th {
    font-size: 0.55rem;
  }

  main .table > :not(caption) > * > * {
    padding: 0.45rem 0.15rem;
  }
}
