/* V5 Stage 2 — dual viewport + accessibility hardening */
html,body{max-width:100%;overflow-x:hidden}
main,.iatn-view-section,.iatn-tool-form,.nx-tool,.nx-result,.iatn-json-pane{min-width:0;max-width:100%}
img,svg,canvas,video{max-width:100%;height:auto}
input,textarea,select,button{max-width:100%;font:inherit}
textarea{width:100%;box-sizing:border-box}
pre,.nx-result{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.iatn-btn-row,.nx-actions{display:flex;flex-wrap:wrap;gap:10px}
.iatn-btn,.nx-btn,button,input,select{min-height:44px}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.iatn-v5-tool-a11y{margin:14px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:12px;font-size:.84rem;line-height:1.5}
.iatn-v5-tool-a11y strong{display:block;margin-bottom:4px}
#swot-grid{min-width:0}
@media(max-width:760px){
  #swot-grid{grid-template-columns:1fr!important}
  .iatn-tool-form .row,.nx-actions,.iatn-btn-row{flex-direction:column;align-items:stretch}
  .iatn-tool-form .field,.nx-actions>*{width:100%!important;max-width:100%}
  .iatn-view-header h1{overflow-wrap:anywhere}
  canvas{width:100%!important}
}
@media(min-width:761px) and (max-width:1100px){
  #swot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}