/* Preserve The Last-Month AYC Vest Design While Letting Sections Use The Full Viewport. */
.max-w-7xl {
  width: 100%;
  max-width: 1840px !important;
}

/* Keep Public Copy In The Requested Title Case. */
#root { text-transform: capitalize; }
#root p:not([class*="text-center"]) {
  text-align: justify;
  text-justify: inter-word;
}

/* Property Photography Uses A Rounded 28px Corner Radius. */
#root img[src*="/images/"] { border-radius: 28px !important; }

/* Remove Decorative Layers Around The Property Image. */
#root main > section:first-of-type .pointer-events-none.absolute { display: none !important; }
#root main > section:first-of-type [class*="rounded-[28px]"] {
  background: transparent !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  --tw-ring-shadow: 0 0 transparent !important;
  --tw-shadow: 0 0 transparent !important;
}

/* Give The Professional Property Image A Wider, Landscape Presentation. */
#root main > section:first-of-type [class*="grid-cols-[1.05fr_0.95fr]"] {
  gap: 2.5rem !important;
  grid-template-columns: 0.75fr 1.25fr !important;
}
#root main > section:first-of-type [class*="max-w-[min(100%,28rem)]"] {
  max-width: min(100%, 920px) !important;
}
#root main > section:first-of-type [class*="aspect-[3/4]"] {
  aspect-ratio: 16 / 10 !important;
  min-height: 0 !important;
}

/* Keep The Property Details Card Compact So It Does Not Hide The Photograph. */
#root main > section:first-of-type [class*="bottom-6"][class*="inset-x-5"] {
  left: 5% !important;
  right: auto !important;
  width: 62% !important;
  padding: 1rem !important;
}
#root main > section:first-of-type [class*="bottom-6"][class*="inset-x-5"] p:first-child {
  font-size: 1.05rem !important;
}
#root main > section:first-of-type [class*="bottom-6"][class*="inset-x-5"] p[class*="mt-3"] {
  margin-top: 0.7rem !important;
  padding-top: 0.7rem !important;
  font-size: 1.45rem !important;
}

@media (max-width: 959px) {
  #root main > section:first-of-type [class*="bottom-6"][class*="inset-x-5"] {
    left: 1rem !important;
    right: 1rem !important;
    width: auto !important;
  }
}

@media (min-width: 1700px) {
  .max-w-7xl { max-width: 1840px !important; }
}