/* HiTE Vial: photo-derived rendering. Scoped to .hv. */
.hv {
  --hv-right-inset: 1rem;
  position: relative;
  display: block;
  width: min(136px, calc(100% - var(--hv-right-inset)));
  aspect-ratio: 100 / 330;
  /* 24px left of the previous -0.5rem inset at the preview's 16px root size. */
  margin: 0 var(--hv-right-inset) 0.75rem auto;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
}
.hv .hv-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 100 / 330;
}
.hv .hv-fallback {
  position: absolute;
  inset: auto 0 2rem;
  color: #5c6570;
  font: 12px/1.4 Helvetica, Arial, sans-serif;
  text-align: center;
}