/* Fixes applied after the move off Webflow (2026-10-14). Desktop is untouched;
   these only stop pages from scrolling sideways on phones. */
@media screen and (max-width: 767px) {
  /* The contact forms were a fixed 45rem (720px) wide, wider than any phone. */
  .form-block.w-form { width: 100%; max-width: 100%; }
  .form-block .w-input, .form-block .w-select, .form-block .w-button { max-width: 100%; box-sizing: border-box; }
}
@media screen and (max-width: 479px) {
  /* 5rem gaps between the hero columns pushed the row past the viewport. */
  .container-5 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; }
}
@media screen and (max-width: 479px) {
  /* Two buttons with a 38px gap were 5px wider than the screen on /agents. */
  .div-block-30 { flex-wrap: wrap; grid-column-gap: 16px; grid-row-gap: 16px; }
  /* The buyer-services card grid overran the viewport by 5px. */
  .listing-grid-item, .listing-card { max-width: 100%; min-width: 0; }
}
@media screen and (max-width: 800px) {
  /* The team-page content box had an 800px minimum width, 16px wider than a tablet. */
  .container-14 { min-width: 0; }
}