/* Approved header detail: a short travelling stroke, not a filled progress bar. */
:root {
  --header-surface: #f0eee7;
  --header-track: #d4d7cc;
}
body > header {
  --header-accent: var(--brand-gold);
  background: var(--header-surface);
  border-bottom-color: var(--header-track);
}
body > header[data-header-area="vital"] { --header-accent: var(--color-vital); }
body > header[data-header-area="pro"] { --header-accent: var(--color-pro); }
body > header[data-header-area="blog"] { --header-accent: var(--color-blog); }
body > header[data-header-area="podcast"] { --header-accent: var(--color-podcast); }
body > header[data-header-area="habi"] { --header-accent: var(--color-habi); }
/* Text variants keep the existing section hues legible on the slightly darker surface. */
body > header nav a[href="personas.html"] { --nav-accent: #507137; }
body > header nav a[href="blog.html"] { --nav-accent: #94593f; }
body > header > .header-trail {
  position: absolute;
  inset: auto 0 -1px;
  height: 2.5px;
  overflow: hidden;
  background: var(--header-track);
  pointer-events: none;
}
.header-trail__rider {
  display: block;
  width: clamp(64px, 17vw, 180px);
  height: 100%;
  background: var(--header-accent);
  transform: translate3d(0, 0, 0);
}
/* The skip link must remain above the sticky navigation when focused. */
body > .skip { z-index: 30; }
@media (prefers-reduced-motion: reduce) {
  .header-trail__rider { transform: none !important; }
}
@media print {
  body > header > .header-trail { display: none; }
}