/* Local 5.7.0 DEV Holemaking acceptance. Geometry only; approved typography/media stay intact. */
@media (max-width: 1024px) {
  [data-tipped-slider] .hero-banner-controls { gap: 8px; max-width: 100%; }
  [data-tipped-slider] .hero-banner-controls .hero-slider-dot { min-width: 44px; min-height: 44px; }
  [data-tipped-slider] .hero-banner-controls .hero-autoplay-toggle { width: 44px; height: 44px; flex: 0 0 44px; }
  .floating-related-menu[data-ready][data-holemaking-menu] .pcd-sidebar .floating-menu-row > a { min-height: 44px; }
  .sct-contact-form { grid-template-columns: minmax(0, 1fr); min-width: 0; }
  .sct-contact-form .sct-form-grid { min-width: 0; max-width: 100%; }
  .sct-contact-form input:not([type="file"]), .sct-contact-form textarea { max-width: 100%; }
}

/* Use the existing narrow-screen Hero flow on portrait tablets too. */
@media (max-width: 860px) {
  [data-pcd57] .pcd57-hero { grid-template-columns: minmax(0, 1fr); }
  [data-pcd57] .pcd57-hero-copy, [data-pcd57] .pcd57-visual { min-width: 0; }
  [data-pcd57] .pcd57-hero > .pcd57-visual { width: 100%; max-width: 600px; margin-inline: auto; }
}

@media (max-width: 600px) {
  [data-pcd57] :is(.source-hero, .pcd57-hero) .pcd57-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-pcd57] :is(.source-hero, .pcd57-hero) .pcd57-metrics > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
  [data-pcd57] :is(.source-hero, .pcd57-hero) .pcd57-metrics strong { overflow-wrap: normal; word-break: normal; }
  .sct-contact-form .sct-form-grid { grid-template-columns: minmax(0, 1fr); }
  #sct-home-quote { max-width: calc(100% - 16px); }
  #sct-home-quote .sct-quote-body { padding-inline: 12px; }
  #sct-home-quote .sct-contact-form { padding-inline: 12px; }
}

/* Keep a full normal-width verification widget inside the smallest modal, with no scaling. */
@media (max-width: 400px) {
  #sct-home-quote .sct-quote-body { padding-inline: 0; }
  #sct-home-quote .sct-quote-body > p { padding-inline: 12px; }
}