/* ── Layout override — explicit 2-column grid with placed children ── */
#quarto-content.page-columns {
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  column-gap: 2em !important;
  max-width: 95vw !important;
  width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#quarto-content > #quarto-sidebar-toc-left {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

#quarto-content > main.content,
#quarto-content > #quarto-document-content {
  grid-column: 2 !important;
  grid-row: 1 !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* Right margin-sidebar is usually empty in these reports — hide to reclaim space */
#quarto-content > #quarto-margin-sidebar {
  display: none !important;
}

/* Figures and images fill the wider content column */
.quarto-figure, figure {
  max-width: 100% !important;
  width: 100% !important;
}
img {
  max-width: 100% !important;
  height: auto !important;
}

/* Cap chart width inside content column so figures don't stretch to full viewport */
#quarto-document-content .quarto-figure,
#quarto-document-content figure {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Tablet */
@media (max-width: 1200px) {
  #quarto-content.page-columns {
    width: 98vw !important;
    max-width: 98vw !important;
  }
}

/* Mobile — collapse to single column, TOC above content */
@media (max-width: 768px) {
  #quarto-content.page-columns {
    grid-template-columns: 1fr !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  #quarto-content > #quarto-sidebar-toc-left,
  #quarto-content > main.content {
    grid-column: 1 !important;
  }
  #quarto-content > #quarto-sidebar-toc-left { grid-row: 1 !important; }
  #quarto-content > main.content             { grid-row: 2 !important; }
}

/* ── Typography ──────────────────────────────────────────── */
body { font-size: 16px !important; }
.table, table { font-size: 14px !important; }

/* ── Table row dividers — consistent dark gray ───────────── */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > th,
.table > tfoot > tr > td,
table > tbody > tr > td,
table > tbody > tr > th,
table > thead > tr > th,
table > tfoot > tr > td {
  border-top-color: #333333 !important;
  border-bottom-color: #333333 !important;
}
.table, table {
  border-color: #333333 !important;
}
