/* wgf-quest-enrich.css - the quest-page enrichment blocks (quest_enrich_render.py).
 *
 * Layout only. Every colour, face and space is an existing token (static/css/_tokens.css);
 * no new colour, no rounded pill, no green chrome (docs/ui-ux/17-blizzard-palette.md). The
 * storyline reuses the chain rungs in wgf-quests.css and the achievement rows reuse the
 * client banner art in wgf-achv-frame.css, so this sheet only spaces what is new.
 */

.wgf-qenr-sub {
  margin: var(--space-3) 0 var(--space-2);
  font-family: var(--font-game);
  font-size: 1.02rem;
  font-weight: 400;
  color: var(--wgf-gold-bright);
}

.wgf-qenr-story .wgf-qenr-sub:first-of-type {
  margin-top: 0;
}

.wgf-qenr-part,
.wgf-qenr-nav {
  margin: 0 0 var(--space-2);
  font-size: var(--text-sm);
}

.wgf-qenr-part {
  color: var(--wgf-muted);
}

.wgf-qenr-choice {
  margin: var(--space-3) 0 var(--space-2);
  font-family: var(--font-game);
  color: var(--wgf-gold-bright);
}

.wgf-qenr-kind {
  color: var(--wgf-muted);
  font-size: var(--text-sm);
}

.wgf-qenr-achnotes {
  margin: var(--space-2) 0 0;
  padding-left: 1.1rem;
  font-size: var(--text-sm);
}

/* "Also on this map": a plain multi-column link list. */
.wgf-qenr-maplist {
  margin: 0;
  padding-left: 1.1rem;
  columns: 2 16rem;
  column-gap: var(--space-4);
}

.wgf-qenr-maplist li {
  break-inside: avoid;
  padding: 2px 0;
}

/* Coordinates under the quest map: one row per POI blob, the /way macro beside it. */
.wgf-qcoords {
  margin-top: var(--space-3);
}

.wgf-qcoords__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid var(--wgf-border-neutral-soft);
  background: var(--wgf-panel-1);
}

.wgf-qcoords__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2);
  padding: 6px var(--space-2);
}

.wgf-qcoords__row + .wgf-qcoords__row {
  border-top: 1px solid var(--wgf-metal-soft);
}

.wgf-qcoords__what {
  flex: 1 1 14rem;
  min-width: 0;
}

.wgf-qcoords__where {
  color: var(--wgf-muted);
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
}

.wgf-qcoords__row .wgf-quest-macro {
  font-size: var(--text-sm);
}