/* wgf-hotfix-depth.css - the two index panels under a /hotfixes/<date>/ day ("Classes in these
   notes", "Named in these notes"). Producer: hotfix_depth_render.py. The panels reuse the day
   block's own surface (.wgf-hf-day + wgf-tex-marble/wgf-tex-tooltip from wgf-hotfixes.css and
   wgf-blizzard-textures.css); this sheet only lays out the entity grid. Tokens only, squared
   frames, no pills, no green chrome. */

.wgf-hfx-lede { margin: 0 0 var(--space-3); color: var(--wgf-text); font-size: 14px; line-height: 1.55; }
.wgf-hfx-grid { list-style: none; margin: 0 0 var(--space-3); padding: 0; display: grid; gap: 4px;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.wgf-hfx-ent { min-width: 0; }
.wgf-hfx-ent__a { display: flex; align-items: center; gap: 8px; height: 100%; padding: 6px 8px;
  text-decoration: none; color: var(--wgf-text); background: var(--wgf-panel-1);
  border: 1px solid var(--wgf-metal-soft); border-radius: 0; }
a.wgf-hfx-ent__a:hover, a.wgf-hfx-ent__a:focus-visible { border-color: var(--wgf-gold-accent); }
.wgf-hfx-ent__icon { flex: 0 0 auto; display: block; border: 1px solid var(--wgf-metal); }
.wgf-hfx-ent__txt { display: flex; flex-direction: column; min-width: 0; }
.wgf-hfx-ent__name { color: var(--wgf-gold); font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
.wgf-hfx-ent__meta { color: var(--wgf-muted); font-size: 12px; }
/* instance tiles and zone loading screens: the art is the card, legible text sits on a
   solid bottom band (legibility contract), never on a translucent scrim over the art */
.wgf-hfx-ent--tile .wgf-hfx-ent__a { flex-direction: column; align-items: stretch; justify-content: flex-end;
  min-height: 96px; padding: 0; background: var(--wgf-panel-1) var(--hfx-art) center / cover no-repeat; }
.wgf-hfx-ent--tile .wgf-hfx-ent__name, .wgf-hfx-ent--tile .wgf-hfx-ent__meta {
  display: block; padding: 2px 8px; background: var(--wgf-panel-1); }
.wgf-hfx-ent--tile .wgf-hfx-ent__name { padding-top: 5px; }
.wgf-hfx-ent--tile .wgf-hfx-ent__meta { padding-bottom: 6px; }