/* Final QA: keep diagnostics legible at tablet widths and enlarged text. */
.executive-hero>*{min-width:0}.executive-hero h1,.diagnostic,.field,.footer-grid>*{overflow-wrap:break-word}
img{max-width:100%}input,select,textarea{max-width:100%}
body .button:focus-visible{outline:3px solid #0874bd;outline-offset:4px}.navy .button:focus-visible{outline-color:#9ed6ff}
.field-error{font-size:.875rem}.po-timeline p{font-size:1rem}
@media(min-width:768px) and (max-width:1024px){body .executive-hero{grid-template-columns:1fr;gap:40px}body .executive-hero h1{font-size:clamp(2.5rem,5vw,3.4rem)}.executive-hero .hero-copy{max-width:850px}.executive-hero .diagnostic{width:100%;max-width:850px}}
@media(max-width:430px){.privacy-note a{white-space:normal}.footer-grid a{overflow-wrap:anywhere}.executive-hero h1{hyphens:none}}