/* 2026-07-22 Related listings should visually match Browse cards. Loaded last on purpose. */
html body main.site-main .related-section{
  width:min(100%,1120px)!important;
  margin:clamp(1.5rem,4vw,2.5rem) auto 0!important;
  padding:0!important;
}
html body main.site-main .related-section>h2{
  margin:0 0 1rem!important;
  color:#fff8df!important;
  font-size:clamp(1.9rem,7vw,2.6rem)!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
}
html body main.site-main .related-browse-card-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(238px,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
html body main.site-main .related-browse-card-grid .listing-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(88,242,160,.34)!important;
  border-radius:22px!important;
  background:#10251c!important;
  color:#f8fbf3!important;
  min-height:0!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22)!important;
  transform:none!important;
}
html body main.site-main .related-browse-card-grid .listing-card-service{
  background:#162645!important;
  border-color:rgba(158,203,255,.42)!important;
}
html body main.site-main .related-browse-card-grid .listing-image-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:188px!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:22px 22px 0 0!important;
  background:#07110c!important;
  box-shadow:none!important;
}
html body main.site-main .related-browse-card-grid .listing-image-link,
html body main.site-main .related-browse-card-grid .listing-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
}
html body main.site-main .related-browse-card-grid .listing-img-contain{object-fit:contain!important;}
html body main.site-main .related-browse-card-grid .browse-card-overlay-top{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  z-index:40!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
html body main.site-main .related-browse-card-grid .image-type-pill,
html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill,
html body main.site-main .related-browse-card-grid .browse-card-reaction-pair,
html body main.site-main .related-browse-card-grid .image-location-pill{
  position:absolute!important;
  transform:none!important;
  pointer-events:auto!important;
  z-index:44!important;
  margin:0!important;
  line-height:1!important;
}
html body main.site-main .related-browse-card-grid .image-type-pill{
  top:8px!important;
  left:8px!important;
  right:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.25rem!important;
  width:auto!important;
  max-width:calc(100% - 16px)!important;
  min-width:0!important;
  min-height:0!important;
  padding:.34rem .62rem!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  color:#062416!important;
  font-size:.78rem!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
html body main.site-main .related-browse-card-grid .listing-card-service .image-type-pill{background:#9ecbff!important;color:#06162a!important;}
html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill{
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.1rem!important;
  width:auto!important;
  max-width:92px!important;
  min-width:0!important;
  min-height:0!important;
  padding:.28rem .46rem!important;
  border-radius:999px!important;
  background:rgba(6,17,11,.82)!important;
  color:#ffd84d!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
  visibility:visible!important;
}
html body main.site-main .related-browse-card-grid .owner-rating-label,
html body main.site-main .related-browse-card-grid .rating-sort-icon{display:none!important;}
html body main.site-main .related-browse-card-grid .owner-rating-stars{display:inline-flex!important;gap:0!important;white-space:nowrap!important;}
html body main.site-main .related-browse-card-grid .rating-star{width:.72em!important;min-width:.72em!important;line-height:1!important;}
html body main.site-main .related-browse-card-grid .image-location-pill{display:none!important;}
html body main.site-main .related-browse-card-grid .browse-card-reaction-pair{
  right:8px!important;
  left:auto!important;
  top:auto!important;
  bottom:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  width:auto!important;
  max-width:76px!important;
  min-width:0!important;
  min-height:0!important;
  padding:3px!important;
  border-radius:999px!important;
  background:rgba(6,17,11,.76)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
  visibility:visible!important;
}
html body main.site-main .related-browse-card-grid .browse-card-reaction{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  min-width:30px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  text-decoration:none!important;
}
html body main.site-main .related-browse-card-grid .browse-card-reaction span[aria-hidden="true"]{font-size:.92rem!important;line-height:1!important;}
html body main.site-main .related-browse-card-grid .visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html body main.site-main .related-browse-card-grid .listing-body{
  display:grid!important;
  gap:.45rem!important;
  padding:1rem!important;
  min-width:0!important;
  background:transparent!important;
  color:#f8fbf3!important;
}
html body main.site-main .related-browse-card-grid .listing-title,
html body main.site-main .related-browse-card-grid .listing-title a{
  display:block!important;
  margin:0!important;
  color:#f8fbf3!important;
  font-size:1.12rem!important;
  line-height:1.15!important;
  text-decoration:none!important;
  text-shadow:none!important;
}
html body main.site-main .related-browse-card-grid .listing-desc{
  display:block!important;
  margin:0!important;
  color:#c9d5d0!important;
  font-size:.95rem!important;
  line-height:1.35!important;
  text-shadow:none!important;
}
html body main.site-main .related-browse-card-grid .listing-location-text{display:none!important;}
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html body main.site-main .related-browse-card-grid .listing-card{
    display:grid!important;
    grid-template-columns:128px minmax(0,1fr)!important;
    gap:0!important;
    min-height:128px!important;
    border-radius:20px!important;
    align-items:stretch!important;
    background:#0f2b1f!important;
    border-color:rgba(88,242,160,.45)!important;
  }
  html body main.site-main .related-browse-card-grid .listing-image-wrap{
    grid-column:1!important;
    grid-row:1!important;
    width:128px!important;
    min-width:128px!important;
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    aspect-ratio:auto!important;
    border-radius:20px 0 0 20px!important;
  }
  html body main.site-main .related-browse-card-grid .listing-body{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:128px!important;
    padding:.74rem .95rem!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid .listing-title,
  html body main.site-main .related-browse-card-grid .listing-title a{
    font-size:1.03rem!important;
    line-height:1.12!important;
    max-width:100%!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    text-overflow:ellipsis!important;
  }
  html body main.site-main .related-browse-card-grid .listing-desc{
    margin-top:.35rem!important;
    font-size:.93rem!important;
    line-height:1.26!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill{
    left:8px!important;
    right:auto!important;
    top:auto!important;
    bottom:8px!important;
    display:inline-flex!important;
    max-width:62px!important;
    padding:.22rem .35rem!important;
    background:rgba(6,17,11,.78)!important;
  }
  html body main.site-main .related-browse-card-grid .browse-card-reaction-pair{
    left:auto!important;
    right:8px!important;
    top:auto!important;
    bottom:8px!important;
    max-width:76px!important;
    padding:3px!important;
    background:rgba(6,17,11,.72)!important;
  }
  html body main.site-main .related-browse-card-grid .browse-card-reaction{width:30px!important;min-width:30px!important;height:28px!important;min-height:28px!important;}
  html body main.site-main .related-browse-card-grid .image-type-pill{top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;padding:.31rem .56rem!important;font-size:.73rem!important;max-width:104px!important;}
}
@media(max-width:380px){
  html body main.site-main .related-browse-card-grid .listing-card{grid-template-columns:116px minmax(0,1fr)!important;min-height:116px!important;}
  html body main.site-main .related-browse-card-grid .listing-image-wrap{width:116px!important;min-width:116px!important;height:116px!important;min-height:116px!important;max-height:116px!important;}
  html body main.site-main .related-browse-card-grid .listing-body{min-height:116px!important;padding:.64rem .78rem!important;}
  html body main.site-main .related-browse-card-grid .listing-title,
  html body main.site-main .related-browse-card-grid .listing-title a{font-size:1rem!important;}
  html body main.site-main .related-browse-card-grid .listing-desc{font-size:.88rem!important;}
}

/* 2026-07-22 Related mobile overlay hard placement: stars left, actions right. */
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid .listing-image-wrap{
    position:relative!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid .browse-card-overlay-top{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  html body main.site-main .related-browse-card-grid .image-type-pill{
    position:absolute!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:70!important;
  }
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill{
    position:absolute!important;
    left:auto!important;
    right:8px!important;
    top:8px!important;
    bottom:auto!important;
    z-index:72!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:46px!important;
    max-width:58px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 .32rem!important;
    border-radius:999px!important;
    background:rgba(6,17,11,.86)!important;
    color:#ffd84d!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill .owner-rating-stars{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    gap:0!important;
    white-space:nowrap!important;
    width:auto!important;
    max-width:48px!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill .rating-star{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    width:.62em!important;
    min-width:.62em!important;
    height:auto!important;
    font-size:.78rem!important;
    line-height:1!important;
    color:#ffd84d!important;
    text-shadow:0 1px 2px rgba(0,0,0,.75)!important;
  }
  html body main.site-main .related-browse-card-grid .browse-card-reaction-pair{
    position:absolute!important;
    left:auto!important;
    right:8px!important;
    top:auto!important;
    bottom:8px!important;
    z-index:74!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    height:34px!important;
    min-height:34px!important;
    padding:3px!important;
    border-radius:999px!important;
    background:rgba(6,17,11,.84)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  html body main.site-main .related-browse-card-grid .browse-card-reaction{
    width:29px!important;
    min-width:29px!important;
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
  }
}

/* 2026-07-23 Related mobile overlays belong to whole card, not thumbnail. */
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid .listing-card{
    position:relative!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid .listing-image-wrap{
    position:static!important;
    overflow:visible!important;
    isolation:auto!important;
  }
  html body main.site-main .related-browse-card-grid .listing-image-link,
  html body main.site-main .related-browse-card-grid .listing-img{
    border-radius:20px 0 0 20px!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid .browse-card-overlay-top{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  html body main.site-main .related-browse-card-grid .image-type-pill{
    position:absolute!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:80!important;
  }
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill{
    position:absolute!important;
    top:8px!important;
    right:10px!important;
    left:auto!important;
    bottom:auto!important;
    z-index:82!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:54px!important;
    max-width:70px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0 .38rem!important;
    border-radius:999px!important;
    background:rgba(6,17,11,.86)!important;
    color:#ffd84d!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill .owner-rating-stars,
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill .rating-star{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body main.site-main .related-browse-card-grid .browse-card-reaction-pair{
    position:absolute!important;
    top:auto!important;
    right:10px!important;
    left:auto!important;
    bottom:10px!important;
    z-index:84!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    height:34px!important;
    min-height:34px!important;
    padding:3px!important;
    border-radius:999px!important;
    background:rgba(6,17,11,.84)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  html body main.site-main .related-browse-card-grid .listing-body{
    padding-right:5.25rem!important;
  }
}

/* 2026-07-23 Related mobile final pill/star color polish. */
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid .image-type-pill{
    left:64px!important;
    right:auto!important;
    top:9px!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    justify-content:center!important;
    text-align:center!important;
    z-index:88!important;
  }
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill,
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill *{
    color:#ffd84d!important;
    -webkit-text-fill-color:#ffd84d!important;
    text-shadow:0 1px 2px rgba(0,0,0,.7)!important;
  }
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill .rating-star,
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill .rating-star.is-full,
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill .rating-star.is-half,
  html body main.site-main .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill .rating-star.is-empty{
    color:#ffd84d!important;
    -webkit-text-fill-color:#ffd84d!important;
  }
}
@media(max-width:380px){
  html body main.site-main .related-browse-card-grid .image-type-pill{left:58px!important;}
}

/* 2026-07-23 Mobile menu divider and theme placement. */
.site-header .nav .nav-menu-divider,
.site-header-inner .nav .nav-menu-divider{
  display:block!important;
  width:100%!important;
  height:1px!important;
  margin:.25rem 0 .35rem!important;
  background:linear-gradient(90deg,transparent,rgba(224,176,80,.46),transparent)!important;
  flex:0 0 auto!important;
}
.site-header .nav .nav-theme-toggle,
.site-header-inner .nav .nav-theme-toggle{
  order:99!important;
  width:100%!important;
  justify-content:center!important;
  gap:.8rem!important;
  min-height:48px!important;
}
.site-header .nav .nav-theme-toggle .theme-menu-label,
.site-header-inner .nav .nav-theme-toggle .theme-menu-label{
  display:inline!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .site-header .nav .nav-menu-divider,
  .site-header-inner .nav .nav-menu-divider{
    margin:.42rem 0 .2rem!important;
  }
  .site-header .nav .nav-theme-toggle,
  .site-header-inner .nav .nav-theme-toggle{
    align-self:stretch!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    padding:.55rem .75rem!important;
    border-radius:18px!important;
  }
}

/* 2026-07-23 Related listing cards global scope note.
   These rules intentionally target .related-browse-card-grid anywhere on the site,
   not just listing detail pages, so similar/related listing overlays match consistently. */

/* 2026-07-23 Related cards image crop and readable copy. */
html body main.site-main .related-browse-card-grid .listing-image-wrap,
html body main.site-main .related-browse-card-grid .listing-image-link{
  background:#07110c!important;
}
html body main.site-main .related-browse-card-grid .listing-img,
html body main.site-main .related-browse-card-grid .listing-img-contain,
html body main.site-main .related-browse-card-grid img.listing-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
}
html body main.site-main .related-browse-card-grid .listing-desc{
  color:#f8fbf3!important;
  opacity:1!important;
  text-shadow:none!important;
}
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid .listing-desc{
    color:#f8fbf3!important;
    opacity:1!important;
  }
}

/* 2026-07-23 Related mobile text lift and white description final. */
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid .listing-card .listing-body{
    justify-content:flex-start!important;
    align-content:start!important;
    padding-top:1.05rem!important;
    padding-bottom:.55rem!important;
  }
  html body main.site-main .related-browse-card-grid .listing-card .listing-title,
  html body main.site-main .related-browse-card-grid .listing-card .listing-title a{
    margin-top:0!important;
    margin-bottom:.42rem!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
  }
  html body main.site-main .related-browse-card-grid .listing-card .listing-desc,
  html body main.site-main .related-browse-card-grid .listing-card p.listing-desc,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-body .listing-desc{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    margin-top:.12rem!important;
  }
}

/* 2026-07-23 Related mobile city pill and higher copy. */
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid .image-location-pill{
    position:absolute!important;
    left:8px!important;
    right:auto!important;
    top:auto!important;
    bottom:8px!important;
    z-index:86!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.16rem!important;
    width:auto!important;
    max-width:112px!important;
    min-width:0!important;
    min-height:28px!important;
    padding:.28rem .48rem!important;
    border-radius:999px!important;
    background:rgba(95,209,156,.92)!important;
    color:#062416!important;
    -webkit-text-fill-color:#062416!important;
    font-size:.68rem!important;
    font-weight:950!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  html body main.site-main .related-browse-card-grid .image-location-pill .loc-icon{
    display:inline-grid!important;
    place-items:center!important;
    width:.76rem!important;
    height:.76rem!important;
    min-width:.76rem!important;
    margin:0!important;
    color:#062416!important;
    -webkit-text-fill-color:#062416!important;
  }
  html body main.site-main .related-browse-card-grid .image-location-pill svg{
    display:block!important;
    width:.76rem!important;
    height:.76rem!important;
    fill:currentColor!important;
  }
  html body main.site-main .related-browse-card-grid .image-location-pill .loc-city,
  html body main.site-main .related-browse-card-grid .image-location-pill .loc-distance{
    display:inline-block!important;
    min-width:0!important;
    max-width:78px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body main.site-main .related-browse-card-grid .listing-card .listing-body{
    justify-content:flex-start!important;
    align-content:start!important;
    padding-top:.55rem!important;
    padding-bottom:.5rem!important;
  }
  html body main.site-main .related-browse-card-grid .listing-card .listing-title,
  html body main.site-main .related-browse-card-grid .listing-card .listing-title a{
    margin-top:0!important;
    margin-bottom:.32rem!important;
  }
  html body main.site-main .related-browse-card-grid .listing-card .listing-desc,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-body .listing-desc{
    margin-top:.05rem!important;
  }
}
@media(max-width:380px){
  html body main.site-main .related-browse-card-grid .image-location-pill{max-width:100px!important;font-size:.64rem!important;}
  html body main.site-main .related-browse-card-grid .image-location-pill .loc-city{max-width:66px!important;}
}

/* 2026-07-23 Related city pill red pin icon. */
html body main.site-main .related-browse-card-grid .image-location-pill .loc-icon,
html body main.site-main .related-browse-card-grid .image-location-pill .loc-icon svg{
  color:#e53935!important;
  fill:#e53935!important;
  -webkit-text-fill-color:#e53935!important;
}
html body main.site-main .related-browse-card-grid .image-location-pill .loc-city,
html body main.site-main .related-browse-card-grid .image-location-pill .loc-distance{
  color:#062416!important;
  -webkit-text-fill-color:#062416!important;
}

/* 2026-07-23 Related mobile long-title containment. */
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid article.listing-card{
    grid-template-columns:128px minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    min-height:128px!important;
    max-height:148px!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-image-wrap{
    align-self:start!important;
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-image-link,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-img,
  html body main.site-main .related-browse-card-grid article.listing-card img.listing-img{
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-body{
    grid-column:2!important;
    align-self:start!important;
    justify-content:flex-start!important;
    min-height:128px!important;
    max-height:148px!important;
    padding:.72rem 5.15rem .55rem .92rem!important;
    overflow:hidden!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .title-type-icon-pill{
    display:none!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-title,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-title a{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-height:2.32em!important;
    font-size:1.04rem!important;
    line-height:1.16!important;
    margin:0 0 .3rem!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    hyphens:auto!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-location-text{
    display:none!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-desc,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-body .listing-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-height:2.55em!important;
    margin:.05rem 0 0!important;
    font-size:.92rem!important;
    line-height:1.28!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .image-rating-pill.listing-rating-sort-pill{
    top:8px!important;
    right:10px!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .browse-card-reaction-pair{
    right:10px!important;
    bottom:10px!important;
  }
}
@media(max-width:380px){
  html body main.site-main .related-browse-card-grid article.listing-card{
    grid-template-columns:116px minmax(0,1fr)!important;
    min-height:116px!important;
    max-height:136px!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-image-wrap,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-image-link,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-img,
  html body main.site-main .related-browse-card-grid article.listing-card img.listing-img{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-body{
    min-height:116px!important;
    padding:.62rem 4.95rem .48rem .78rem!important;
  }
}

/* 2026-07-23 Related mobile text-flow experiment.
   Reversible: remove this block or roll cachebuster back if the overlay/text overlap tradeoff is not preferred. */
@media(max-width:760px){
  html body main.site-main .related-browse-card-grid article.listing-card .listing-body{
    padding-right:2.75rem!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-title,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-title a{
    -webkit-line-clamp:2!important;
    max-height:2.42em!important;
    padding-right:0!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .listing-desc,
  html body main.site-main .related-browse-card-grid article.listing-card .listing-body .listing-desc{
    -webkit-line-clamp:3!important;
    max-height:3.85em!important;
    padding-right:0!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .image-rating-pill.listing-rating-sort-pill{
    right:8px!important;
    min-width:46px!important;
    max-width:58px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 .28rem!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .browse-card-reaction-pair{
    right:8px!important;
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:32px!important;
    min-height:32px!important;
    padding:2px!important;
  }
  html body main.site-main .related-browse-card-grid article.listing-card .browse-card-reaction{
    width:27px!important;
    min-width:27px!important;
    height:26px!important;
    min-height:26px!important;
  }
}
@media(max-width:380px){
  html body main.site-main .related-browse-card-grid article.listing-card .listing-body{
    padding-right:2.45rem!important;
  }
}

/* 2026-07-23 Mobile menu centered theme toggle. */
@media(max-width:900px){
  html body .site-header #site-menu.nav .nav-theme-toggle.theme-toggle-pill,
  html body .site-header .nav .nav-theme-toggle.theme-toggle-pill{
    align-self:center!important;
    justify-self:center!important;
    margin:0 auto!important;
    width:auto!important;
    max-width:max-content!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.62rem!important;
    text-align:center!important;
  }
  html body .site-header #site-menu.nav .nav-theme-toggle.theme-toggle-pill .theme-toggle-track,
  html body .site-header .nav .nav-theme-toggle.theme-toggle-pill .theme-toggle-track{
    flex:0 0 auto!important;
  }
  html body .site-header #site-menu.nav .nav-theme-toggle.theme-toggle-pill .theme-menu-label,
  html body .site-header .nav .nav-theme-toggle.theme-toggle-pill .theme-menu-label{
    display:inline-block!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
}