// Widen the main content area and increase base font size
.main-content-wrap {
  max-width: 95%;
}

// Remove the inner content width cap (just-the-docs defaults to ~800px)
.main-content {
  max-width: none !important;
}

// Increase base font size globally
body {
  font-size: 17px !important;
}

// Slightly larger headings
h1 { font-size: 2.2rem !important; }
h2 { font-size: 1.75rem !important; }
h3 { font-size: 1.4rem !important; }
h4 { font-size: 1.15rem !important; }

// Larger paragraph and list text
p, li, td, th, dd, dt, .main-content {
  font-size: 1.05rem !important;
  line-height: 1.7;
}

// Wider content on large screens
@media (min-width: 1064px) {
  .side-bar {
    width: 264px;
  }
  .main {
    margin-left: 264px;
  }
  .main-content-wrap {
    max-width: 95%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

// Make tables more readable
.table-wrapper {
  overflow-x: auto;
}

// Center the logo in sidebar
.site-logo {
  display: block;
  margin: 0 auto;
}

// Larger code blocks and inline code
code {
  font-size: 0.95em !important;
  color: #e4e4e7 !important;
}

pre code {
  font-size: 0.92em !important;
  color: #d4d4d8 !important;
}

.highlight pre {
  font-size: 0.92em !important;
  line-height: 1.55;
  padding: 1em;
  background-color: #2a2a2e !important;
}

// Catch-all: ensure ALL text inside code blocks is bright by default
.highlight,
.highlight pre,
.highlight code,
.highlight span {
  color: #d4d4d8 !important;
}

// Syntax highlighting - high contrast for dark background
.highlight {
  .k, .kd, .kn, .kp, .kr, .kt, .kc { color: #c792ea !important; }  // keywords (purple)
  .s, .s1, .s2, .sb, .sc, .sd, .sh, .sx, .sr, .se, .si, .ss { color: #c3e88d !important; }  // strings (green)
  .n, .na, .nb, .nc, .no, .nd, .ni, .ne, .nf, .nl, .nn, .nt, .nv, .nx, .py, .fm { color: #82aaff !important; }  // names (blue)
  .o, .ow, .p { color: #d4d4d8 !important; }  // operators, punctuation (light gray)
  .c, .c1, .cm, .cp, .cs, .ch { color: #676e95 !important; }  // comments (dim)
  .m, .mi, .mf, .mh, .mo, .mb, .mx, .il { color: #f78c6c !important; }  // numbers (orange)
  .bp { color: #89ddff !important; }  // builtins (cyan)
  .err { color: #ff5370 !important; background: none !important; }  // errors (red)
}
