/* v152 iPad sizes the 1180px sheet did not cover: iPad Pro 12.9 landscape is 1366px wide.
   Portrait and landscape: 768x1024, 820x1180, 1024x1366. Page itself does not scroll sideways.
   Wide tables scroll inside their card. Touch targets stay at least 44px. */
@media (max-width: 1366px), (pointer: coarse) {
  html, body { max-width: 100%; overflow-x: hidden; }
  main.wrap { max-width: 100%; overflow-x: hidden; }
  img, video, canvas, svg, iframe { max-width: 100%; }
  .pagehead { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: flex-start; }
  .pagehead h1 { overflow-wrap: anywhere; }
  .pagehead .actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .card, .section, .scroll112, .wm103 { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #mtable103 { min-width: 760px; }
  #ws65 .ws-nums, #ws65 .ws-rnums { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); max-width: 100%; }
  #ws65 .ws-pdfline { grid-template-columns: 1fr 1fr; }
  #ws65 .ws-pdfline .ws-wide { grid-column: 1 / -1; }
  a.btn, .btn, button, .s50-btn, input[type=submit], input[type=button], summary, nav a, .app42-nav a, header a, .qa-banner152 a {
    min-height: var(--t112, 44px);
    min-width: var(--t112, 44px);
    box-sizing: border-box;
  }
  .qa-banner152 a { display: inline-flex; align-items: center; }
  .wp116 label.btn { min-height: var(--t112, 44px) !important; min-width: var(--t112, 44px) !important; }
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]), select, textarea {
    min-height: 44px;
    font-size: 16px;
    max-width: 100%;
    box-sizing: border-box;
  }
}

/* Tablet signing handoff: the bar stays tappable in portrait and landscape. */
#bar a { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; box-sizing: border-box; }