/* Use available window space so folded, unfolded and split windows share state. */
.app-shell,main#content,.card,.eco-series,.eco-product,.eco-detail-copy{min-width:0}
.eco-series-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.eco-product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.eco-series-copy h3{overflow-wrap:anywhere}
.eco-series-copy .text-link,.eco-product-copy .text-link{min-height:44px;display:inline-flex;align-items:center}
.eco-product-copy>.eco-detail-link{display:block;text-align:left;padding:10px 0;color:#6b4038}
.eco-design-view{container-type:inline-size}
#dialog:has(.eco-design-view){max-width:1140px;width:calc(100vw - 32px)}
dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
dialog .close{position:sticky;top:0;float:right;z-index:3;background:#fffdf9;border-radius:50%}
.eco-detail-status{padding:18px 20px;border:1px solid #dcd1c4;border-radius:14px;background:#f5f0e8;margin-bottom:24px;clear:both}
.eco-detail-status strong{font-size:14px;color:#624d3f}
.eco-detail-status p{font-size:13px;line-height:1.8;margin:8px 0 0}
.eco-detail-status .eco-detail-critical{font-weight:600;color:#854b38}
.eco-detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.eco-detail-gallery,.eco-detail-copy{min-width:0}
.eco-detail-gallery figure{margin:0 0 20px}
.eco-detail-gallery img{display:block;width:100%;max-width:100%;height:auto;border-radius:14px;object-fit:contain}
.eco-detail-gallery figcaption{font-size:12px;text-align:center;color:#746a62;padding:9px}
.eco-detail-copy section{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e5e0d8}
.eco-detail-copy h3{font-size:18px;line-height:1.6;margin:0 0 12px}
.eco-detail-copy p,.eco-detail-copy li{font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.eco-detail-copy ul{padding-left:20px}.eco-detail-copy li+li{margin-top:9px}
.eco-detail-copy .eco-capabilities{padding:0;list-style:none;margin:0}
.eco-capabilities li{padding:14px 0;border-top:1px solid #ece7df}
.eco-capabilities li:first-child{border-top:0;padding-top:0}
.eco-capabilities li>div{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.eco-capabilities li p{color:#75685f;font-size:13px;margin:8px 0 0}
.eco-capability-state{display:inline-block;font-size:11px;line-height:1.6;border-radius:5px;padding:3px 7px;background:#eceae5;color:#635f55;white-space:nowrap}
.eco-capability-state.research{background:#f1e1cf;color:#80552b}
.eco-capability-state.integration{background:#e4e9e0;color:#546347}
.eco-capability-state.unsupported{background:#f1e5df;color:#8b5645}
.eco-detail-engineering{border-radius:12px;background:#f5f3ee;padding:16px;margin-bottom:20px}
.eco-detail-engineering summary{font-size:14px;cursor:pointer;line-height:1.6}
@container(min-width:760px){.eco-detail-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}
@media(min-width:761px) and (max-width:1100px){
 .sidebar{width:76px;padding:24px 10px}.sidebar .brand{justify-content:center}.sidebar .brand>span:last-child,.sidebar .nav-label,.sidebar-foot{display:none}.sidebar nav{margin-top:30px}.sidebar .nav-button{font-size:0;padding:14px;justify-content:center;gap:0;min-height:48px}.sidebar .nav-button svg{width:23px;height:23px;flex-shrink:0}.app-shell{margin-left:76px}.topbar{padding:0 24px}.demo-notice{padding-left:24px;padding-right:24px}main#content{padding:24px;max-width:none}
}
@media(max-width:420px){#dialog:has(.eco-design-view){width:calc(100vw - 16px)}.eco-detail-status{padding:15px}.eco-collection-heading h2{font-size:24px}.eco-detail-copy h3{font-size:17px}}
@media(max-height:540px){dialog{max-height:calc(100dvh - 16px)}.sidebar{overflow-y:auto}.mobile-nav{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom,0px))}.mobile-nav button{min-height:42px}}