@media only screen and (min-width: 481px) {
  #ranchovistoso aside .listing {
    display: block;
  }
}

/*
 * Empty stand-in for the IDX custom slideshow that production injects into
 * #preview. Live photos are ~2981×2000; the widget sets width:100% and derives
 * height from that ratio (≈224px at the current sidebar content width).
 * Matching that aspect-ratio keeps the slot the same height as the deployed
 * embed without loading the widget script.
 */
#ranchovistoso aside #preview #IDX-slideshowGallery-62891 {
  position: relative;
  width: 100%;
  aspect-ratio: 2981 / 2000;
  height: auto;
  box-shadow: #777 1px 1px 10px;
  background: transparent;
}

/*
 * Inline Lucide SVGs replace Font Awesome webfont glyphs.
 * Kill legacy ::before/::after FA content so the font file is never needed.
 */
.listing-v2 .icon::before,
.listing-v2 .info a::after,
.listing-v2 .links a::after,
#newMainNav.nav-v2 .subNav > a::after,
#newMainNav.nav-v2 .externalLink > a::after {
  content: none !important;
  font-family: inherit !important;
  display: none !important;
}

.listing-v2 .info .icon {
  position: relative;
}

.listing-v2 .info .icon .listing-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.listing-v2 .links a {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}

.listing-v2 .links a .listing-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.st-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

.registered {
  font-size: 80%;
  vertical-align: middle;
  margin: 0 5px;
  line-height: 1;
}

#copyright .copyright-icon,
#backtotop .backtotop-icon {
  margin-left: 0.25em;
}

#newMainNav.nav-v2 .externalLink > a {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}

#newMainNav.nav-v2 .externalLink > a .st-icon {
  width: 0.9em;
  height: 0.9em;
}