/* Last-mile layout contract: protects content width at laptop, tablet and phone breakpoints. */
html,body,#ecoapp,.layout,.main,.content,.section,.card,.tablewrap{min-width:0}.content{max-width:100%;overflow-x:hidden}.tablewrap{max-width:100%;-webkit-overflow-scrolling:touch}@media (min-width:761px) and (max-width:1366px){.content{padding-left:18px!important;padding-right:18px!important}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.content{padding-left:12px!important;padding-right:12px!important}.overview-hero{padding:16px!important}.overview-hero h2{font-size:23px!important}.formgrid,.cards{grid-template-columns:1fr!important}.tablewrap{overflow-x:auto}.modal-bg{padding:0!important;align-items:flex-end!important}.modal-bg>.modal{width:100%!important;max-width:100%!important;max-height:100dvh!important;border-radius:20px 20px 0 0!important}.modal-bg .modal-head{padding:14px 16px}.modal-bg .modal-body{padding:14px 16px;min-height:0;overflow-y:auto}.modal-bg .modal-foot{padding:10px 16px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-bg .modal-foot .btn{width:100%;min-width:0}.modal-bg .modal-foot .btn:only-child{grid-column:1/-1}}@media (max-width:390px){.content{padding-left:10px!important;padding-right:10px!important}.modal-bg .modal-head{padding:13px 14px}.modal-bg .modal-body{padding:13px 14px}.btn{min-height:42px}}