/* ── Enterprise Dark Header ── */
.md-header {
  background-color: #111827;
  border-bottom: 1px solid #1f2937;
}

.md-header__title {
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* ── Images ── */
img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  margin: 16px 0;
  display: block;
}

/* ── Narrow left sidebar for more content space ── */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    width: 11rem;
  }
  .md-sidebar--primary .md-sidebar__scrollwrap {
    width: 11rem;
  }
}

/* ── Fix 1: Remove sidebar branding duplication ── */
.md-nav--primary > .md-nav__title {
  display: none;
}

/* ── Fix 2: Section headers — lighter, smaller, more subtle ── */
.md-nav__item--nested > .md-nav__link {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.45);
  padding-top: 1rem;
  padding-bottom: 0.3rem;
}

/* ── Fix 3: Active page — left border + background tint ── */
.md-nav__item .md-nav__link--active {
  color: #ce93d8 !important;
  font-weight: 600;
  background: rgba(206, 147, 216, 0.08);
  border-left: 3px solid #ce93d8;
  border-radius: 0 4px 4px 0;
  margin-left: -0.4rem;
  padding-left: calc(0.4rem + 0.6rem);
}

/* ── Fix 4: Sidebar density — more breathing room between items ── */
.md-nav__item {
  padding: 0.05rem 0;
}

.md-nav__link {
  font-size: 0.78rem;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

/* ── Fix 5: Visual separator between nav sections ── */
.md-nav__item--nested {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 0.5rem;
  padding-top: 0.25rem;
}

.md-nav__item--nested:first-child {
  border-top: none;
  margin-top: 0;
}

/* ── Sidebar scrollbar refinement ── */
.md-sidebar__scrollwrap::-webkit-scrollbar {
  width: 3px;
}

.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

/* ── Hover state for nav links ── */
.md-nav__link:hover {
  color: #ce93d8 !important;
  background: rgba(206, 147, 216, 0.04);
}

/* ── Polish: Stronger headlines ── */
.md-typeset h1 {
  font-weight: 700;
}

/* ── Polish: Constrain content width for readability ── */
.md-content {
  max-width: 900px;
}

/* ── Polish: More breathing room between sections ── */
.md-typeset h2 {
  margin-top: 2.2em;
}