/* QA content iframe only. Does not affect the shared /agent/ wrapper or header.
   Prevent content-caused horizontal overflow while retaining native scrolling and zoom. */
:root { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; min-width: 0; margin-left: 0; margin-right: 0; overflow-x: clip; }
.shell, .main, .hero, .details, .choices, .choice, .service, .note,
.message, .bubble, .choice-body, .service-copy, .consult, .consult-log,
.consult-controls, .chatline, .chatmsg, .trial-extra, .trial-extra-row,
.trial-handoff, .trial-contact-choice, .link-row, .callout,
main, section, article, form { max-width: 100%; min-width: 0; }
img, video, canvas { max-width: 100%; height: auto; }
svg, iframe { max-width: 100%; }
p, li, h1, h2, h3, .bubble, .chatmsg, .choice-title, .service-title { overflow-wrap: anywhere; }
input:not([type=hidden]), textarea, select { font-size: 16px !important; max-width: 100%; min-width: 0; }
@media (max-width: 767px) {
 .trial-handoff { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
 .trial-handoff > *, .trial-extra-row > * { min-width: 0; }
 .trial-extra-row .trial-text-input { min-width: 0; }
}