/* /wow-forever/dungeons/<slug>/ - forever_dungeons/render.py. Zero-CLS: every image carries
   width/height; the hero keeps its aspect from those attributes. No ad-* classes. */
.wgf-fd-hero { margin: 0 0 14px; }
.wgf-fd-hero img { display: block; width: 100%; height: auto; border: 1px solid rgba(255, 209, 0, .28);
  border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, .55); background: #0b0906; }
.wgf-fd-hero--native img { max-width: 512px; margin: 0 auto; }
.wgf-fd-hero figcaption { font-size: 12px; opacity: .7; margin-top: 6px; }
.wgf-fd-bosses { columns: 2 16em; column-gap: 24px; margin: 8px 0 0; padding-left: 22px; }
.wgf-fd-bosses li { break-inside: avoid; margin: 3px 0; }
.wgf-fd-muted { opacity: .72; font-size: .92em; }
.wgf-fd-tag { display: inline-block; font-size: 11px; line-height: 1; padding: 3px 6px; margin-left: 4px;
  border: 1px solid rgba(255, 209, 0, .45); border-radius: 3px; color: #ffd100; vertical-align: 1px; }
.wgf-fd-tag--new { border-color: rgba(155, 209, 123, .7); color: #9bd17b; }
.wgf-fd-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.wgf-fd-loot { width: 100%; border-collapse: collapse; font-size: 14px; }
.wgf-fd-loot th { text-align: left; font-weight: 600; color: #ffd100; padding: 6px 8px;
  border-bottom: 1px solid rgba(255, 209, 0, .3); white-space: nowrap; }
.wgf-fd-loot td { padding: 5px 8px; border-bottom: 1px solid rgba(255, 255, 255, .07); vertical-align: middle; }
.wgf-fd-loot tbody tr:hover { background: rgba(255, 255, 255, .04); }
.wgf-fd-num { text-align: right; white-space: nowrap; }
.wgf-fd-item { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.wgf-fd-item img { flex: none; border: 1px solid rgba(0, 0, 0, .8); border-radius: 3px; }
.wgf-fd-item:hover span { text-decoration: underline; }
.wgf-fd-era { font-size: 10px; margin-left: 6px; opacity: .65; text-decoration: none; border-bottom: 1px dotted; cursor: help; }
.wgf-fd-abilities { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.wgf-fd-abilities img { vertical-align: -4px; margin-right: 6px; }
.wgf-fd-dir { columns: 2 14em; column-gap: 24px; padding-left: 18px; }
.wgf-fd-dir li { break-inside: avoid; margin: 3px 0; }
@media (max-width: 600px) {
  .wgf-fd-loot { font-size: 13px; }
  .wgf-fd-loot td, .wgf-fd-loot th { padding: 5px 5px; }
}
.wgf-fd-item.q-poor span { color: var(--q-poor, #9d9d9d); }
.wgf-fd-item.q-common span { color: var(--q-common, #ffffff); }
.wgf-fd-item.q-uncommon span { color: var(--q-uncommon, #1eff00); }
.wgf-fd-item.q-rare span { color: var(--q-rare, #0070dd); }
.wgf-fd-item.q-epic span { color: var(--q-epic, #a335ee); }
.wgf-fd-item.q-legendary span { color: var(--q-legendary, #ff8000); }