/* css styles */
/* Center main content while keeping sidebar docked on left */
.sidebar-layout .main {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;  /* Match content-width in _quarto.yml */
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Optional: Add subtle visual separation between sidebar and content */
.sidebar-layout {
  display: flex;
}

.sidebar-layout .main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center; /* Centers inline content like text */
}

.sidebar-layout .main > * {
  width: 100%;
  max-width: 800px; /* Ensures tables/figures don't stretch too wide */
}

/* Ensure tables and figures stay centered and responsive */
.main table,
.main figure,
.main .cell-output {
  margin-left: auto;
  margin-right: auto;
  display: block;
}