/* Exhibitor Resource detail page - hero image only.
 *
 * Deliberately a FILE, not more lines inside the page's inline <style>. That block is pinned
 * by a CSP hash in SecurityConfig.INLINE_STYLE_HASHES; editing it makes the browser discard
 * the whole stylesheet and every show, edition and resource page loses all of its styling at
 * once, silently. style-src is 'self', so an external sheet needs no hash and carries no such
 * risk. A resource without a hero image renders no <figure> at all, so nothing here needs a
 * placeholder or an empty-state rule.
 */
.resource-hero {
  margin: 22px 0 4px;
  border: 1px solid var(--rule);
  border-radius: 10px;
  overflow: hidden;
  background: var(--sand);
}
.resource-hero img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
}
@media (max-width: 620px) {
  .resource-hero img { max-height: 260px; }
}