/* =============================================================================
   wgf-ingame-hubs.css - hub / index pages rendered as ONE in-game window.
   Owner ruling 2026-10-10 (evening): no separate header card above the window. The
   page h1 sits in the window's own metal title band (wgf_ingame_header.window_open);
   the eyebrow and one-line sub are the window's first lines. Frame, band and stone
   all come from the .wgf-window kit in wgf-chrome.css; this sheet only lays out the
   header bits and the hub lists. Palette tokens only (docs/ui-ux/17-blizzard-palette.md).
   ============================================================================= */
.wgf-igh .wgf-window__title { gap: var(--space-2); }
.wgf-igh .wgf-window__h1 {
  font: inherit;
  margin: 0;
  display: inline;
  color: inherit;
  text-shadow: inherit;
}
.wgf-igh__icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid rgba(0, 0, 0, .8);
  box-shadow: 0 0 0 1px var(--wgf-gold-dim);
}
.wgf-igh__lede {
  margin: 0 0 var(--space-3);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid rgba(201, 165, 85, .28);
}
.wgf-igh__lede .wgf-seo-eyebrow { margin: 0 0 .25rem; }
.wgf-igh__lede .wgf-seo-sub { max-width: 72ch; margin: 0; }
.wgf-igh__lede .wgf-seo-sub + .wgf-seo-sub { margin-top: .4rem; }

/* Hub child roster: one row per child with its data-drawn one-line fact. */
.wgf-igh-roster { list-style: none; margin: 0 0 var(--space-3); padding: 0; columns: 2 22rem; column-gap: var(--space-4); }
.wgf-igh-roster li { break-inside: avoid; margin: 0 0 .35rem; line-height: 1.45; color: var(--wgf-text); }
.wgf-igh-roster a { color: var(--wgf-gold-link); font-weight: 700; }
.wgf-igh-roster .wgf-igh-roster__fact { color: var(--wgf-muted); }
@media (max-width: 480px) { .wgf-igh-roster { columns: 1; } }

/* A window composed INSIDE the page window (hub_render panels, update rails) reads as the
   client's recessed inset panel, not a second metal frame inside the first: dark inset
   wash, no NineSlice corners, its title as a plain gold Friz caption. Selector carries
   .wgf-shell-page main so it outranks the theme's window-kit lock. */
.wgf-shell-page main .wgf-igh .wgf-window,
.wgf-igh .wgf-window {
  background: rgba(0, 0, 0, .34);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .72), inset 0 1px 0 rgba(255, 255, 255, .05);
  margin: var(--space-3) 0;
}
.wgf-shell-page main .wgf-igh .wgf-window::before,
.wgf-shell-page main .wgf-igh .wgf-window::after,
.wgf-igh .wgf-window::before,
.wgf-igh .wgf-window::after { display: none; }
.wgf-shell-page main .wgf-igh .wgf-window > .wgf-window__title,
.wgf-igh .wgf-window > .wgf-window__title {
  justify-content: flex-start;
  min-height: 0;
  border: 0;
  background: none;
  padding: var(--space-2) var(--space-3) 0;
  text-align: left;
}
.wgf-igh .wgf-window > .wgf-window__body { padding: var(--space-2) var(--space-3) var(--space-3); }