/* Item pages share the site's shell and Gear tooltip, with compact spec cards. */
.item-db-item-hero { flex-wrap: wrap; }
.item-db-icon-link { display: block; flex: 0 0 auto; border-radius: 10px; }
.item-db-icon-link img { display: block; width: clamp(82px, 9vw, 116px); height: auto; aspect-ratio: 1; border: 3px solid #aa72d8; border-radius: 9px; box-shadow: 0 0 24px #a335ee25; }
.item-db-icon-link:hover img { border-color: #dbb7ff; }
.item-db-heading { flex: 1 1 240px; min-width: 0; }
.item-db-wowhead-link { display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border: 1px solid #ab8646; border-radius: 8px; background: linear-gradient(140deg, #51331580, #171109); color: #f1d588; font-weight: 800; text-decoration: none; white-space: nowrap; }
.item-db-wowhead-link:hover { color: #fff1c3; border-color: #f1d588; }
.item-db-icon-link:focus-visible, .item-db-wowhead-link:focus-visible, .item-db-spec:focus-visible { outline: 2px solid #f1d588; outline-offset: 4px; }
.item-db-sources strong { color: #dff2e8; font-family: "Marcellus SC", serif; font-size: 1.35rem; }
.item-db-boss-position { display: inline-block; color: #c3a96e; font-family: Inter, sans-serif; font-size: .85rem; font-weight: 600; line-height: 1.5; vertical-align: middle; }
.item-db-sources li { padding: 18px; gap: 7px; }
.item-db-usage { align-items: start; grid-template-columns: 1fr; gap: 16px; }
.item-db-spec-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); align-content: start; }
.item-db-spec { grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 4px 12px; min-height: 84px; padding: 12px; }
.item-db-spec img { grid-row: 1 / 3; width: 52px; height: 52px; border-radius: 7px; object-fit: cover; border: 1px solid color-mix(in srgb, var(--spec-color) 65%, transparent); }
.item-db-spec span { white-space: normal; font-weight: 800; line-height: 1.3; }
.item-db-spec strong { font-size: 1.05rem; }
.item-db-spec small { grid-column: 2 / -1; color: #a6b8ad; }
@media (max-width: 620px) {
  .item-db-heading { flex-basis: calc(100% - 100px); }
  .item-db-wowhead-link { padding: 10px 16px; }
  .item-db-spec-grid { grid-template-columns: 1fr; }
}