/* Consistent keyboard and touch access across the workshop pages. */
[hidden]{display:none!important}html{scroll-padding-top:var(--sticky-height,20px)}main{min-width:0}main:focus{outline:none}.skip-link{position:fixed;left:12px;top:8px;z-index:1000;background:#102c3e;color:#fff;padding:12px 18px;transform:translateY(-160%);border:2px solid #ffb577}.skip-link:focus{transform:none}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #ffb577!important;outline-offset:3px;box-shadow:0 0 0 6px #102c3e!important}
button,select,textarea,input{font:inherit}button,summary,.button,.cartbtn,.header-contact,.header-shop,.header-portal,.partner-website{min-height:48px;touch-action:manipulation}button{min-width:44px}summary{padding-block:12px;cursor:pointer}input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea{font-size:1rem;min-height:48px;max-width:100%}input[type=radio],input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#9b4419}label:has(>input[type=radio]),label:has(>input[type=checkbox]){min-height:48px;align-items:center}button:disabled{cursor:not-allowed}fieldset{min-width:0}img,svg{max-width:100%}p,li,h1,h2,h3,label,legend{overflow-wrap:break-word}.head nav a{display:inline-flex;align-items:center;min-height:44px}.mobile-menu{display:none}.partner-url-field{width:100%}.partner-open-help{margin-top:16px;padding:12px;background:#223b48}.partner-copy-url{margin-top:10px;background:#e28a48;color:#102530;border:1px solid #e28a48;padding:10px}.partner-open-message{font-size:1rem}
@media(max-width:850px){.mobile-menu{display:block;position:relative;margin-left:auto;flex-shrink:0}.mobile-menu>summary{list-style:none;border:2px solid #e28a48;border-radius:3px;padding:10px 12px;color:inherit;font-weight:800}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu[open]>summary{background:#e28a48;color:#102530}.mobile-menu nav{display:flex!important;flex-direction:column;gap:4px!important;position:absolute;right:0;top:100%;width:min(280px,85vw);max-height:65vh;overflow:auto;margin:8px 0 0!important;padding:12px;background:#142b39;color:#fff!important;border:2px solid #e28a48;box-shadow:0 8px 20px #0005;z-index:60}.mobile-menu nav a{color:#fff!important;padding:8px;text-decoration:none!important;white-space:normal}.head{gap:10px;flex-wrap:wrap}.head>nav{display:none!important}.quick-access-links a{font-size:1rem!important;line-height:1.3!important;min-height:64px;padding:10px 4px!important}.quick-access-title{font-size:1rem!important}.head .header-portal{font-size:1rem!important}.head .header-contact,.head .header-shop{font-size:1rem!important}.head .brand{min-width:0}.drawer{max-width:100vw;width:min(520px,100vw);padding-bottom:max(20px,env(safe-area-inset-bottom))}.cartbtn{font-size:1rem}.shape small,.field small,.calcForm small{font-size:.875rem}.photoTile button{min-width:44px;min-height:44px}.calcGrid,.planner,.heroGrid{grid-template-columns:minmax(0,1fr)} }
@media(max-width:400px){.quick-access-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.quick-access-links a{min-height:48px}.container,.wrap{width:calc(100% - 24px)}.head .header-shop,.head .header-contact{padding:8px}.head .brand{max-width:130px}.accountSwitch select{min-width:0}.cardActions>.button,.actions>.button{flex:1;text-align:center}.head nav{flex-wrap:wrap}.shapeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.jointOption,.calcResult,.formPanel,.resultPanel{min-width:0}.calculator>.wrap,.drum>.wrap,#designer>.wrap{padding:12px}.count{white-space:normal}.head .brand{font-size:1rem}.quick-access-inner{padding:8px 0}.quick-access-title{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Contrast repairs measured against each section's actual background. */
body button,body summary{min-height:48px!important}body button{min-width:44px!important}
.vB .eyebrow{color:#efac79}.vB .section-heading p{color:#c5d8dd}.vB .customer-feature,.vB .customer-feature h2,.vB .customer-feature p{color:#183342}.vB .customer-feature .eyebrow{color:#914314}.vB .contact .eyebrow,.vB .contact p,.vB .contact button{color:#102530}.calculator .kicker,.drum .kicker,.calcResult .kicker,.beltGuide .kicker,#produkter .kicker,.how .kicker{color:#914314}.light .eyebrow{color:#914314}
@media(min-width:851px){.head nav{flex-wrap:wrap;gap:8px 18px}.head nav a{white-space:nowrap}.head{padding-block:8px}.cartbtn{flex-shrink:0;white-space:nowrap}}