: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}}
main>.max-w-3xl{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding:44px 40px 88px!important}main>.max-w-3xl>nav{margin-bottom:44px!important}main>.max-w-3xl>header{position:relative;border-bottom:1px solid var(--ink)!important;margin:0!important;padding:24px 0 58px!important}main>.max-w-3xl>header:after{content:"";background:var(--ink);width:58px;height:3px;position:absolute;bottom:-1px;left:0}main>.max-w-3xl>header h1{max-width:820px;letter-spacing:-.055em!important;text-transform:none!important;margin-top:14px!important;font-size:clamp(42px,6vw,76px)!important;font-weight:700!important;line-height:.94!important}main>.max-w-3xl>header p{max-width:660px;margin-top:25px!important;font-size:17px!important;line-height:1.65!important}main>.max-w-3xl>header>div:first-child{font-family:var(--font-plex-mono),monospace!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-size:10px!important}main>.max-w-3xl>header svg{width:13px!important;height:13px!important}main>.max-w-3xl>header .bg-ink{border-radius:0!important;margin-top:26px!important}main>.max-w-3xl>div.space-y-6{display:block!important}main>.max-w-3xl>div.space-y-6>*{box-shadow:none!important;border-radius:0!important;margin-top:0!important;margin-bottom:0!important}main>.max-w-3xl>div.space-y-6>*+*{border-top:1px solid var(--ink)!important}main>.max-w-3xl>div.space-y-6>div{background:0 0!important;border-left:0!important;border-right:0!important;padding:54px 0!important}main>.max-w-3xl>div.space-y-6>div>div:first-child{font-family:var(--font-plex-mono),monospace!important;text-transform:uppercase!important;letter-spacing:.12em!important}main>.max-w-3xl>div.space-y-6 h2{letter-spacing:-.045em!important;margin-bottom:22px!important;font-size:clamp(26px,3.2vw,40px)!important;line-height:1!important}main>.max-w-3xl>div.space-y-6 h3{letter-spacing:-.02em!important;font-size:19px!important}main>.max-w-3xl>div.space-y-6 p,main>.max-w-3xl>div.space-y-6 li{font-size:15px!important;line-height:1.7!important}main>.max-w-3xl>div.space-y-6 code,main>.max-w-3xl>div.space-y-6 pre{border-radius:0!important}main>.max-w-3xl>div.space-y-6 pre{border:1px solid var(--ink)!important;background:var(--panel)!important;padding:18px!important;line-height:1.85!important}main>.max-w-3xl>div.space-y-6 .bg-ink{border-radius:0!important}main>.max-w-3xl>div.space-y-6 table{border-collapse:collapse}main>.max-w-3xl>div.space-y-6 table td{padding:16px!important}main>.max-w-3xl>div.space-y-6 ul{padding-left:20px}@media (max-width:760px){main>.max-w-3xl{padding:28px 20px 60px!important}main>.max-w-3xl>nav{margin-bottom:28px!important}main>.max-w-3xl>header{padding:18px 0 42px!important}main>.max-w-3xl>header h1{font-size:clamp(43px,14vw,62px)!important;line-height:.92!important}main>.max-w-3xl>header p{margin-top:21px!important;font-size:15px!important}main>.max-w-3xl>div.space-y-6>div{padding:40px 0!important}main>.max-w-3xl>div.space-y-6 h2{font-size:31px!important}main>.max-w-3xl>div.space-y-6 p,main>.max-w-3xl>div.space-y-6 li{font-size:14px!important}}