/* wgf-professions.css - the /professions/ hub + /profession/<slug>-<id>/ pages.
   THE KIT RE-CUT (2026-07-03): the professions surfaces wear the in-game chrome kit
   (wgf-chrome.css, loaded first). The hub is an adventure-guide card grid inside a metal
   window (owner: "just like the M+ card showing dungeons would be sick"); the profession
   page renders its facts + ability list inside kit windows over the near-black well, then
   cross-links its recipes, materials, and guides. Page-scoped; tokens only. */

/* The hub window: give the adventure-guide grid room to breathe on the plate. */
.wgf-prof-window .wgf-ag-grid { margin: 0; }

/* Profession-icon cards read as identity tiles (icon lane): a quality-gold framed icon
   beside the small-caps gold name, the dark plate behind. The shared .wgf-ag-card already
   supplies the plate + hover lift; here we just seat the icon + name in the kit voice. */
.wgf-prof-window .wgf-ag-card__icon {
  width: 40px; height: 40px;
  border: 1px solid var(--wgf-gold-dark, rgba(244,196,92,.5));
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.7);
}
.wgf-prof-window .wgf-ag-card__name {
  font-family: var(--font-game);
  font-variant: small-caps;
  letter-spacing: .04em;
}

/* Ability + recipe list on the near-black well (ig-63). The shared .wgf-table keeps its
   markup; scoped here it wears the colhead header voice and the slate hover wash. */
.wgf-window .wgf-well { padding: var(--space-2); }
.wgf-window .wgf-well .wgf-table { width: 100%; border-collapse: collapse; margin: 0; }
.wgf-window .wgf-well .wgf-table th {
  color: var(--wgf-gold-muted); font-family: var(--font-game); font-weight: 700;
  font-variant: small-caps; letter-spacing: .04em; text-shadow: var(--text-ink-outline);
  text-align: left; padding: var(--space-1) var(--space-3);
  border-bottom: 1px solid var(--wgf-metal, #4a4a4a);
  background: linear-gradient(180deg, var(--wgf-plate-hi, #221b11), var(--wgf-plate, #0a0a0c));
}
.wgf-window .wgf-well .wgf-table td {
  padding: var(--space-2) var(--space-3); border-bottom: 1px solid rgba(0,0,0,.5);
  vertical-align: middle;
}
.wgf-window .wgf-well .wgf-table tbody tr:hover td {
  background: linear-gradient(180deg, rgba(22,22,44,.5), rgba(8,8,22,.5));
}
.wgf-window .wgf-well .wgf-table a { color: var(--wgf-gold); text-decoration: none; }
.wgf-window .wgf-well .wgf-table a:hover { color: var(--wgf-gold-bright); text-decoration: underline; }

/* the "cost & profit" recipe crosslink inside an ability row: a quiet gold action tag */
.wgf-prof-recipe-link {
  margin-left: var(--space-2); font-family: var(--font-game); font-size: 12px;
  font-variant: small-caps; letter-spacing: .03em; color: var(--wgf-gold-muted);
  text-decoration: none;
}
.wgf-prof-recipe-link:hover { color: var(--wgf-gold-bright); text-decoration: underline; }

/* facts grid seated on the plate (kept compact; no pills) */
.wgf-window .wgf-facts-grid { margin: 0; }