/* RealScout widgets (added Oct 29, 2026). Loaded only on pages that embed a widget.
   Colors come from RealScout's generator; #10213a is the site's --ink. Widths answer to the
   container, never a fixed px, so nothing overflows on a 375px phone. */
realscout-advanced-search {
  --rs-as-button-text-color: #ffffff;
  --rs-as-background-color: #ffffff;
  --rs-as-button-color: #10213a;
  --rs-as-widget-width: 100% !important;
  display: block;
  width: 100%;
}
realscout-home-value {
  --rs-hvw-background-color: #ffffff;
  --rs-hvw-title-color: #10213a;
  --rs-hvw-subtitle-color: rgba(28, 30, 38, 0.5);
  --rs-hvw-input-text-color: #10213a;
  --rs-hvw-primary-button-text-color: #ffffff;
  --rs-hvw-primary-button-color: #10213a;
  --rs-hvw-secondary-button-text-color: #10213a;
  --rs-hvw-secondary-button-color: #ffffff;
  --rs-hvw-widget-width: auto;
  display: block;
  width: 100%;
}
realscout-your-listings {
  --rs-listing-divider-color: #10213a;
  display: block;
  width: 100%;
}

/* Section layout: copy on the left, widget panel on the right (stacks under 900px). */
.rs-sec .split-grid h2 { max-width: 14ch; }
.rs-copy { grid-column: 1 / span 5; }
.rs-copy .lead { margin-top: var(--s-5, 24px); max-width: 40ch; }
.rs-copy .small { margin-top: var(--s-4, 16px); color: var(--ink-2, #3C4A61); }
.rs-panel {
  grid-column: 7 / -1;
  background: #ffffff;
  border: 1px solid var(--line, #DDD6C8);
  padding: clamp(20px, 3vw, 40px);
  min-height: 280px; /* reserves space while the widget loads, so the page does not jump */
  min-width: 0;
}
.rs-panel-bare { background: transparent; border: 0; padding: 0; min-height: 260px; } /* the home value widget draws its own card */
.rs-panel-wide { background: transparent; border: 0; padding: 0; min-height: 520px; }
.rs-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--s-4, 16px); margin-bottom: var(--s-6, 32px); }
.rs-head .lead { max-width: 48ch; margin: 0; }
.rs-note { margin-top: var(--s-4, 16px); font-size: 15px; line-height: 1.5; color: var(--ink-2, #3C4A61); }
@media (max-width: 900px) {
  .rs-copy, .rs-panel { grid-column: 1 / -1; }
  .rs-panel { padding: 16px; }
  .rs-panel-bare { padding: 0; }
}