/* 2026-09-24 owner correction: four equal text tabs must fit beside the
   existing SR-1217 home control without using viewport units that include a
   classic scrollbar. This file is imported last so it only corrects the
   shared Details-tab geometry. */
.property-details-dock {
  display: none !important;
}

.nav-shell .property-tagline-links--global,
.nav-shell--iphone .property-tagline-links--global,
.nav-shell--ipad .property-tagline-links--global,
html.home-viewport-scrollable .nav-shell--video .property-tagline-links--global {
  width: calc(100% - max(16px, calc(env(safe-area-inset-left) + env(safe-area-inset-right) + 8px))) !important;
  max-width: 60rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  column-gap: 0 !important;
}

.nav-shell .property-tagline-links--global .property-tagline-link,
.nav-shell--iphone .property-tagline-links--global .property-tagline-link,
.nav-shell--ipad .property-tagline-links--global .property-tagline-link {
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
  transform: none !important;
}

@media (min-width: 768px) {
  .nav-shell .property-tagline-links--global,
  .nav-shell--ipad .property-tagline-links--global {
    left: 50% !important;
    right: auto !important;
    width: min(60rem, calc(100% - 15rem)) !important;
    max-width: calc(100% - 15rem) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    column-gap: clamp(.5rem, 1.8vw, 2rem) !important;
    transform: translate(-50%, -50%) !important;
  }
}

/* Route transitions do not replace the document head, so the route-specific
   09-23 stylesheets are not guaranteed to load when Images, Videos, or
   Features is reached through the shared tabs. Keep the approved summaries,
   separators, and title removal in this stylesheet because it is present on
   every route. */
.space-page .page-heading.review-heading,
.nav-shell--experience + .details-page .page-heading.review-heading {
  width: min(760px, calc(100% - 48px)) !important;
  margin: 0 auto 20px !important;
}

.space-page .page-heading.review-heading > span,
.nav-shell--experience + .details-page .page-heading.review-heading > span {
  width: 100% !important;
  height: 1px !important;
  display: block !important;
  background: rgba(255, 255, 255, 0.32) !important;
}

.space-page .page-heading.review-heading h1.sr-page-title,
.nav-shell--experience + .details-page .page-heading.review-heading h1.sr-page-title,
.dwi-page--icon-gallery-mockup .page-heading.review-heading.dwi-icon-grid-heading h1.sr-page-title {
  display: none !important;
}

.space-page,
.nav-shell--experience + .details-page,
.dwi-page.dwi-page--icon-gallery-mockup {
  padding-top: 80px !important;
}

.space-page .page-heading.review-heading .review-summary,
.nav-shell--experience + .details-page .page-heading.review-heading .review-summary {
  margin: 18px 0 !important;
}

.dwi-page--icon-gallery-mockup .page-heading.review-heading.dwi-icon-grid-heading {
  margin: 0 auto 20px !important;
}

@media (max-width: 767px) {
  .space-page,
  .nav-shell--experience + .details-page,
  .dwi-page.dwi-page--icon-gallery-mockup {
    padding-top: 120px !important;
  }

  .space-page .page-heading.review-heading,
  .nav-shell--experience + .details-page .page-heading.review-heading {
    width: calc(100% - 36px) !important;
    margin-bottom: 18px !important;
  }

  .space-page .page-heading.review-heading .review-summary,
  .nav-shell--experience + .details-page .page-heading.review-heading .review-summary {
    margin: 15px 0 !important;
  }

  .dwi-page--icon-gallery-mockup .page-heading.review-heading.dwi-icon-grid-heading {
    margin-bottom: 18px !important;
  }
}
