/*
  Greybear's Rest — "world page" header treatment.
  Dissolves the hub bar into the page's shared background (see
  components.css's body rule — no extra accent-colored glow layered on
  top here anymore, so every page's gradient is uniform) instead of a
  solid panel. Load after tokens.css + components.css (+ hub-<game>.css
  where relevant) on any page using the .world-hero / .hub-nav pattern —
  not intended for the vcard split-layout pages, which have their own
  full-bleed portrait background instead.
*/

.hub-nav {
  background: transparent;
  border-bottom-color: transparent;
}

.hub-nav__links {
  margin-left: auto;
}

.hub-nav__label {
  color: var(--text);
}

.world-hero {
  background: transparent;
  border-bottom-color: transparent;
  padding-top: calc(clamp(var(--space-7), 10vw, 100px) - 15px);
}

/* Map detail pages (single map image directly under the hero) sit the
   image 50% closer to the title than the default hero/section gap. */
.world-hero--map-detail {
  padding-bottom: calc(clamp(var(--space-7), 10vw, 100px) * 0.5);
}

.world-hero--map-detail + .world-section {
  padding-top: calc(var(--space-7) * 0.5);
}