/* Override Bootstrap container max-width at ALL breakpoints */
body > .container,
.container {
  max-width: 95% !important;
  width: 95%;
}

/* Expand content column, shrink TOC */
.col-md-9 { flex: 0 0 80%; max-width: 80%; }
.col-md-3 { flex: 0 0 20%; max-width: 20%; }

/* Ensure .contents area uses full available width */
.contents { max-width: none; width: 100%; }

/* Plotly charts: full width */
.js-plotly-plot { width: 100% !important; }

@media (max-width: 991.98px) {
  #toc { display: none; }
  .col-md-9 { flex: 0 0 100%; max-width: 100%; }
}

/* Dark theme for tables */
[data-bs-theme="dark"] table {
  background: #1a1a2e !important;
  color: #e0e0e0 !important;
}
[data-bs-theme="dark"] table th {
  background: #252540 !important;
  color: white !important;
  border-bottom: 2px solid #444 !important;
}
[data-bs-theme="dark"] table td {
  border-bottom: 1px solid #333 !important;
}
[data-bs-theme="dark"] table caption {
  color: #888 !important;
}

/* Code in details blocks — dark monospace */
details pre {
  background: #0d1117 !important;
  border-radius: 6px;
  padding: 1em;
  overflow-x: auto;
}
details pre code {
  color: #e6e6e6 !important;
  font-family: 'SFMono-Regular', Consolas, monospace;
  font-size: 0.85em;
}
details summary {
  cursor: pointer;
  color: #58a6ff;
  margin-bottom: 0.5em;
}