/* Bound content to its own grid/flex cell without hiding overflowing text. */
.tree-kind-row,.tree-folder,.tree-column-head,.tree-model,
.catalog-card,.catalog-card .product-top,.catalog-card .description,
.product-documents>a,.product-option-copy,.selection-tile>div,
.workspace-current>div,.workspace-actions>*{min-width:0}
.tree-column-head{flex-wrap:wrap;align-items:center;gap:6px 12px}
.tree-column-head>b{flex:1 1 120px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.tree-column-head>a{flex:0 0 auto;margin-left:auto}
.tree-model b,.product-option-copy b,.product-documents>a>span:nth-child(2),
.catalog-card .description,.selection-tile h2,.workspace-actions h2,
.workspace-section-head h2{min-width:0;overflow-wrap:anywhere}
.tree-folder>.tree-folder-count,.tree-folder small,.product-documents>a>img{flex-shrink:0}
.catalog-card .product-choice-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-card .product-choice-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.calc input[type=range],.field input[type=range]{display:block;width:100%;max-width:100%;min-width:0;margin-inline:0;box-sizing:border-box}
/* Three narrow columns caused word fragments around the tablet breakpoint. */
@media(min-width:721px) and (max-width:1199px){
 .catalog-tree{grid-template-columns:280px minmax(0,1fr);overflow:auto}
 .tree-sections,.tree-subcategories{max-height:340px}
 .tree-subcategories{border-right:0}
 .catalog-tree .tree-models{grid-column:1/-1;border-top:1px solid var(--line);max-height:260px}
}
@media(min-width:901px) and (max-width:1199px){.catalog-tree{grid-template-columns:300px minmax(0,1fr)}}
.tree-kind-row>a>span:last-child{hyphens:none}
@media(max-width:720px){
 .spotlight-image>img{width:min(160px,65%);height:86px;max-height:100%;object-fit:contain}
 .compact-image img,.compact-image img[src*="compact"]{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none}
 .compact-image img[src*="switch"]{object-fit:contain;object-position:center}
 .tree-toolbar{flex-wrap:wrap}
 .tree-toolbar>a{min-width:0;overflow-wrap:anywhere}
 .tree-toolbar button{flex-shrink:0}
 .workspace-tabs{flex-wrap:wrap;gap:4px 16px}
 .workspace-document{flex-wrap:wrap}
 .workspace-document>div{flex:1 1 180px}
}