.catalog-main{padding:0 6% 80px;max-width:1680px;margin:auto}.catalog-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:28px 0 0;font-size:12px;color:var(--c-text-muted);line-height:1.7}.catalog-breadcrumbs a:hover{color:var(--c-accent-text)}.catalog-breadcrumbs span[aria-hidden]{color:var(--c-text-subtle)}.catalog-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:7%;padding:62px 0 54px;align-items:center}.catalog-hero h1{font-size:clamp(38px,4.7vw,72px);letter-spacing:-3px;line-height:1.08;margin:18px 0 24px;max-width:850px}.catalog-hero .catalog-intro{font-size:17px;line-height:1.85;max-width:680px;color:var(--c-text-muted)}.catalog-hero .eyebrow{line-height:1.6}.catalog-hero-art{position:relative;aspect-ratio:1.2;background-color:var(--c-stage);background-image:linear-gradient(rgb(var(--c-stage-grid-rgb)/.2) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--c-stage-grid-rgb)/.2) 1px,transparent 1px);background-size:27px 27px;border:1px solid var(--c-stage-line);overflow:hidden}.catalog-hero-art img{width:100%;height:100%;object-fit:contain}.catalog-hero-art>span{position:absolute;left:18px;bottom:14px;font:10px var(--body);letter-spacing:.9px;color:var(--c-stage-muted)}.catalog-count{display:flex;gap:17px;align-items:center;margin-top:26px;font-size:13px;color:var(--c-text-muted)}.catalog-count strong{font-size:45px;line-height:1;letter-spacing:-2px;color:var(--c-text)}.catalog-count-note{font-size:12px!important;line-height:1.7!important;max-width:570px;margin-top:15px!important;color:var(--c-text-subtle)!important}.catalog-discover{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);padding:26px 0;margin:0 0 35px}.catalog-discover h2{font:14px var(--display);margin:0 0 18px}.catalog-navigation{display:grid;grid-template-columns:1fr 1fr;gap:30px}.catalog-navigation details{min-width:0}.catalog-navigation summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0}.catalog-navigation summary::after{content:'+';font-size:20px;color:var(--c-accent-text)}.catalog-navigation details[open] summary::after{content:'−'}.catalog-nav-links{display:flex;flex-wrap:wrap;gap:7px;padding:5px 0 8px}.catalog-chip{font-size:11px;line-height:1.6;padding:7px 10px;background:var(--c-surface-alt);border:1px solid transparent;transition:background .16s,border-color .16s}.catalog-chip:hover,.catalog-chip[aria-current=page]{border-color:var(--c-control-hover);background:var(--c-surface)}.catalog-toolbar{display:flex;gap:20px;align-items:end;margin:0 0 20px}.catalog-search{flex:1}.catalog-toolbar label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.catalog-search-field{display:flex;border:1px solid var(--c-control);align-items:center;background:var(--c-surface);padding:0 16px;min-height:54px;gap:13px}.catalog-search-field svg{width:18px;flex-shrink:0;stroke:var(--c-text-muted);fill:none;stroke-width:1.6}.catalog-search-field input{width:100%;min-width:0;border:0;outline:0;background:none;padding:14px 0;font:14px var(--body);color:var(--c-text)}.catalog-search-field:focus-within{outline:2px solid var(--c-accent);outline-offset:3px}.catalog-search-field button{border:0;background:none;font-size:20px;padding:8px;color:var(--c-text-muted);cursor:pointer}.catalog-toolbar select{max-width:250px;min-height:54px;border:1px solid var(--c-control);background:var(--c-surface);padding:10px 35px 10px 14px;font:13px var(--body);color:var(--c-text)}.catalog-results-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0;font-size:12px;color:var(--c-text-muted)}.catalog-results-bar a{color:var(--c-text);border-bottom:1px solid var(--c-line-strong)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--c-line);background:var(--c-surface);position:relative;transition:border-color .2s,transform .2s}.catalog-card:hover{border-color:var(--c-line-strong);transform:translateY(-3px)}.catalog-card-preview{aspect-ratio:1.5;display:block;overflow:hidden;position:relative;background-color:var(--c-stage);background-image:linear-gradient(rgb(var(--c-stage-grid-rgb)/.188) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--c-stage-grid-rgb)/.188) 1px,transparent 1px);background-size:24px 24px;border-bottom:1px solid var(--c-stage-line)}.catalog-card-preview img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.catalog-card:hover img{transform:scale(1.035)}.catalog-card-type{position:absolute;top:13px;left:14px;font-size:9px;line-height:1.5;letter-spacing:.4px;color:var(--c-stage-muted);background:rgb(var(--c-stage-hi-rgb)/.91);padding:5px 8px;max-width:calc(100% - 28px)}.catalog-card-copy{padding:22px 23px 18px;display:flex;flex-direction:column;flex:1;gap:12px}.catalog-card h2,.catalog-card h3{font:600 19px/1.4 var(--display);letter-spacing:-.4px;margin:0}.catalog-card h2 a:hover,.catalog-card h3 a:hover{color:var(--c-accent-text)}.catalog-card-copy p{font-size:12px;line-height:1.9;color:var(--c-text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-card-bottom{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:11px;font-size:10px;line-height:1.6;color:var(--c-text-subtle);align-items:center}.catalog-card-bottom a{font-size:11px;font-weight:600;color:var(--c-text)}.catalog-card-bottom a span{color:var(--c-accent-text);margin-inline-start:8px}.catalog-card-bottom code{font:9px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.catalog-empty{padding:60px 20px;text-align:center;border:1px dashed var(--c-line-strong);font-size:16px}.catalog-grid [hidden],.catalog-empty[hidden]{display:none}.catalog-detail-hero{grid-template-columns:1fr 1.15fr;gap:7%;padding-bottom:55px}.catalog-detail-hero h1{font-size:clamp(35px,3.8vw,60px);letter-spacing:-2.2px}.catalog-detail-hero .catalog-intro{font-size:15px;line-height:1.9}.catalog-detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.catalog-detail-preview{margin:0;min-width:0}.catalog-detail-preview .catalog-hero-art{aspect-ratio:1.24}.catalog-detail-preview figcaption{font-size:11px;line-height:1.85;color:var(--c-text-muted);margin-top:14px;max-width:560px}.catalog-preview-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;padding:15px 0;color:var(--c-text-muted)}.catalog-preview-legend span{display:flex;align-items:center;gap:8px}.catalog-preview-legend i{width:21px;border-top:1.6px solid var(--c-text)}.catalog-preview-legend i.fold{border-top:1.6px dashed var(--c-draw-fold)}.catalog-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:var(--c-surface-alt);padding:25px 30px;margin-bottom:50px;border:1px solid var(--c-line)}.catalog-detail-facts dt{font-size:10px;color:var(--c-text-muted);letter-spacing:.6px;margin-bottom:9px}.catalog-detail-facts dd{margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.catalog-detail-facts code{font:12px ui-monospace,monospace}.catalog-article-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:9%;margin:0 0 56px}.catalog-article-grid section{min-width:0}.catalog-article-grid h2,.catalog-parameters h2,.catalog-related h2,.catalog-detail-faq h2{font:600 29px/1.3 var(--display);letter-spacing:-.9px;margin:0 0 22px}.catalog-article-grid p,.catalog-detail-faq p{font-size:14px;line-height:1.95;color:var(--c-text-muted);margin:0 0 20px}.catalog-article-grid .catalog-section-number{display:block;color:var(--c-accent-text);font-size:11px;letter-spacing:1px;margin-bottom:13px}.catalog-size{background:var(--c-surface);padding:25px 28px;border:1px solid var(--c-line);margin-top:32px}.catalog-size h3{font-size:14px;line-height:1.6;margin:0 0 20px}.catalog-size>strong{font-size:29px;line-height:1.45;letter-spacing:-.6px;display:block;direction:ltr;unicode-bidi:isolate}.catalog-size>p{font-size:11px;line-height:1.9;margin:12px 0 0}.catalog-dimension-labels{display:flex;gap:14px;flex-wrap:wrap;margin-top:17px;font-size:11px;line-height:1.7;color:var(--c-text-muted)}.catalog-component-notice{font-size:12px;line-height:1.9;background:var(--c-surface-alt);padding:22px 24px;border-inline-start:3px solid var(--c-accent);margin:0 0 33px;color:var(--c-text-muted)}.catalog-parameters{border-top:1px solid var(--c-line);padding:40px 0;margin-bottom:25px}.catalog-parameter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.catalog-parameter h3{font-size:14px;line-height:1.6;margin:0 0 11px}.catalog-parameter p{font-size:12px;line-height:1.95;color:var(--c-text-muted);margin:0}.catalog-detail-faq{border-top:1px solid var(--c-line);padding:40px 0;display:grid;grid-template-columns:.65fr 1.35fr;gap:6%;margin-bottom:20px}.catalog-detail-faq details{border-bottom:1px solid var(--c-line)}.catalog-detail-faq summary{font-size:14px;line-height:1.8;cursor:pointer;padding:17px 0}.catalog-detail-faq details p{font-size:13px;margin:0 0 21px}.catalog-related{border-top:1px solid var(--c-line);padding:40px 0}.catalog-related .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.catalog-related .catalog-card-copy{padding:18px}.catalog-related .catalog-card h3{font-size:16px}.catalog-related .catalog-card-copy p{display:none}.catalog-contact{background:var(--c-dark);color:var(--c-on-dark);padding:42px 45px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-top:45px}.catalog-contact h2{font:500 36px/1.2 var(--display);letter-spacing:-1.2px;margin:0}.catalog-contact p{font-size:14px;line-height:1.9;color:var(--c-on-dark-muted);margin:0 0 20px}.catalog-contact .button{background:var(--c-accent-bg);color:var(--c-on-accent);font-size:13px;padding:15px 20px}.catalog-contact .text-link{display:inline-flex;font-size:12px;color:var(--c-on-dark);margin-top:16px}.catalog-languages{padding:0 6% 22px;background:var(--c-surface-alt);font-size:11px;line-height:1.8}.catalog-languages details{max-width:1500px;margin:auto;border-top:1px solid var(--c-line);padding-top:16px}.catalog-languages summary{cursor:pointer}.catalog-languages nav{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:15px}.catalog-languages a{color:var(--c-text-muted)}.catalog-languages a[aria-current=page]{color:var(--c-text);font-weight:600}.catalog-home{padding:65px 6% 60px;border-top:1px solid var(--c-line)}.catalog-home-heading{display:grid;grid-template-columns:1fr .7fr;gap:8%;align-items:center;margin-bottom:35px}.catalog-home h2{font-size:43px;line-height:1.2;letter-spacing:-1.6px;margin:16px 0}.catalog-home-heading p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--c-text-muted)}.catalog-home .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-home>.text-link{margin-top:27px;font-size:13px}.catalog-main a:focus-visible,.catalog-home a:focus-visible,.catalog-languages a:focus-visible{outline:2px solid var(--c-accent);outline-offset:5px}html[dir=rtl] .catalog-card-type{left:auto;right:14px}html[dir=rtl] .catalog-hero-art>span{left:auto;right:18px}html[dir=rtl] .catalog-hero h1{letter-spacing:0}html[dir=rtl] .catalog-detail-facts code,html[dir=rtl] .catalog-card-bottom code{direction:ltr;unicode-bidi:isolate;display:inline-block}
.catalog-hero:not(.catalog-detail-hero){padding-top:35px;padding-bottom:34px}.catalog-hero:not(.catalog-detail-hero) .catalog-hero-art{aspect-ratio:1.5;max-height:330px}.catalog-hero:not(.catalog-detail-hero) h1{font-size:62px;margin:14px 0 21px}.catalog-hero:not(.catalog-detail-hero) .catalog-intro{font-size:15px;line-height:1.85}.catalog-hero:not(.catalog-detail-hero) .catalog-count{margin-top:21px}.catalog-discover{padding-top:20px;padding-bottom:20px;margin-bottom:25px}
@media(max-width:1100px){.catalog-hero h1{font-size:52px}.catalog-detail-hero h1{font-size:42px}.catalog-hero{gap:5%;padding-top:43px}.catalog-grid{gap:16px}.catalog-card-copy{padding:19px}.catalog-related .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card h2,.catalog-card h3{font-size:17px}.catalog-home h2{font-size:37px}.catalog-article-grid{gap:7%}}
@media(max-width:760px){.catalog-main{padding:0 6% 50px}.catalog-breadcrumbs{padding-top:23px;font-size:10px;gap:7px}.catalog-hero{grid-template-columns:1fr;gap:26px;padding:36px 0 35px}.catalog-hero h1{font-size:42px;letter-spacing:-1.9px;margin:16px 0 21px}.catalog-hero .catalog-intro{font-size:14px;line-height:1.9}.catalog-hero-art{aspect-ratio:1.5}.catalog-count{margin-top:23px}.catalog-count strong{font-size:37px}.catalog-discover{padding:20px 0;margin-bottom:25px}.catalog-navigation{grid-template-columns:1fr;gap:4px}.catalog-discover h2{font-size:13px;line-height:1.7;margin-bottom:10px}.catalog-nav-links{gap:6px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:15px}.catalog-toolbar select{max-width:none;width:100%;min-width:0}.catalog-grid,.catalog-home .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.catalog-card-preview{aspect-ratio:1.1}.catalog-card-copy{padding:15px 13px;gap:9px}.catalog-card h2,.catalog-card h3{font-size:14px;line-height:1.5;letter-spacing:-.2px}.catalog-card-copy p{font-size:11px;-webkit-line-clamp:3}.catalog-card-bottom{flex-direction:column;align-items:start;gap:7px;padding-top:4px}.catalog-card-bottom code{font-size:8px}.catalog-card-bottom a{font-size:10px}.catalog-card-type{font-size:8px;top:8px;left:8px;padding:4px 6px;max-width:calc(100% - 16px)}.catalog-detail-hero{gap:25px}.catalog-detail-hero h1{font-size:37px;letter-spacing:-1.3px}.catalog-detail-preview .catalog-hero-art{aspect-ratio:1.1}.catalog-detail-facts{grid-template-columns:1fr 1fr;gap:20px 15px;padding:23px 20px;margin-bottom:33px}.catalog-detail-facts dt{font-size:9px;line-height:1.7}.catalog-detail-facts dd{font-size:11px}.catalog-detail-facts code{font-size:10px}.catalog-article-grid{grid-template-columns:1fr;gap:32px;margin-bottom:34px}.catalog-article-grid h2,.catalog-parameters h2,.catalog-related h2,.catalog-detail-faq h2{font-size:26px;letter-spacing:-.7px;line-height:1.4;margin-bottom:18px}.catalog-article-grid p{font-size:13px;line-height:1.95}.catalog-size{padding:22px;margin-top:22px}.catalog-size>strong{font-size:25px}.catalog-size h3{font-size:13px}.catalog-size>p{font-size:11px}.catalog-component-notice{padding:18px 20px;font-size:12px;margin-bottom:27px}.catalog-parameters{padding:30px 0}.catalog-parameter-grid{grid-template-columns:1fr;gap:23px}.catalog-parameter h3{font-size:13px;margin-bottom:7px}.catalog-detail-faq{grid-template-columns:1fr;gap:4px;padding:28px 0}.catalog-detail-faq summary{font-size:13px}.catalog-related{padding:30px 0}.catalog-related .catalog-card-copy{padding:15px 12px}.catalog-related .catalog-card h3{font-size:14px}.catalog-contact{grid-template-columns:1fr;gap:24px;padding:28px 25px;margin-top:20px}.catalog-contact h2{font-size:29px;letter-spacing:-.8px;line-height:1.4}.catalog-contact p{font-size:13px}.catalog-home{padding:42px 6%}.catalog-home-heading{grid-template-columns:1fr;gap:8px;margin-bottom:26px}.catalog-home h2{font-size:32px;line-height:1.35;letter-spacing:-1px;margin:12px 0}.catalog-home-heading p:not(.eyebrow){font-size:14px}.catalog-languages{font-size:11px}.catalog-languages nav{gap:8px 17px}html[dir=rtl] .catalog-card-type{right:8px}}
@media(max-width:360px){.catalog-hero h1{font-size:36px}.catalog-detail-hero h1{font-size:32px}.catalog-grid,.catalog-home .catalog-grid,.catalog-related .catalog-grid{grid-template-columns:1fr}.catalog-card-preview{aspect-ratio:1.6}.catalog-card h2,.catalog-card h3,.catalog-related .catalog-card h3{font-size:17px}.catalog-card-bottom{flex-direction:row;align-items:center}.catalog-detail-facts{grid-template-columns:1fr}.catalog-card-copy{padding:18px}.catalog-size>strong{font-size:22px}}
@media(max-width:760px){.catalog-hero:not(.catalog-detail-hero) h1{font-size:42px}.catalog-hero:not(.catalog-detail-hero) .catalog-intro{font-size:14px}.catalog-hero:not(.catalog-detail-hero) .catalog-hero-art{max-height:none}}
@media(max-width:360px){.catalog-hero:not(.catalog-detail-hero) h1{font-size:36px}}
.catalog-toolbar[hidden]{display:none}

.catalog-preview-legend i.perforation{border-color:var(--c-draw-perf);border-top-style:dashed}.catalog-assembly-parts>h2{font:500 clamp(1.7rem,3vw,2.5rem)/1.1 var(--display);margin:0 0 1.6rem}.catalog-assembly-parts .catalog-article-grid{padding-top:0}

.catalog-unit-equivalents{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 18px;color:var(--c-text-muted);font-size:14px;line-height:1.7}.catalog-unit-equivalents span{padding:5px 10px;border:1px solid var(--c-line);border-radius:6px;background:var(--c-bg)}
/* feature pages */.catalog-hero-text{grid-template-columns:1fr}.feature-preview img{display:block;width:100%;height:auto;border:1px solid var(--c-line);border-radius:9px;box-shadow:0 10px 25px rgb(var(--c-shadow-rgb)/calc(.071*var(--c-shadow-k)))}.feature-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;margin:0 0 56px}.feature-sections h2{font:600 22px/1.35 var(--display);letter-spacing:-.5px;margin:0 0 14px}.feature-sections p,.feature-limits p{font-size:14px;line-height:1.95;color:var(--c-text-muted);margin:0;max-width:720px}.feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6%}.feature-list li{padding:14px 0;border-top:1px solid var(--c-line);font-size:14px;line-height:1.7}.catalog-parameter h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.catalog-parameter h3 a:hover{color:var(--c-accent-text)}.feature-home .catalog-parameter{border-top:1px solid var(--c-line);padding-top:16px}.feature-home .catalog-parameter-grid{margin-bottom:8px}.feature-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.feature-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.feature-grid-4{grid-template-columns:1fr}.feature-sections{grid-template-columns:1fr;gap:26px;margin-bottom:34px}.feature-list{grid-template-columns:1fr}}
/* shared content width */.catalog-main{max-width:none;padding-inline:var(--gutter)}.catalog-home,.catalog-languages{max-width:none;padding-inline:var(--gutter)}
/* audience pages */.feature-more{margin:26px 0 0}.catalog-parameters .catalog-nav-links{display:flex;flex-wrap:wrap;gap:10px}
/* glossary */.glossary-definition p{font-size:16px;line-height:1.95;max-width:760px;color:var(--c-text-muted);margin:0}.catalog-detail-faq h2 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
/* disclosures and form controls */.catalog-detail-faq summary,.catalog-languages summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-detail-faq summary::-webkit-details-marker,.catalog-languages summary::-webkit-details-marker,.catalog-navigation summary::-webkit-details-marker{display:none}.catalog-detail-faq summary{font-size:15px;font-weight:500;line-height:1.6}.catalog-detail-faq summary::after,.catalog-languages summary::after{content:'+';flex:none;font:22px/1 var(--display);color:var(--c-accent-text)}.catalog-detail-faq details[open]>summary::after,.catalog-languages details[open]>summary::after{content:'\2212'}.catalog-navigation summary::after{font:22px/1 var(--display)}.catalog-languages summary{justify-content:flex-start;gap:12px;width:fit-content;font-size:13px;font-weight:600;padding:8px 0}.catalog-detail-faq summary:focus-visible,.catalog-languages summary:focus-visible,.catalog-navigation summary:focus-visible,.faq-list summary:focus-visible{outline:2px solid var(--c-text);outline-offset:4px;border-radius:3px}.catalog-search-field,.catalog-toolbar select{border-radius:9px;border-color:var(--c-control)}.catalog-search-field:focus-within{outline:2px solid var(--c-text);outline-offset:2px}.catalog-toolbar select{appearance:none;-webkit-appearance:none;padding-inline:14px 40px;font-size:14px;cursor:pointer;background:var(--c-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23212938' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 15px center/11px}html[dir=rtl] .catalog-toolbar select{background-position:left 15px center}.catalog-toolbar select:focus-visible{outline:2px solid var(--c-text);outline-offset:2px}.catalog-search-field button:focus-visible{outline:2px solid var(--c-text);outline-offset:1px;border-radius:5px}
/* contact form */.contact-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:7%;align-items:start;padding:0 0 70px}.contact-form{display:grid;gap:22px;min-width:0}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-field{display:grid;gap:8px;min-width:0}.contact-field label{font-size:13px;font-weight:600}.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-height:50px;padding:13px 15px;border:1px solid var(--c-control);border-radius:9px;background:var(--c-surface);color:var(--c-text);font:15px/1.6 var(--body)}.contact-field textarea{resize:vertical;min-height:170px}.contact-field select{appearance:none;-webkit-appearance:none;padding-inline-end:42px;cursor:pointer;background:var(--c-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23212938' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center/11px}html[dir=rtl] .contact-field select{background-position:left 16px center}.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline:2px solid var(--c-text);outline-offset:2px;border-color:var(--c-text)}.contact-field input:user-invalid,.contact-field textarea:user-invalid{border-color:var(--c-error)}.contact-trap{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}.contact-note{font-size:13px;line-height:1.8;color:var(--c-text-muted);margin:0}.contact-form .button{justify-self:start;border:0;border-radius:9px;font-size:14px;padding:16px 22px}.contact-form .button[disabled]{opacity:.6;cursor:progress}.contact-status{display:none;margin:0;padding:16px 18px;border-radius:9px;font-size:15px;line-height:1.7}.contact-status:target,.contact-status[data-visible]{display:block}.contact-status:focus{outline:2px solid var(--c-text);outline-offset:2px}.contact-success{background:var(--c-success-bg);border:1px solid var(--c-success-line);color:var(--c-success-text)}.contact-failure{background:var(--c-error-bg);border:1px solid var(--c-error-line);color:var(--c-error-text)}.contact-aside{border-inline-start:1px solid var(--c-line);padding-inline-start:32px}.contact-aside h2{font:600 22px/1.35 var(--display);letter-spacing:-.5px;margin:0 0 12px}.contact-aside p{font-size:14px;line-height:1.9;color:var(--c-text-muted);margin:0 0 18px}@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:40px;padding-bottom:40px}.contact-aside{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--c-line);padding-top:28px}}@media(max-width:560px){.contact-row{grid-template-columns:1fr}}
/* fold preview */.fold-preview{display:grid;grid-template-columns:1.45fr .55fr;gap:0;margin:0 0 46px;border:1px solid var(--c-line);background:var(--c-stage-3d)}.fold-stage{position:relative;aspect-ratio:4/3;min-width:0;background:var(--c-stage-3d);overflow:hidden}.fold-poster{display:block;width:100%;height:100%;object-fit:cover}.fold-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;outline-offset:-3px}.fold-preview.is-dragging .fold-canvas{cursor:grabbing}.fold-canvas:focus-visible{outline:2px solid var(--c-stage-text)}.fold-preview.is-ready .fold-poster{visibility:hidden}.fold-tools{position:absolute;top:14px;inset-inline-end:14px;display:flex;flex-direction:column;gap:6px}.fold-tools[hidden],.fold-hint[hidden],.fold-controls[hidden],.fold-fallback[hidden]{display:none}.fold-tools button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--c-stage-control);border-radius:9px;background:var(--c-stage-hi);color:var(--c-stage-text);cursor:pointer;transition:background .2s,border-color .2s}.fold-tools button:hover{background:var(--c-stage);border-color:var(--c-stage-muted)}.fold-tools button:focus-visible{outline:2px solid var(--c-stage-text);outline-offset:2px}.fold-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fold-hint{position:absolute;bottom:14px;inset-inline-start:14px;margin:0;padding:6px 10px;border-radius:7px;background:rgb(var(--c-stage-hi-rgb)/.8);font-size:12px;color:var(--c-stage-muted);pointer-events:none}.fold-panel{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:34px 32px;border-inline-start:1px solid var(--c-line);background:var(--c-bg);min-width:0}.fold-title{font:600 22px/1.3 var(--display);letter-spacing:-.4px;margin:0}.fold-state{font-size:12px;letter-spacing:.6px;color:var(--c-text-muted);margin:0}.fold-controls{display:grid;gap:18px;margin-top:6px}.fold-toggle{justify-self:start;min-height:44px;padding:10px 18px;border:1px solid var(--c-action);border-radius:9px;background:var(--c-action);color:var(--c-on-action);font:600 13px var(--body);cursor:pointer;transition:background .2s}.fold-toggle:hover{background:var(--c-action-hover)}.fold-toggle:focus-visible,.fold-range input:focus-visible{outline:2px solid var(--c-action);outline-offset:3px}.fold-range{display:grid;gap:10px;font-size:13px;font-weight:600}.fold-range input{width:100%}.fold-note,.fold-fallback{margin:0;font-size:12px;line-height:1.7;color:var(--c-text-muted)}.fold-fallback{color:var(--c-error-text)}@media(max-width:900px){.fold-preview{grid-template-columns:1fr;margin-bottom:34px}.fold-panel{border-inline-start:0;border-top:1px solid var(--c-line);padding:24px 22px}}@media(prefers-reduced-motion:reduce){.fold-toggle,.fold-tools button{transition:none}}
/* touch targets */.view-switch button{min-height:40px;min-width:44px;padding-inline:14px;font-size:12px}.faq-list summary,.catalog-languages summary,.catalog-detail-faq summary,.catalog-navigation summary{min-height:44px}#width-number,#depth-number,#height-number{min-height:40px;min-width:58px}.catalog-search-field button{min-width:40px;min-height:40px}@media(max-width:760px){.contact-field input,.contact-field select,.contact-field textarea,.catalog-search-field input,.catalog-toolbar select,.language-search{font-size:16px}}
/* heading wrap: headings are never hyphenated on wide screens; on phones only very long words may be */
h1,h2,h3,.catalog-card h2 a,.catalog-card h3 a{overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}
@media(max-width:900px){h1,h2,h3,.catalog-card h2 a,.catalog-card h3 a{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:14 6 6;-webkit-hyphenate-limit-before:6;-webkit-hyphenate-limit-after:6}}
/* jd-theme:start - erzeugt von tools/handoff/design/retheme.py, nicht von Hand aendern */
@media (prefers-color-scheme:dark){.catalog-hero-art,.fold-preview{box-shadow:0 0 0 1px var(--c-line-strong)}.catalog-card-preview{box-shadow:inset 0 0 0 1px var(--c-line-strong)}.catalog-toolbar select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23FAF5E8' stroke-width='1.6'/%3E%3C/svg%3E")}.contact-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23FAF5E8' stroke-width='1.6'/%3E%3C/svg%3E")}}
/* jd-theme:end */

/* content pages: guides, reference, example project, legal texts */
.content-article{border-top:1px solid var(--c-line);padding:40px 0 16px;max-width:760px}
.content-article>section{margin:0 0 34px}
.content-article h2{font:600 26px/1.3 var(--display);letter-spacing:-.7px;margin:0 0 14px;overflow-wrap:anywhere}
.content-article p{font-size:16px;line-height:1.8;color:var(--c-text-muted);margin:0 0 14px;overflow-wrap:anywhere}
.content-article p a,.content-table a{color:var(--c-accent-text);text-decoration:underline;text-underline-offset:3px}
.content-article-legal h2{font-size:21px;letter-spacing:-.4px}
.content-article-legal p{font-size:15px}
.content-article:has(.content-figure),.content-article:has(.content-table-section){max-width:none}
.content-article:has(.content-figure)>section:not(.content-figure),.content-article:has(.content-table-section)>section:not(.content-table-section){max-width:760px}
.content-figure{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start;padding-top:34px;border-top:1px solid var(--c-line)}
.content-figure:first-child{border-top:0;padding-top:0}
.content-figure .feature-list{grid-template-columns:1fr;margin-top:18px}
.content-figure figure{margin:0}
.content-figure img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 26px rgb(var(--c-shadow-rgb) / .16))}
.content-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--c-line);border-radius:6px;background:var(--c-surface)}
.content-table-scroll:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}
.content-table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px;line-height:1.6}
.content-table caption{caption-side:top;text-align:start;padding:14px 16px;font:600 15px/1.4 var(--display);color:var(--c-text);border-bottom:1px solid var(--c-line)}
.content-table th,.content-table td{padding:11px 16px;text-align:start;vertical-align:top;border-bottom:1px solid var(--c-line);color:var(--c-text-muted)}
.content-table thead th{font-weight:600;color:var(--c-text);background:var(--c-surface-alt);white-space:nowrap}
.content-table tbody th{font-weight:600;color:var(--c-text)}
.content-table tbody tr:last-child>*{border-bottom:0}
.content-steps{margin:0;padding:0;list-style:none;counter-reset:step;display:grid;gap:14px;max-width:760px}
.content-steps li{counter-increment:step;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;font-size:16px;line-height:1.7;color:var(--c-text-muted)}
.content-steps li::before{content:counter(step);display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--c-line-strong);border-radius:50%;font:600 14px/1 var(--display);color:var(--c-text)}
.content-definitions{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.content-definitions>div{padding:14px 0;border-bottom:1px solid var(--c-line)}
.content-definitions dt{font:600 15px/1.5 var(--display);color:var(--c-text);overflow-wrap:anywhere}
.content-definitions dd{margin:4px 0 0;font-size:14px;line-height:1.7;color:var(--c-text-muted)}
.site-footer .footer-bottom .footer-legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.site-footer .footer-bottom .footer-legal a{font-size:inherit;color:var(--c-text-muted);padding-block:5px}
.site-footer .footer-bottom .footer-legal a:hover{color:var(--c-text)}
@media(max-width:820px){
.content-article{padding-top:30px}
.content-article h2{font-size:22px}
.content-article p,.content-steps li{font-size:15px}
.content-figure{grid-template-columns:1fr;gap:22px}
.content-definitions{grid-template-columns:1fr}
}

/* range sliders: one look everywhere (thin track, filled part, square handle) */
input[type=range]{--range-track:var(--c-line-strong);--range-fill:var(--c-text);--range-thumb:var(--c-text);--range-edge:var(--c-surface);appearance:none!important;-webkit-appearance:none!important;height:24px!important;margin:0;padding:0;background:none!important;cursor:pointer}
.workbench input[type=range]{--range-track:var(--c-dark-control);--range-fill:var(--c-accent-on-dark-ui);--range-thumb:var(--c-accent-on-dark-ui);--range-edge:var(--c-dark-raised);margin-top:8px}
.hero-fold-label input[type=range]{--range-track:var(--c-stage-line);--range-fill:var(--c-stage-text);--range-thumb:var(--c-stage-text);--range-edge:var(--c-stage)}
input[type=range]::-webkit-slider-runnable-track{height:3px!important;background:linear-gradient(to right,var(--range-fill) var(--progress,0%),var(--range-track) var(--progress,0%))!important}
input[type=range]::-moz-range-track{height:3px!important;background:var(--range-track)!important}
input[type=range]::-moz-range-progress{height:3px;background:var(--range-fill)}
input[type=range]::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:12px!important;height:16px!important;margin-top:-6.5px!important;border:2px solid var(--range-edge)!important;background:var(--range-thumb)!important;box-shadow:none!important}
input[type=range]::-moz-range-thumb{width:8px!important;height:12px!important;border:2px solid var(--range-edge)!important;background:var(--range-thumb)!important;box-shadow:none!important}
[dir=rtl] input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--range-fill) var(--progress,0%),var(--range-track) var(--progress,0%))!important}

/* square design: no rounded corners anywhere */
*,*::before,*::after{border-radius:0!important}

/* glossary figure layout: drawing beside its controls and legend on wide screens */
@media(min-width:960px){
.glossary-figure-section .glossary-figure{max-width:none;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px 36px;align-items:start;align-content:start}
.glossary-figure-section .glossary-figure>.glossary-figure-stage{grid-column:1;grid-row:1 / span 8}
.glossary-figure-section .glossary-figure>:not(.glossary-figure-stage){grid-column:2;margin-top:0}
.glossary-figure-section .glossary-figure-legend{flex-direction:column;align-items:stretch}
}

/* app window stage: the dark tone of the header lets the capture stand out */
.product-window{background:var(--c-dark);border-color:var(--c-dark);color:var(--c-on-dark)}
.product-window .window-label,.product-window .window-label span{color:var(--c-on-dark-muted)}
.product-window figcaption,.product-window figcaption span{color:var(--c-on-dark)}
.product-window figcaption b{color:var(--c-on-dark-muted)}
.product-window .proof-note{border-top-color:var(--c-dark-line);color:var(--c-on-dark-muted)}
.product-window .zoom-trigger{color:var(--c-on-dark);border-color:var(--c-dark-line);background:transparent}
.product-window .zoom-trigger:hover,.product-window .zoom-trigger:focus-visible{background:var(--c-on-dark);color:var(--c-dark);border-color:var(--c-on-dark)}
.product-window .workspace-image img{filter:drop-shadow(0 18px 34px rgb(0 0 0 / .35))}

/* enlarge by clicking the capture: the button is only shown while it has keyboard focus */
.zoom-image{cursor:zoom-in}
.zoom-trigger{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.zoom-trigger:focus-visible{position:static!important;width:auto;height:auto;margin:0;padding:10px 16px!important;border:1px solid currentColor!important;overflow:visible;clip-path:none}