/* css styles */
:root {
  --bs-heading-color: #4b4bb2;
  --bslib-color-bg: #7a401f;
}

/* Thin white navbar with subtle separator */
.navbar {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e0e0e0;
}

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

/* Thin lines between each row */
tbody td {
  border-bottom: 2.25px solid #b1b0b0; /* 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;
}

/* Responsive tables */
@media (max-width: 768px) {
  th {
    display: none;
  }
  tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  section .table td {
    padding: .5rem;
  }
  .home, .away, .competition, .spacer {
    border: 0;
  }
}