/* wgf-home-gold.css - the homepage "Best gold right now" block (home_gold_render.py).
   Re-uses the market board kit (.wgf-window + .hm-board + .hm-see-all + .hm-fresh +
   .result-row__icon) wholesale and owns only the card grid, the profit figure and the
   no-number fallback strip. Tokens only; no new colours. Loaded by a <link> inside the
   section's own static wrapper in index.html, so the block ships as one unit. */
.hm-sec--gold{margin:var(--space-4,16px) 0 0}
.hm-gold__prov{
  margin:0 0 var(--space-3);
  font-size:var(--text-sm);line-height:1.5;color:var(--wgf-muted);
  text-shadow:var(--text-ink-outline);
}
.hm-gold__grid{
  list-style:none;margin:0;padding:0;
  display:grid;gap:var(--space-3);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));
}
.hm-gold__card{
  min-width:0;display:flex;flex-direction:column;gap:var(--space-2);
  padding:var(--space-3);
  /* client inset frame (kit --wgf-inset-art, wgf-chrome.css), not a CSS outline */
  background:var(--wgf-inset-art);border:0;border-radius:0;
}
.hm-gold__item{
  display:flex;align-items:center;gap:var(--space-2);min-width:0;
  color:var(--wgf-text);text-decoration:none;font-weight:600;
}
.hm-gold__item .result-row__icon-wrap{flex:0 0 auto}
.hm-gold__name{min-width:0;overflow-wrap:anywhere}
.hm-gold__item:hover .hm-gold__name{color:var(--wgf-gold-bright);text-decoration:underline}
.hm-gold__yield{flex:0 0 auto;font-size:var(--text-xs);color:var(--wgf-muted)}
.hm-gold__profit{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}
.hm-gold__k{
  font-family:var(--font-game);font-size:var(--text-xs);font-variant:small-caps;
  letter-spacing:.04em;color:var(--wgf-gold-muted);
}
.hm-gold__v{font-size:var(--text-md);font-weight:700;color:var(--wgf-up)}
.hm-gold__nums{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}
.hm-gold__nums div{min-width:0}
.hm-gold__nums dt{font-size:var(--text-xs);color:var(--wgf-muted)}
.hm-gold__nums dd{margin:0;font-variant-numeric:tabular-nums}
.hm-gold__house{margin:0;font-size:var(--text-xs);color:var(--wgf-muted)}
.hm-gold__prof{
  align-self:flex-start;margin-top:auto;
  font-size:var(--text-xs);font-weight:600;color:var(--wgf-gold-link);text-decoration:none;
  border-bottom:1px solid var(--wgf-gold-dim);
}
.hm-gold__prof:hover{color:var(--wgf-gold-bright)}
.hm-gold__links{
  display:flex;align-items:baseline;flex-wrap:wrap;
  gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;
}
.hm-gold__more{
  font-size:var(--text-sm);color:var(--wgf-muted);text-decoration:none;
  border-bottom:1px solid var(--wgf-border-neutral-soft);
}
.hm-gold__more:hover{color:var(--wgf-gold-link);border-bottom-color:var(--wgf-gold-dim)}
/* the no-number fallback: one row of doors that wraps, never scrolls sideways */
.hm-gold__doors{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.hm-gold__door{
  display:inline-block;padding:var(--space-1) var(--space-3);
  background:var(--wgf-inset-art);border:0;border-radius:0;
  font-size:var(--text-sm);font-weight:600;color:var(--wgf-gold-link);text-decoration:none;
}
.hm-gold__door:hover,.hm-gold__door:focus-visible{color:var(--wgf-gold-bright);filter:brightness(1.3)}