:root{--bg:#f3f2ed;--paper:#fff;--ink:#252c29;--muted:#68716c;--line:#dce0d9;--accent:#405b4b;--pale:#e9eee7;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Avenir Next',Avenir,system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button,.button{touch-action:manipulation}button,a,select,input{outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fafaf7;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:650;letter-spacing:-.9px}.brandmark{font-family:var(--serif);font-style:italic;color:white;background:var(--accent);height:43px;width:43px;display:grid;place-items:center;border-radius:12px;font-size:35px;padding-bottom:5px}.brandlight{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:58px 12px 16px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:7px;font-size:12px;min-height:44px}nav a>span{font-size:23px;line-height:20px;width:22px;text-align:center}nav a.active{background:var(--pale);color:#263e30;font-weight:600}nav a:hover{background:#edf0e9}nav b{margin-left:auto;font-size:10px;border:1px solid #ccd3c9;border-radius:4px;padding:2px 5px}.sidebar-bottom{margin-top:auto}.workspace{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600}.workspace small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.avatar{width:34px;height:34px;background:#e4e7dd;color:#465140;display:inline-grid;place-items:center;border-radius:50%;font-size:10px;font-weight:600}.avatar.small{width:29px;height:29px;font-size:9px}.shell{margin-left:246px}header{height:77px;border-bottom:1px solid var(--line);padding:0 45px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.breadcrumb{color:var(--muted)}.breadcrumb span{padding:0 14px;color:#9b9f98}.breadcrumb strong{font-weight:500;color:var(--ink)}.header-right{display:flex;gap:20px;align-items:center}.local-label{padding:6px 10px;border:1px solid #d8ddd1;border-radius:30px;font-size:10px;color:#5e6859}main{padding:43px 45px 0;max-width:1920px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:var(--muted);margin:0 0 13px}h1{font-size:34px;letter-spacing:-1.4px;line-height:1.18;font-weight:500;margin:0}h1 em{font-family:var(--serif);font-weight:400;color:var(--accent)}.heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin:13px 0 0;line-height:1.6}.catalogue-state{font-size:9px;color:#5c695e;max-width:180px;line-height:1.6;text-align:right}.search-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:27px;align-items:start}.query-panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 2px 3px #25302802,0 9px 20px #25302803}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{font-size:17px;font-weight:550;letter-spacing:-.3px;margin:0}.panel-title>span{font-size:10px;color:#8d948b}.dropzone{border:1px dashed #bac5b7;border-radius:7px;background:#f8f9f5;min-height:263px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.dropzone.dragover{background:var(--pale);border:2px solid var(--accent)}.dropzone.cropping{cursor:crosshair;touch-action:none}.crop-box{position:absolute;border:2px solid white;background:#405b4b22;box-shadow:0 0 0 999px #0005;pointer-events:none}.dropzone>img{max-width:100%;max-height:340px;width:100%;object-fit:contain;user-select:none;pointer-events:none}.upload-icon{display:block;font-size:32px;color:var(--accent);margin:0 0 13px}h3{font-size:13px;font-weight:600;margin:0 0 9px}.dropzone p{font-size:10px;color:var(--muted);margin:0 0 20px}.button{min-height:42px;display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:6px;padding:11px 15px;font-size:11px;font-weight:550;cursor:pointer;transition:background-color .15s,box-shadow .15s}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:#2e4537;box-shadow:0 3px 8px #25302822}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.dropzone .file-hint{font-size:8px;margin:14px 0 0}.search-controls{margin-top:22px}.search-controls>label{display:block;font-size:10px;font-weight:550;margin-bottom:9px}select{border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);padding:11px;width:100%;font-size:11px;min-height:42px}.search-controls>.button{width:100%;margin-top:12px;justify-content:space-between}.tip{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;color:var(--muted)}.tip>span{font-size:23px;color:var(--accent)}.tip p{font-size:10px;line-height:1.7;margin:0}.tip strong{font-weight:600;color:var(--ink)}.privacy{font-size:8px;text-align:center;margin-top:22px;color:var(--muted)}.privacy span{margin-right:4px}.results-header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:53px;margin-bottom:20px}.results-header .eyebrow{margin-bottom:8px;font-size:8px}.results-header h2{font-family:var(--serif);font-size:25px;font-weight:400}.filter-label{font-size:8px;color:var(--muted);width:145px}.filter-label select{font-size:10px;padding:7px 9px;min-height:33px;margin-top:4px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 15px}.material-card{min-width:0}.material-photo{position:relative;border-radius:7px;overflow:hidden;background:#e1e3d9;aspect-ratio:1.28}.photo-button{display:block;border:0;padding:0;background:none;width:100%;height:100%;overflow:hidden}.photo-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.photo-button:hover img{transform:scale(1.05)}.save-button{position:absolute;top:9px;right:9px;width:29px;height:29px;border-radius:50%;background:#ffffffeb;border:0;color:#344638;font-size:18px;display:grid;place-items:center}.save-button:hover{background:white}.match-badge{position:absolute;left:8px;bottom:8px;background:#fffffff0;border-radius:4px;padding:5px 7px;font-size:8px}.material-card h3{margin:11px 0 5px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-card .meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:6px;line-height:1.5}.material-card .meta span{overflow-wrap:anywhere}.material-card .submeta{margin:4px 0 0;font-size:8px;color:#71776f}.result-foot{font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:24px;line-height:1.6}.empty-results{border:1px dashed var(--line);min-height:390px;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:var(--muted)}.empty-results>span{font-size:54px;font-family:var(--serif);color:#879680;margin-bottom:15px}.empty-results h3{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--ink)}.empty-results p{max-width:320px;font-size:12px;line-height:1.8}.search-note{font-size:10px;color:var(--accent);background:var(--pale);border-radius:6px;padding:11px 13px;line-height:1.7;margin-bottom:19px}.image-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:7px}.text-button{padding:7px 0;min-height:28px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:9px;color:var(--accent)}.error{font-size:11px;color:#943d2b;line-height:1.5;min-height:0}.error:empty{display:none}.hint{font-size:10px;line-height:1.7;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:40px;padding:20px 0 25px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--muted)}.section-intro{margin-bottom:30px}.section-intro h2,.source-summary h2{font-family:var(--serif);font-size:28px;font-weight:400}.section-intro p,.source-summary p{color:var(--muted);font-size:12px;line-height:1.7}.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-copy{padding:50px;text-align:center;color:var(--muted)}.source-summary{margin-bottom:30px}.source-table{border-top:1px solid var(--line)}.source-row{display:grid;grid-template-columns:2fr 1.2fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:16px 10px;font-size:11px;align-items:center}.source-head{font-size:9px;color:var(--muted)}.source-status{font-size:10px;color:#5e665b}.brand-logos{display:flex;align-items:center;gap:16px;margin-bottom:25px}.brand-logos img{max-width:86px;max-height:29px;object-fit:contain}.brand-logos .dark-logo{background:#343b36;padding:7px;border-radius:4px;max-height:40px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;max-width:1120px;width:calc(100% - 50px);color:var(--ink);background:var(--bg);box-shadow:0 5px 20px #0001,0 30px 90px #0003}dialog::backdrop{background:#1b261fcc;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-header h2{font-family:var(--serif);font-weight:400;font-size:30px}.icon-button{border:1px solid var(--line);border-radius:50%;background:white;width:40px;height:40px;font-size:24px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-grid figure{margin:0;min-width:0}.compare-grid figcaption{font-size:9px;letter-spacing:1.3px;margin-bottom:10px}.compare-image{height:330px;background:#dddcd3;border-radius:7px;overflow:auto;display:grid;place-items:center}.compare-image img{max-width:100%;max-height:330px;object-fit:contain;transform-origin:center;transition:transform .12s}.zoom-control{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;font-size:10px}.zoom-control input{accent-color:var(--accent)}.detail-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px}.detail-row p{font-size:11px;color:var(--muted);margin:5px 0}.detail-actions{display:flex;align-items:center;gap:10px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;left:10px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}@media(min-width:1650px){.material-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-layout{grid-template-columns:360px 1fr}}@media(max-width:1200px){.sidebar{width:205px;padding:30px 15px}.shell{margin-left:205px}main{padding:35px 28px 0}header{padding:0 28px}.search-layout{grid-template-columns:280px 1fr;gap:20px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:29px}.catalogue-state{max-width:150px}.query-panel{padding:18px}}@media(max-width:850px){.sidebar{position:relative;width:auto;padding:18px 22px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px}.brandmark{width:36px;height:36px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;margin-top:20px;overflow:auto;gap:4px}nav a{white-space:nowrap;padding:9px;font-size:11px}nav a>span{font-size:20px;width:18px}.shell{margin-left:0}header{height:56px}main{padding:29px 22px 0}.heading{align-items:start}.catalogue-state{font-size:8px}.search-layout{grid-template-columns:270px minmax(0,1fr)}.filter-label{width:110px}.results-header h2{font-size:21px}.results-header{align-items:start;gap:8px}.material-grid{gap:16px 10px}.wide{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.sidebar{padding:15px 16px}nav a{font-size:10px;gap:5px;padding:8px 7px}nav a>span{display:none}header{padding:0 18px}.header-right{gap:10px}.breadcrumb{font-size:9px}.breadcrumb span{padding:0 7px}main{padding:28px 16px 0}.heading{display:block;margin-bottom:25px}h1{font-size:31px;line-height:1.2}.heading p:not(.eyebrow){font-size:11px}.catalogue-state{display:block;text-align:left;max-width:none;margin-top:15px}.search-layout{display:block}.query-panel{padding:19px}.dropzone{min-height:230px}.results-panel{margin-top:30px}.material-grid,.wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.results-header{align-items:center}.results-header h2{font-size:24px}.filter-label{width:132px}.material-card h3{font-size:12px}.material-card .meta{font-size:10px}.material-card .submeta{font-size:9px}.file-hint{font-size:10px!important}select{font-size:16px}.filter-label select{font-size:12px}.privacy{font-size:10px}.button{font-size:12px;min-height:44px}.source-row{grid-template-columns:1.3fr 1fr;gap:10px;font-size:10px}.source-row>span:nth-child(2){display:none}.source-row>span{overflow-wrap:anywhere}footer{font-size:8px;line-height:1.6}.compare-grid{grid-template-columns:1fr}.compare-image{height:220px}.compare-image img{max-height:220px}dialog{padding:19px;width:calc(100% - 20px);max-height:94vh}.dialog-header h2{font-size:25px}.detail-row{display:block}.detail-actions{flex-wrap:wrap;margin-top:15px}.zoom-control{flex-wrap:wrap;gap:8px}.text-button{font-size:11px;min-height:44px}.tip p{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.result-group{grid-column:1/-1;font-size:10px;font-weight:550;color:var(--muted);margin:3px 0 -5px;padding-top:5px}.result-group:not(:first-child){border-top:1px solid var(--line);padding-top:19px;margin-top:6px}dialog{max-height:92dvh;overscroll-behavior:contain}.brand-logos .dark-logo{padding:0;background:white;max-height:29px}.brand-logos img{max-width:92px}.source-row span{overflow-wrap:anywhere}

/* Firmenmarken: Jogerst oben, Lixos darunter; unveränderte Originaldateien. */
.company-brand{display:flex;flex-direction:column;align-items:center;gap:22px;padding:5px 0 23px;border-bottom:1px solid var(--line)}
.company-logo{display:block;position:relative;width:100%;overflow:hidden;background:white}
.company-logo img{display:block;max-width:none;height:auto}
.jogerst-logo{aspect-ratio:680/189}.jogerst-logo img{width:102.94%;margin-left:-1.18%;margin-top:-1.18%}
.lixos-logo{aspect-ratio:559/123}.lixos-logo img{width:125.22%;margin-left:-13.06%;margin-top:-9.84%}
.app-wordmark{font-size:17px;font-weight:600;letter-spacing:-.5px;margin-top:23px}.app-wordmark span{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}
.nav-label{margin-top:30px}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:30px}
@media(max-width:850px){.company-brand{align-items:flex-start;gap:20px;padding-bottom:22px}.company-logo{width:220px;max-width:100%}.app-wordmark{margin-top:18px;font-size:17px}.app-wordmark span{display:inline;margin-left:10px}nav{flex-wrap:wrap;overflow:visible}.sidebar{overflow:visible}}
@media(max-width:620px){.company-logo{width:230px}.company-brand{gap:24px}nav a{min-height:44px}.app-wordmark span{font-size:10px}}

.source-row>span{min-width:0;overflow-wrap:anywhere}.source-row small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:#626762;margin-top:5px}.source-row{align-items:start}

.app-wordmark b{font:inherit;font-weight:650}.name-picker{margin:0 0 20px}.name-picker label{display:block;font-size:10px;color:#74766d;margin-bottom:6px}.name-picker select{max-width:100%;width:100%;font-size:13px;padding:7px 10px}.name-picker[hidden]{display:none}@media(max-width:620px){.name-picker{margin:0 0 14px}.name-picker select{font-size:16px}}

.traffic{width:11px;height:11px;display:inline-block;border-radius:50%;margin-right:9px;box-shadow:inset 0 0 0 1px #0002;flex-shrink:0}.traffic.green{background:#237a38}.traffic.yellow{background:#d99c00}.traffic.red{background:#ba3030}.health-label{display:block;font-size:12px;line-height:1.5;margin:6px 0 2px;font-weight:600}.status-legend{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;margin:20px 0}.status-legend span{display:flex;align-items:center}.agency-logo{width:95px;height:auto;object-fit:contain}footer{align-items:center}

.source-row{font-size:14px;grid-template-columns:minmax(150px,.85fr) minmax(170px,.9fr) minmax(240px,1.25fr)}.source-row small{font-size:12px}.source-head{font-size:11px}.source-status{font-size:13px}.access-detail{margin-top:7px}.access-detail summary{font-size:12px;cursor:pointer;color:#535950;padding:4px 0;min-height:24px}.access-detail p{font-size:12px;line-height:1.55;font-weight:400;margin:8px 0 0}.health-label{font-size:13px}@media(max-width:620px){.source-row{grid-template-columns:1fr;gap:10px}.source-head{display:none}.access-detail summary{min-height:44px;display:flex;align-items:center}}

/* Pilotabnahme: Informationen auch ohne Browserzoom lesbar halten. */
.material-card h3{font-size:14px;white-space:normal;line-height:1.35}.material-card .meta{font-size:12px;flex-wrap:wrap}.material-card .submeta{font-size:12px;line-height:1.5}.match-badge{font-size:11px}.button,select,.filter-label select{font-size:13px}.search-controls>label,.filter-label,.dropzone p,.tip p,.privacy,.result-foot,.hint,.search-note,.text-button{font-size:12px}.dropzone .file-hint{font-size:11px}.heading p:not(.eyebrow){font-size:14px}.catalogue-state{font-size:12px}.result-group{font-size:13px}.save-button{width:36px;height:36px}nav a{font-size:13px}.detail-row p{font-size:13px}.compare-grid figcaption,.zoom-control{font-size:12px}footer{font-size:11px;flex-wrap:wrap}@media(min-width:851px){.query-panel{position:sticky;top:18px}}@media(max-width:620px){select{font-size:16px}.material-card .meta{display:block}.material-card .meta span{display:block}.material-card h3{font-size:14px}nav a{font-size:12px}.catalogue-state{font-size:12px}.heading p:not(.eyebrow){font-size:13px}.compare-image{height:240px}}

.load-more{grid-column:1/-1;margin-top:10px;min-height:44px}
.browse-jump{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:8px 6px;font-size:12px}.facet-panel{scroll-margin-top:18px}

.image-alternatives{margin-top:16px;max-width:640px}.image-alternatives summary{cursor:pointer;font-size:13px;min-height:44px;display:list-item;padding:12px 0}.image-alternatives a{text-decoration:underline}

.facet-panel{background:#fafbf7;border:1px solid var(--line);border-radius:9px;padding:16px;margin-bottom:22px}.facet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.facet-heading h3{margin:0;font-size:15px}.facet-panel fieldset{border:0;padding:0;margin:13px 0;display:flex;flex-wrap:wrap;gap:8px}.facet-panel legend{font-size:12px;color:var(--muted);margin-bottom:10px}.color-choice{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 10px;background:white;border:1px solid var(--line);border-radius:24px;font-size:12px;cursor:pointer}.color-choice:has(input:checked){border-color:var(--accent);background:var(--pale);box-shadow:0 0 0 1px var(--accent)}.color-choice input{accent-color:var(--accent);margin:0}.color-swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.structure-experiment summary{cursor:pointer;padding:10px 0;min-height:44px;font-size:13px}.structure-experiment label{display:block;font-size:12px;margin-bottom:8px}.structure-experiment select{max-width:280px}.facet-panel .hint{margin-bottom:0}.catalog-examples{margin-top:19px;border-top:1px solid var(--line);padding-top:18px}.catalog-examples>p{font-size:11px;line-height:1.5;color:var(--muted)}#example-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.example-tile{min-width:0}.example-use{padding:0;border:1px solid var(--line);border-radius:6px;background:white;width:100%;text-align:left;overflow:hidden;color:var(--ink)}.example-use img{width:100%;height:64px;object-fit:cover;display:block}.example-use span{font-size:10px;line-height:1.4;display:block;padding:5px;overflow-wrap:anywhere}.example-use:hover{border-color:var(--accent)}.example-tile>a{font-size:10px;text-decoration:underline;display:block;padding:8px 0;min-height:32px}#example-note:empty{display:none}@media(max-width:620px){.facet-heading{align-items:start;flex-direction:column;gap:0}.example-use img{height:85px}.example-use span,.example-tile>a{font-size:12px}.example-tile>a{min-height:44px}.color-choice{min-height:44px}.results-header{align-items:start}}

/* Honest indeterminate feedback: elapsed wall time, never an invented progress value. */
.search-progress{display:flex;align-items:flex-start;gap:14px;background:#f4f6eb;border:1px solid #b7c59d;border-radius:10px;padding:18px;margin:0 0 22px;color:#253622}.search-progress[hidden],.search-inline-progress[hidden]{display:none}.search-progress p{margin:0;font-size:15px;line-height:1.5;font-weight:600}.search-progress .search-progress-time{margin-top:5px;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.search-progress .search-progress-hint{margin-top:8px;font-size:12px;font-weight:400;color:#506048}.search-spinner{display:inline-block;width:22px;height:22px;flex:0 0 22px;border:3px solid #cbd4bd;border-top-color:#425e2c;border-radius:50%;animation:search-spin .8s linear infinite}.search-inline-progress{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:13px;color:#425e2c;font-variant-numeric:tabular-nums}.search-inline-progress .search-spinner{width:16px;height:16px;flex-basis:16px;border-width:2px}.results-panel.is-searching #results,.results-panel.is-searching #search-note{opacity:.35}.results-panel.is-searching #empty-results{visibility:hidden}.results-panel.is-searching #results{pointer-events:none}.search-controls .button:disabled{opacity:.75;cursor:wait}#search-result-error{font-size:14px;line-height:1.5;border-left:3px solid #a33;padding:10px 12px;background:#fff5f3;margin:0 0 20px}@keyframes search-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.search-spinner{animation:none}}

/* Filter reuse the loaded catalogue; visible feedback sits next to the colours. */
.filter-status{font-size:14px;font-weight:600;line-height:1.5;color:#253622;background:#edf1e5;border-left:4px solid #526d3d;border-radius:4px;padding:12px 14px;margin:16px 0 0;min-height:45px}
.filter-progress{display:flex;align-items:center;gap:12px;background:#e5ecd8;border:2px solid #526d3d;border-radius:7px;padding:14px;margin-top:14px;font-size:15px;color:#253622}.filter-progress[hidden]{display:none}
.results-panel.is-filtering #results{opacity:.35;pointer-events:none}.results-panel.is-filtering #filter-status{display:none}
#filter-query-note{font-size:13px;line-height:1.6;color:#354b2c}

.name-search{margin:0 0 18px}.name-search>label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.name-search-row{display:flex;align-items:center;gap:12px}.name-search input{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 12px;font:inherit;font-size:14px}.name-search input:focus{outline:2px solid var(--accent);outline-offset:2px}.name-search-row button{flex-shrink:0;min-height:44px}.name-search>#search-whole-catalog{margin-top:8px;min-height:36px}

/* Purchasing filters and per-variant facts. */
.purchase-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.purchase-filter-bar[hidden]{display:none}.active-filters{display:flex;gap:8px;flex-wrap:wrap;width:100%}.active-filter{background:#e8eddf;border:1px solid #a7b496;border-radius:20px;color:#253622;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;min-height:36px;max-width:100%;overflow-wrap:anywhere}.filter-drawer{margin:0 0 0 auto;width:min(560px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-radius:0;padding:0;color:var(--ink);background:#fafaf7}.filter-drawer::backdrop{background:#17201380}.filter-drawer form{display:flex;flex-direction:column;height:100%}.filter-drawer .dialog-header{padding:24px;margin:0;border-bottom:1px solid var(--line);flex:none}.filter-drawer h2{font-size:28px}.filter-drawer-body{overflow-y:auto;padding:0 24px 24px;overscroll-behavior:contain}.filter-drawer fieldset{border:0;border-bottom:1px solid var(--line);padding:24px 0;margin:0;min-width:0}.filter-drawer legend{font-size:17px;font-weight:650;padding-top:20px}.filter-drawer label:not(.checkbox-line){display:block;font-size:13px;line-height:1.5;margin:12px 0 6px}.filter-drawer input:not([type=checkbox]),.filter-drawer select,.purchase-comparison-details select{width:100%;min-width:0;font:inherit;font-size:16px;border:1px solid #b7bcae;border-radius:6px;padding:10px;background:#fff;color:#242b24;min-height:44px}.filter-drawer select[multiple]{padding:6px}.filter-drawer select[multiple] option{padding:7px}.filter-drawer input:focus-visible,.filter-drawer select:focus-visible,.purchase-comparison-details select:focus-visible,.active-filter:focus-visible{outline:2px solid #426332;outline-offset:3px}.dimension-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.checkbox-line{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;min-height:44px;margin:20px 0 0;cursor:pointer}.checkbox-line input{width:20px;height:20px;flex:none;accent-color:#526d3d}.filter-drawer-footer{padding:16px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#fafaf7;flex:none}.filter-drawer-footer .text-button{margin-right:auto}.filter-drawer .hint{font-size:12px;line-height:1.6}.purchase-comparison-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:28px}.purchase-comparison-layout>*{min-width:0}.purchase-comparison-layout .compare-grid{grid-template-columns:1fr 1fr;gap:12px}.purchase-comparison-layout .compare-image{height:330px}.purchase-comparison-details{border-left:1px solid var(--line);padding-left:24px}.purchase-comparison-details .detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.purchase-comparison-details label{display:block;font-size:12px;font-weight:650;margin:16px 0 6px}.purchase-facts{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(0,1.15fr);gap:0;font-size:14px;margin:0}.purchase-facts dt,.purchase-facts dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.purchase-facts dt{color:#606956;padding-right:12px}.purchase-facts dd{font-weight:600;font-variant-numeric:tabular-nums}.stock-status{display:inline-block;padding:7px 10px;border-radius:6px;background:#edece4;color:#4d4d35;font-size:13px;font-weight:650}.stock-available{color:#304c28;background:#e4ecdf}.stock-reserved{color:#6a510f;background:#f7edcc}.stock-unavailable,.stock-not_listed{color:#7c3630;background:#f4e4e1}.purchase-freshness{font-size:12px;line-height:1.6;padding:12px;background:#f0f1eb;margin-top:16px}.purchase-freshness p{margin:4px 0}.purchase-comparison-details .hint{font-size:12px;line-height:1.6}.article-note{font-size:12px;line-height:1.6;color:#626959}#compare-dialog{width:min(1320px,96vw);max-width:96vw}.filter-drawer button,.active-filter{touch-action:manipulation}
@media(max-width:1000px){.purchase-comparison-layout{grid-template-columns:1fr}.purchase-comparison-details{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.purchase-comparison-layout .compare-image{height:280px}.purchase-comparison-details .detail-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:620px){.filter-drawer{width:100vw}.filter-drawer .dialog-header{padding:20px 16px}.filter-drawer-body{padding:0 16px 20px}.filter-drawer-footer{padding:12px 12px max(12px,env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap}.filter-drawer-footer button{min-height:44px;font-size:12px;padding:10px 12px}.dimension-inputs{grid-template-columns:1fr 1fr}.purchase-comparison-layout .compare-grid{grid-template-columns:1fr 1fr}.purchase-comparison-layout .compare-image{height:190px}#compare-dialog{padding:18px;width:96vw}.purchase-comparison-layout{gap:16px}.purchase-comparison-details .detail-actions{flex-direction:column}.purchase-filter-bar>.hint{width:100%}.name-search input{font-size:16px}.active-filter{min-height:44px}}
.sm-next-section{margin:32px 0;border-top:1px solid #ccc;padding-top:22px}.sm-next-section>h2{font-size:24px;margin:0 0 10px}.sm-next-section>p{font-size:14px;line-height:1.6}.sm-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sm-next-nav{display:block;padding:14px;color:inherit;text-decoration:none;font-size:14px}@media(max-width:700px){.sm-index-grid{grid-template-columns:1fr}}

/* Text index stays next to the customer's reference when no A images exist. */
.sm-no-images #empty-results,.sm-no-images #results,.sm-no-images #result-foot,.sm-no-images #search-note{display:none!important}
.sm-next-section details>summary{cursor:pointer;padding:14px 0;font-weight:700}
#sm-portals .sm-index-card{padding:14px}
#sm-portals .sm-index-card .sm-hint{font-size:12px}

.material-group-control{margin:0 0 22px}.material-group-control label{display:block;font-weight:600;margin-bottom:8px}.material-group-control select{width:100%;max-width:340px;min-height:44px}.material-group-control .hint{margin-top:7px}

/* A hidden view must never be revived by a layout display declaration. */
body [hidden]{display:none!important}
.demo-banner{border:2px solid #bd9e3e;background:#fff8da;border-radius:9px;padding:18px 22px;margin-bottom:24px;line-height:1.6}.demo-banner strong{display:block;font-size:18px}.demo-banner a,.demo-banner button{margin:10px 15px 0 0}.demo-banner p{margin:7px 0}.demo-banner .button{display:inline-flex}body[data-demo="1"] [data-view="sources"]{display:none}