/* Mobile safety net scoped to About and Contact; desktop remains unchanged. */
@media(max-width:768px) {
 body[data-page="about"][data-page] #main.about-rebuilt > section,
 body[data-page="contact"] #main #quote.quote-section,
 body[data-page="contact"] #main #global-hubs { padding-left:20px !important; padding-right:20px !important; }
 body[data-page="contact"] #main #quote .contact-left h1 { font-size:2.25rem !important; line-height:1.15 !important; }
 body:is([data-page="about"],[data-page="contact"]) #main { width:100%; max-width:100%; box-sizing:border-box; }
 body[data-page="about"] #main.about-rebuilt > section,
 body[data-page="contact"] #main > section { padding-left:20px !important; padding-right:20px !important; box-sizing:border-box; max-width:100%; }
 body[data-page="about"] #main.about-rebuilt > section > .container,
 body[data-page="contact"] #main > section > :is(.container,.section-container,.contact-container) { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box; min-width:0; }
 body:is([data-page="about"],[data-page="contact"]) #main :is(p,h1,h2,h3) { max-width:100%; overflow-wrap:break-word; }
 body[data-page][data-page][data-page][data-page][data-page]:is([data-page="about"],[data-page="contact"]) #main :is(h1,.hero-title) { font-size:2.25rem !important; line-height:1.15 !important; white-space:normal !important; overflow-wrap:break-word !important; }
 body[data-page][data-page][data-page][data-page][data-page]:is([data-page="about"],[data-page="contact"]) #main :is(h2,.section-title) { font-size:1.75rem !important; line-height:1.2 !important; white-space:normal !important; }
 body[data-page="about"] #main.about-rebuilt .metrics-grid { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:24px !important; }
 body[data-page="about"] #main.about-rebuilt .metric-item { width:100%; text-align:left; min-width:0; }
 body[data-page="about"] #main.about-rebuilt .metric-value { white-space:nowrap; font-size:2.75rem !important; line-height:1.15; }
 body[data-page="about"] #main.about-rebuilt .workflow-grid { display:grid; grid-template-columns:minmax(0,1fr) !important; width:100%; gap:24px; }
 body[data-page="about"] #main.about-rebuilt .workflow-card { min-width:0; margin-bottom:32px; }
 body[data-page="about"] #main.about-rebuilt .workflow-card:last-child { margin-bottom:0; }
 body[data-page="about"] #main.about-rebuilt .workflow-image-wrapper { width:100%; border-radius:8px; overflow:hidden; }
 body[data-page="about"] #main.about-rebuilt .workflow-card img { width:100%; border-radius:8px; }
 body[data-page="about"] #main.about-rebuilt .workflow-card h3 { margin-top:16px; font-size:1.25rem !important; overflow-wrap:break-word; }
 body[data-page="contact"] #main #quote .contact-split-layout { display:flex !important; flex-direction:column !important; gap:32px; }
 body[data-page="contact"] #main #quote :is(.contact-left,.contact-right,.quote-form,.contact-info-col,.contact-form-col) { min-width:0; width:100% !important; max-width:100% !important; box-sizing:border-box; }
 body[data-page="contact"] #main #quote-form { grid-template-columns:minmax(0,1fr) !important; padding-left:0 !important; padding-right:0 !important; }
 body[data-page="contact"] #main #quote-form :is(.form-row,.form-row-split) { display:flex !important; flex-direction:column !important; width:100%; }
 body[data-page="contact"] #main #quote-form :is(.form-group,input:not([type="checkbox"]),select,textarea) { min-width:0; max-width:100% !important; width:100% !important; box-sizing:border-box; }
 body[data-page="contact"] #main #global-hubs .hubs-left-col { min-width:0; width:100% !important; }
 body[data-page="contact"] #main #global-hubs :is(.contact-list,.contact-clean-list) { grid-template-columns:minmax(0,1fr) !important; }
 body[data-page="contact"] #main #global-hubs a { white-space:normal !important; overflow-wrap:anywhere; }
}