/* ============================================================
   2026-08-11 BIG-TABLET RANGE (801-1100px) -- new sheet, linked
   from Site.Master. The desktop .articleStyle is a FIXED 1020px,
   which clipped iPads (768-1024) and small laptops. This range
   goes fluid and lets wide content scroll inside the article.
   The typing screen "scale-to-fit" = fluid width + inner
   horizontal scroll where the paper is wider than the glass.
   ============================================================ */
/* the desktop scaffold is fixed-width (centerContainer %, header 1020,
   UploadSection 1000) — everything goes fluid in this range */
.centerContainer { width: 96% !important; }
.siteHeader { width: 100% !important; box-sizing: border-box; }
.siteFooter { width: 100% !important; box-sizing: border-box; }
.mainMenu { max-width: 100%; }
.articleStyle { width: 100% !important; box-sizing: border-box; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.orderDetailsArticle #UploadSection { width: auto !important; }
.gridBx { width: 100% !important; }
.ui-dialog { max-width: 96vw !important; }
.typingArticle { overflow-x: auto; }
/* OrderDetails middle row: soften the 60px column shifts so the
   three columns fit or wrap cleanly instead of clipping */
.orderDetailsArticle #middleCon, .orderDetailsArticle #lastCon { margin-left: 20px; }