/* wgf-farming.css - the farming hub (/farming/), route pages, and /farm/<node> pages.
   THE KIT RE-CUT (2026-07-03): every content section on a farming page wears the in-game
   chrome-kit container (wgf-chrome.css, loaded first) - the charcoal plate inside a beveled
   metal frame with corner joinery (ig-38), a gold small-caps section header, and the
   near-black tooltip-plate for the zone/route cards. Scoped under .wgf-farm-page so no other
   surface is touched. Page-scoped; tokens only, coin law on any gold amount. */

/* Each section = a kit window plate (charcoal plate + metal frame + corner braces). */
.wgf-farm-page .wgf-section {
  position: relative;
  box-sizing: border-box;
  padding: var(--space-4) var(--space-5);
  border: 2px solid var(--wgf-metal);
  border-radius: 4px;
  background:
    url(/assets/ui/ui-frame-metal-cornertopleft-2x.png) top left / 40px auto no-repeat,
    url(/assets/ui/ui-frame-metal-cornertopright-2x.png) top right / 40px auto no-repeat,
    url(/assets/ui/ui-frame-metal-cornerbottomleft-2x.png) bottom left / 26px auto no-repeat,
    url(/assets/ui/ui-frame-metal-cornerbottomright-2x.png) bottom right / 26px auto no-repeat,
    var(--wgf-plate, var(--wgf-well));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.65), var(--shadow-2);
}

/* Section header = the gold small-caps title bar voice. */
.wgf-farm-page .section-heading {
  font-family: var(--font-game, 'Cinzel', serif);
  font-variant: small-caps;
  letter-spacing: .03em;
  color: var(--wgf-gold, var(--wgf-gold-primary));
  text-shadow: var(--text-ink-outline);
  margin: 0 0 var(--space-3);
}

/* Zone / route cards = near-black tooltip plates that light on hover (slate family). */
.wgf-farm-page .wgf-farm-zones {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-3);
}
.wgf-farm-page .wgf-farm-zone {
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--wgf-metal-soft);
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(12, 12, 30, 0.97), rgba(5, 5, 16, 0.97));
  transition: border-color var(--motion-fast) var(--ease-standard);
}
.wgf-farm-page .wgf-farm-zone:hover { border-color: var(--wgf-gold-dark, rgba(244,196,92,.5)); }
.wgf-farm-page .wgf-farm-zone__name {
  font-family: var(--font-game, serif);
  font-variant: small-caps;
  color: var(--wgf-gold-bright);
  margin: 0 0 var(--space-1);
}
.wgf-farm-page .wgf-farm-zone__notes { color: var(--wgf-text); margin: 0; line-height: 1.6; }

/* Lighter kit-voice for the reading surfaces (hub + long-form route article): adopt the
   gold small-caps section-header voice without framing every prose section in a metal
   window (which would over-chrome a long read). Cross-link / card sections keep their own
   sheets. */
.wgf-farm-hub .section-heading {
  font-family: var(--font-game, 'Cinzel', serif);
  font-variant: small-caps;
  letter-spacing: .03em;
  color: var(--wgf-gold, var(--wgf-gold-primary));
  text-shadow: var(--text-ink-outline);
}

/* Facts grid seated on the plate; label/value in the records voice. */
.wgf-farm-page .wgf-facts-grid { margin: 0; }
.wgf-farm-page .wgf-fact__k {
  color: var(--wgf-gold-muted);
  font-family: var(--font-game, serif);
  font-variant: small-caps;
}
.wgf-farm-page .wgf-fact__v { color: var(--wgf-text); font-variant-numeric: tabular-nums; }