/* Parseus AI brand colors for MkDocs Material */
:root {
  --md-primary-fg-color:        #2E5BC9;  /* Persian blue */
  --md-primary-fg-color--light: #5478D6;
  --md-primary-fg-color--dark:  #244AA3;
  --md-accent-fg-color:         #A16207;  /* Maestro amber */
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #5478D6;
  --md-accent-fg-color:         #C98A2B;
}

/* Brand mark (Π) before the site title */
.md-header__title .md-header__topic:first-child .md-ellipsis::before {
  content: "\03A0";
  font-family: Georgia, "Times New Roman", serif;
  margin-right: 0.4rem;
  font-weight: 500;
}

/* ============================================================
   Integrated TOC styling — make the left-nav page sections
   read as a clean nested menu.
   Root fix (per Material docs): the left sidebar is too narrow
   to host the TOC, so WIDEN it first, then style the nesting.
   ============================================================ */

/* 1. Widen the primary (left) sidebar to make room for nested TOC */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    width: 14rem;            /* default is ~12.1rem */
  }
  /* keep content area balanced */
  .md-main__inner {
    max-width: none;
  }
}

/* 2. Nested page-section links (the integrated TOC items) */
.md-nav__item .md-nav .md-nav__item .md-nav__link {
  font-size: 0.62rem;
  line-height: 1.3;
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
  color: var(--md-default-fg-color--light);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

/* 3. Indent guide line on the nested block */
.md-nav__item .md-nav .md-nav {
  margin-left: 0.5rem;
  padding-left: 0.4rem;
  border-left: 1px solid var(--md-default-fg-color--lightest);
}

/* 4. Active section in brand blue */
.md-nav__link--active,
.md-nav__link--passed {
  color: var(--md-primary-fg-color) !important;
}

/* 5. The active PAGE title (parent of the nested list) stays bold */
.md-nav__item--active > .md-nav__link:not(.md-nav__link--active) {
  font-weight: 600;
}

/* 6. Branded headings — Persian blue, bold, slightly smaller */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  color: var(--md-primary-fg-color);
  font-weight: 700;
}
.md-typeset h1 { font-size: 1.85rem; }   /* was ~2rem */
.md-typeset h2 { font-size: 1.35rem; }   /* was ~1.5rem */
.md-typeset h3 { font-size: 1.05rem; }   /* was ~1.25rem */
.md-typeset h4 { font-size: 0.92rem; }

/* 7. Brand byline inline with the page title */
.md-typeset h1 .brand-byline {
  font-size: 0.7rem;        /* ~10pt — fixed, not relative to the H1 */
  font-weight: 600;
  font-style: italic;
  color: var(--md-default-fg-color);   /* "A product of" stays default/black */
  white-space: nowrap;
  vertical-align: middle;
}
.md-typeset h1 .brand-byline a {
  color: var(--md-primary-fg-color);   /* only "Parseus AI" is Persian blue */
  text-decoration: none;
}