/* LSE brand red — used as accent only */
:root {
  --lse-red: #b5121b;
}

/* ── Light mode: white/dark header ── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #1a1a1a;
  --md-primary-fg-color--light: #444;
  --md-primary-fg-color--dark: #000;
  --md-accent-fg-color: var(--lse-red);
}

/* ── Dark mode ── */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1a1a1a;
  --md-primary-fg-color--light: #333;
  --md-primary-fg-color--dark: #000;
  --md-accent-fg-color: var(--lse-red);
}

/* Header: clean white with subtle border */
.md-header {
  background-color: #fff;
  color: #1a1a1a;
  box-shadow: none;
  border-bottom: 1px solid #e0e0e0;
}

.md-header .md-header__title {
  color: #1a1a1a;
  font-weight: 600;
}

.md-header .md-header__button,
.md-header .md-search__icon {
  color: #1a1a1a;
}

/* Tabs bar (if present) */
.md-tabs {
  background-color: #fafafa;
  border-bottom: 1px solid #e0e0e0;
}

.md-tabs__link {
  color: #555;
}

.md-tabs__link--active {
  color: #1a1a1a;
}

/* Dark mode header override */
[data-md-color-scheme="slate"] .md-header {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border-bottom: 1px solid #333;
}

[data-md-color-scheme="slate"] .md-header .md-header__title,
[data-md-color-scheme="slate"] .md-header .md-header__button,
[data-md-color-scheme="slate"] .md-header .md-search__icon {
  color: #e0e0e0;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #2a2a2a;
  border-bottom: 1px solid #333;
}

/* ── Sidebar: hide site name, tighter, no wrapping ── */
.md-sidebar .md-nav--primary > .md-nav__title {
  display: none;
}


.md-nav__item .md-nav__link {
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Active link accent */
.md-nav__link--active {
  color: var(--lse-red) !important;
  font-weight: 600;
}

/* ── Links: LSE red accent ── */
.md-typeset a {
  color: var(--lse-red);
}

.md-typeset a:hover {
  color: #8a0e15;
}

/* ── Tighter vertical spacing ── */
.md-typeset h1 { margin: 0 0 0.6em; }
.md-typeset h2 { margin: 1.3em 0 0.35em; }
.md-typeset h3 { margin: 1.1em 0 0.3em; }
.md-typeset h4 { margin: 1em 0 0.25em; }
.md-typeset p,
.md-typeset ul,
.md-typeset ol,
.md-typeset table:not([class]),
.md-typeset .admonition { margin-top: 0.45em; margin-bottom: 0.45em; }
.md-typeset li { margin-bottom: 0.2em; }
.md-typeset hr { margin: 1.2em 0; }

/* ── Course instructors list ── */
.md-typeset p.instructor { margin: 0 0 0.7em; line-height: 1.45; }
.md-typeset p.instructor .twemoji { margin-left: 0.15em; }

/* ── Bold h1 and h2 (Material's default is light); h3 left as is ── */
.md-typeset h1,
.md-typeset h2 { font-weight: 700; }

/* ── h1 in LSE red, same as the active item in the left nav ── */
.md-typeset h1 { color: var(--lse-red); }