/* WEB-009 QA: constrained viewport and 200% zoom, 2026-10-20. */
@media (max-width: 480px) {
  main, main section, main article, main .record, main .web009-resource,
  main .source-links, main .document-reference, main input,
  details.doc-key, details.doc-key > *, .page-jumps, .page-intro {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  main article, main .record, main .web009-resource,
  main .document-reference, details.doc-key { width: 100%; }
  main input { width: 100%; }
  main a, main p, main h3, main .document-title,
  main .document-issuer, main .document-meta { overflow-wrap: anywhere; }
  details.doc-key { position: static !important; inset: auto !important; margin: 1rem auto !important; width: calc(100% - 2rem) !important; max-width: 100% !important; }
  #evidence-search { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
}

/* WEB-009 narrow Evidence Key: prevent negative auto-margin overflow. */
@media(max-width:480px){details.doc-key{width:100%!important;max-width:100%!important;margin:1rem 0!important;min-width:0!important;box-sizing:border-box!important}}

/* Narrow equivalent viewport: prevent long headings forcing horizontal scroll. */
@media (max-width:240px){main h1,main h2,main h3{overflow-wrap:anywhere;word-break:normal}}