/* =====================================================================
 *  program-page.css — Living in Riverdale (2026-06-30)
 *  The 12 program pages were built on the property-DETAIL template, whose hero
 *  put a "book a site visit" form (overlaid on the gallery) and a service-area /
 *  agent sidebar ABOVE the article. JB asked to move both blocks BELOW the
 *  article + nearby amenities. The blocks are relocated into .pf-program-aside;
 *  these rules un-overlay the form and lay the two blocks out cleanly.
 *  Token-only (no new fonts/colors).
 * =================================================================== */
.pf-program-aside {
  padding-top: var(--_gap-size---section-gap-v1, 5rem);
  padding-bottom: var(--_gap-size---section-gap-v1, 5rem);
  background: var(--surface-alt);
}
.pf-program-aside-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: start;
}
@media (max-width: 767px) {
  .pf-program-aside-grid { grid-template-columns: 1fr; }
}

/* the form was position:absolute, overlaid on the gallery — return it to normal flow */
.pf-program-aside .rt-property-contact-form-wrapper {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  height: auto !important;
}
.pf-program-aside .rt-property-right-part { width: 100% !important; margin: 0 !important; }

/* the close-X belonged to the overlay popup; pointless in static flow */
.pf-program-aside .rt-cross-icon { display: none !important; }

/* The program pages inherit the property-detail beds/baths/sqft icon row from the
 * template; it is meaningless on a program explainer, so hide it (2026-06-30). */
.rt-property-overview .rt-property-feature { display: none !important; }