@media (max-width: 860px){[style*=grid-template-columns]:not([data-sheet]):not([data-sheet] *):not([data-cols]):not([data-cols] *):not([data-export] *){grid-template-columns:1fr!important}[data-cols]{min-width:0!important}[data-sheet]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}[data-sheet]>*{min-width:720px}[data-sheet=week]>*{min-width:560px}[style*="display: flex"]:not([style*="flex-direction: column"]):not([style*="overflow-x: auto"]):not([data-row]):not([data-row] *):not([data-export] *),[style*="display:flex"]:not([style*="flex-direction: column"]):not([style*="overflow-x: auto"]):not([data-row]):not([data-row] *):not([data-export] *){flex-wrap:wrap!important;row-gap:12px!important}[data-export],[data-export] *{max-width:none!important}[style*="overflow-x: auto"]>*,[data-sheet] *{flex-wrap:nowrap!important}[data-inset]:not([data-export] *){padding:24px 16px 56px!important}[style*="padding:44px 52px"]:not([data-export] *),[style*="padding: 44px 52px"]:not([data-export] *){padding:26px 18px 60px!important}[style*="padding:32px 36px"]:not([data-export] *),[style*="padding:32px 40px"]:not([data-export] *),[style*="padding:28px 30px"]:not([data-export] *){padding:22px 18px 50px!important}[style*="padding: 20px 22px"]:not([data-export] *){padding:15px 17px!important}[style*="padding: 24px"]:not([data-export] *){padding:18px!important}[style*="padding: 40px"]:not([data-export] *){padding:22px!important}input,textarea,select,button{max-width:100%}[data-export] *{max-width:none}input,textarea,select{font-size:16px!important}input[type=checkbox],input[type=radio]{font-size:inherit!important}[style*="position: fixed"][style*="bottom: 0"]:not([data-row]){padding-bottom:env(safe-area-inset-bottom,0px)}And the first selector has to say it is not the second one. `[style*="height: 100vh"]` matches `min-height: 100vh` too — the string is inside it — so this set a hard 812px height on every page root in the product,which is declared `minHeight:"100vh"`. The page kept scrolling,because the content inside simply overflowed;what stopped at 812px was the element painting the background. Below one screen the warm paper ran out and the rest of every long page was bare canvas. Nothing errored and the layout was otherwise perfect,which is why it took a screenshot to see. */ [style*="height: 100vh"]:not([style*="min-height: 100vh"]):not([data-export] *){height:100dvh!important}[style*="min-height: 100vh"]:not([data-export] *){min-height:100dvh!important}[data-row]{touch-action:none}h1:not([data-export] *){font-size:clamp(30px,9vw,44px)!important;line-height:1.1!important}h2:not([data-export] *){font-size:clamp(22px,6.4vw,34px)!important}html,body{overflow-x:hidden}button,[role=button]{min-height:38px}button,[role=button],a,select{-webkit-tap-highlight-color:transparent}[data-tour=messages]{right:14px!important;bottom:14px!important}.portal-tabs{padding:0 14px!important;-webkit-overflow-scrolling:touch;background:linear-gradient(to left,#fff 40%,#fff0) right / 34px 100% no-repeat local,#fff!important}.portal-tabs>button{padding:13px!important;font-size:11.5px!important;letter-spacing:.05em!important}.portal-main{padding:22px 16px!important}}@media (max-width: 560px){[style*=maxWidth]:not([data-export] *){max-width:100%!important}[data-sheet]>*{min-width:640px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 860px){[style*="overflow-x: auto"],[data-sheet]{-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent)}[style*="overflow-x: auto"]::-webkit-scrollbar,[data-sheet]::-webkit-scrollbar{display:none}}