/* Listing detail sheet: start below the sticky site header.
   --nh-header-h is measured by a small script in index.html; 72px is the fallback. */
.detail-overlay.open { top: var(--nh-header-h, 72px); }

.detail-overlay .detail-panel {
  box-sizing: border-box;
  max-height: calc(100vh - var(--nh-header-h, 72px) - 32px);
  max-height: calc(100dvh - var(--nh-header-h, 72px) - 32px);
}

/* phone: bottom sheet fills the space under the header */
@media (max-width: 760px) {
  .detail-overlay .detail-panel {
    max-height: calc(100vh - var(--nh-header-h, 72px) - 8px);
    max-height: calc(100dvh - var(--nh-header-h, 72px) - 8px);
  }
}