/* One header across the site.
 *
 * The docs are a separate MkDocs build, so this restates the marketing header
 * (ui/static/css/marketing.css) against Material's markup rather than sharing a
 * stylesheet. Anything that drifts here reads as a different site mid-journey.
 *
 * Colours come from Material's own tokens, not hardcoded hex, because the docs
 * palette is switched by docs/assets/js/theme-sync.js — hardcoding would give a
 * header that ignores the shared light/dark preference.
 */

/* The default header is a blue gradient; the rest of the site is a flat bar on
   the page background. Flat wins — it is the one every other surface uses. */
.md-header.ipdf-header {
  background-color: var(--md-default-bg-color);
  background-image: none;
  color: var(--md-default-fg-color);
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  box-shadow: none;
}

.ipdf-header .md-header__inner {
  min-height: 68px;
  gap: 16px;
  align-items: center;
}

.ipdf-header .md-header__button.md-icon { color: var(--md-default-fg-color); }

.ipdf-brand {
  font-size: 1.25rem;
  font-weight: 650;
  letter-spacing: -.035em;
  white-space: nowrap;
  text-decoration: none;
  margin-left: .2rem;
}
.ipdf-brand__main { color: var(--md-default-fg-color); }
.ipdf-brand__accent { color: #5e82c7; }

.ipdf-header__spacer { flex: 1 1 auto; }

.ipdf-nav { display: flex; align-items: center; gap: 20px; font-size: .93rem; }
.ipdf-nav a {
  color: var(--md-default-fg-color--light);
  text-decoration: none;
  white-space: nowrap;
}
.ipdf-nav a:hover { color: var(--md-default-fg-color); }
/* Current section, matching the marketing rule: full-strength text plus a rule
   under it, so the signal is not colour alone. */
.ipdf-nav a.ipdf-nav--active {
  color: var(--md-default-fg-color);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 #5e82c7;
}

.ipdf-cta { display: flex; align-items: center; gap: 16px; font-size: .93rem; }
.ipdf-cta a { color: var(--md-default-fg-color--light); text-decoration: none; white-space: nowrap; }
.ipdf-cta a:hover { color: var(--md-default-fg-color); }
.ipdf-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 38px; padding: 0 15px;
  border-radius: 10px;
  background: #5e82c7; color: #fff !important;
  font-weight: 650; letter-spacing: -.01em;
}
.ipdf-button:hover { filter: brightness(.95); }

/* Material hides the drawer label above 76.25em; the site links have to give
   way before that or they collide with search on a laptop. */
@media screen and (max-width: 76.1875em) {
  .ipdf-nav, .ipdf-cta { display: none; }
}
@media screen and (max-width: 60em) {
  .ipdf-brand { font-size: 1.1rem; }
}