/* ==========================================================================
   Custom mkdocstrings heading hierarchy overrides
   
   Problem: heading_level: 3 makes function/class names h3 (small) while
   Args/Returns section labels are h4 — Material theme gives h4 large visual
   weight, creating an inverted hierarchy.
   
   Fix: boost .doc-heading (function/class) and tone down .doc-section-title
   (Args/Returns/Raises/Notes).
   ========================================================================== */

/* Function / class name headings — primary prominence */
.doc .doc-heading {
    font-size: 1.25em;
    font-weight: 700;
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    padding-bottom: 0.4em;
    margin-top: 1.5em;
}

/* Args / Returns / Raises / Notes section titles — secondary, subtle */
.doc .doc-section-title {
    font-size: 0.85em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--md-default-fg-color--light);
    margin-top: 1em;
    margin-bottom: 0.5em;
}

/* Slightly tighten spacing inside documented objects */
.doc .doc-contents {
    padding-left: 0.75em;
}

/* Documentation images — 60% width, left-aligned */
.md-content img {
    max-width: 70%;
    width: auto;
    height: auto;
    display: block;
    margin-left: 0;
    margin-right: auto;
}

/* Let the main content/grid stretch wider on large screens */
.md-grid {
  max-width: 95%;
}

/* Optional: reduce the “wasted” side padding a bit */
.md-content__inner {
  max-width: none;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Keep code in table cells on one line (option names, env vars), and let a wide
   table scroll inside its own box rather than widen the page on a phone. */
.md-typeset table:not([class]) td code {
  white-space: nowrap;
  word-break: keep-all;
}

.md-typeset__table {
  overflow-x: auto;
}

/* The architecture diagram is wide and dense: give it the full column. */
.md-content img[src$="architecture.png"] {
  max-width: 100%;
}