:root{--cm-header-height:56px}html{width:100%;max-width:100%;scroll-padding-top:calc(var(--cm-header-height) + env(safe-area-inset-top,0px));overflow-x:clip}body{width:100%;min-width:0;max-width:100%;overflow-x:visible}.min-h-screen,.min-h-screen>main,#main{width:100%;min-width:0;max-width:100%}.min-h-screen>header{z-index:40!important;position:sticky!important;top:0!important}@media (max-width:767px){.min-h-screen main,.min-h-screen main>div,.min-h-screen main section,.min-h-screen main article,.min-h-screen main form{min-width:0;max-width:100%}.min-h-screen main img,.min-h-screen main svg,.min-h-screen main video,.min-h-screen main canvas{max-width:100%}.min-h-screen main p,.min-h-screen main li,.min-h-screen main a,.min-h-screen main span,.min-h-screen main h1,.min-h-screen main h2,.min-h-screen main h3,.min-h-screen main h4,.min-h-screen main h5,.min-h-screen main h6{overflow-wrap:anywhere}.min-h-screen main button,.min-h-screen main a[role=button],.min-h-screen main input[type=button],.min-h-screen main input[type=submit]{touch-action:manipulation}.min-h-screen>header>div{width:100%;min-width:0}.min-h-screen>header a[aria-label=CountMaterials\ home]{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}#mobile-menu-drawer{box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100vw;max-width:100vw;left:0;right:0;overflow-x:hidden}#mobile-menu-drawer nav,#mobile-menu-drawer>div,#mobile-menu-drawer a{min-width:0;max-width:100%}#mobile-menu-drawer a span.flex-1{overflow-wrap:anywhere;min-width:0}.min-h-screen main h1{text-wrap:balance;max-width:100%;line-height:1.12}.min-h-screen main [aria-label=Breadcrumb]{max-width:100%}.min-h-screen main [aria-label=Breadcrumb] ol{row-gap:4px}}.min-h-screen main header [role=group][aria-label=Unit\ system]{flex:none;min-width:max-content}.min-h-screen main header button[aria-pressed=false]{background-color:var(--panel)!important;color:var(--ink)!important}.min-h-screen main header button[aria-pressed=true]{background-color:var(--ink)!important;color:var(--panel)!important}.min-h-screen main header button[aria-pressed=false]:hover{color:var(--ink)!important}@media (max-width:380px){.min-h-screen main header [role=group][aria-label=Unit\ system] button{padding-left:8px;padding-right:8px}}.no-scrollbar{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0;max-width:100%}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar>button{white-space:nowrap;flex:none;max-width:82vw}@media (max-width:767px){.min-h-screen main .no-scrollbar{width:calc(100% + 32px);max-width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.min-h-screen main .result-hivis{width:100%;max-width:100%;overflow:hidden}.min-h-screen main .result-hivis .text-5xl,.min-h-screen main .result-hivis .text-7xl{overflow-wrap:anywhere;max-width:100%}.sticky-result-mobile{top:calc(var(--cm-header-height) + env(safe-area-inset-top,0px))!important;z-index:30!important;position:sticky!important}.min-h-screen main>div>.md\:hidden.fixed.top-14{box-sizing:border-box;top:calc(var(--cm-header-height) + env(safe-area-inset-top,0px))!important;width:100%!important;max-width:100vw!important;left:0!important;right:0!important}.min-h-screen main>div>.md\:hidden.fixed.top-14>div{min-width:0}.min-h-screen main .grid.grid-cols-2{width:100%;min-width:0}.min-h-screen main .grid.grid-cols-2>*{min-width:0;max-width:100%}.min-h-screen main input[type=number]{width:100%;min-width:0;max-width:100%;font-size:1.125rem}.min-h-screen main input[type=number]+span,.min-h-screen main .num.whitespace-nowrap{flex-shrink:0}.min-h-screen main input[type=range]{width:100%;max-width:100%}}@media (max-width:380px){.min-h-screen main .grid.grid-cols-2{column-gap:8px}.min-h-screen main .grid.grid-cols-2 .num{font-size:1.05rem}}@media (max-width:767px){.min-h-screen main section.border.border-ink{min-width:0;max-width:100%;overflow:hidden}.min-h-screen main section.border.border-ink>header,.min-h-screen main section.border.border-ink>header>*{min-width:0}.min-h-screen main section svg{width:100%;max-width:100%;height:auto;display:block}.min-h-screen main section svg[viewBox]{margin-left:auto;margin-right:auto}.min-h-screen main .dot-leader{min-width:12px}.min-h-screen main .num.whitespace-nowrap{max-width:48%}}@media (max-width:420px){.min-h-screen main .grid.grid-cols-3.no-print button{letter-spacing:.04em;min-width:0;padding-left:6px;padding-right:6px;font-size:10px}}@media (max-width:767px){.min-h-screen main .group,.min-h-screen main .group>span.flex-1{min-width:0}.min-h-screen main .group>span.flex-1>span{overflow-wrap:anywhere}.contact-page,.contact-shell,.contact-form-card,.contact-quick,.contact-important,.contact-types,.contact-process,.contact-email{width:100%;min-width:0;max-width:100%}.contact-shell{overflow-wrap:anywhere}.contact-form-grid input,.contact-form-grid select,.contact-form-grid textarea{box-sizing:border-box;max-width:100%}.contact-email strong{overflow-wrap:anywhere}}@media (max-width:360px){.min-h-screen main .px-4,.min-h-screen main .result-hivis{padding-left:14px;padding-right:14px}.min-h-screen main .result-hivis .num{letter-spacing:-.04em}.min-h-screen main section.border.border-ink>div.p-4{padding:12px}}@media (min-width:768px){.sticky-result-mobile{z-index:auto!important;position:static!important;top:auto!important}.min-h-screen main>div>.md\:hidden.fixed.top-14{display:none!important}}@media (max-width:767px){.min-h-screen main a,.min-h-screen main button,.min-h-screen main input,.min-h-screen main select,.min-h-screen main textarea{-webkit-tap-highlight-color:#ffc72c2e}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}