/* Source-owned fixes verified with actual 360px Chromium rendering. */
.quote-layout > *, .form-row > *, .form-field { min-width: 0; }
.form-field input, .form-field select, .form-field textarea { max-width: 100%; }
/* Rotated decorative pseudo-element extends beyond its containing hero. */
.page-hero::after { transform: none !important; }
/* Eight navigation links plus the header CTA do not fit at tablet widths. */
@media (min-width: 761px) and (max-width: 1100px) {
  .header-in { gap: 12px; }
  .top-call { display: none; }
  .menu-toggle { display: block; }
  .nav { display: none; position: absolute; left: 0; right: 0; top: 100%; margin: 0; padding: 20px 26px; background: #fff; border-bottom: 1px solid var(--line); }
  .nav.open { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
}
@media (max-width: 400px) {
  .page-hero h1 { font-size: 32px !important; letter-spacing: -1.5px !important; overflow-wrap: anywhere; }
}