.materialsPageContainer{min-height:1000px;width:100%;flex:1;display:flex;flex-direction:column}.materialsCenteringWrapper{padding-top:12px;display:flex;justify-content:center;width:100%;flex:1}.materialsPageWrapper{display:flex;flex-direction:row;padding-bottom:1rem;gap:1rem;width:100%;max-width:1200px;flex:1}.materialsFilterSidebar{width:300px;min-width:0;overflow:hidden;border-right:1px solid var(--border-color)}.materialsMainContent{flex:1;min-width:0}.materialsPageTitle{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.filterSidebarMobileFooter,.materialsFilterToggleBtnWrap{display:none}.materialsResultsBar{display:flex;align-items:center;gap:8px;margin-bottom:.4rem}.materialsResultsInfo{font-size:.8rem;color:var(--color-text-light);padding-left:.05rem;flex:1}.entitiesGridContainer,.materialsGridContainer{width:100%}.entityGroupPageWrapper{display:flex;flex-direction:column;gap:1rem;max-width:1000px;width:100%}@media (max-width:768px){.entityGroupPageWrapper{padding:0 1rem}}.materialsNoResults{border-radius:8px;text-align:left}.materialsNoResultsText{font-size:1rem;color:var(--color-text-secondary);margin:0}.entityGrid{overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.entityGrid.compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-width:100%}.entityGrid.materials{max-width:100%}.entityGrid.matPageFilter,.entityGrid.materials{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.entityGrid.matPageFilter{max-width:824px}.materialsGrid{overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-width:100%}.materialsGrid.compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-width:100%}.materialsGrid.materials{max-width:100%}.materialsGrid.matPageFilter,.materialsGrid.materials{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.materialsGrid.matPageFilter{max-width:824px}.entityCardLink{text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:transform .25s ease-out;cursor:pointer;width:100%;overflow:visible}.entityCardSubTitle{margin-top:-4px;font-size:11px;color:var(--color-text-secondary,#999);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entityCardSubTitleCompact{font-size:10px;-webkit-line-clamp:2;line-clamp:2}.entityCardLink.compact,.entityCardLink.materials{width:100%}.entityCardLink:hover{transform:scale(1.03)}.materialCardLink{text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:transform .25s ease-out;cursor:pointer;width:100%;overflow:visible}.materialCardLink.compact,.materialCardLink.materials{width:100%}.materialCardLink:hover{transform:scale(1.03)}.entityCardImageContainer{position:relative;background-color:var(--color-gray-light-2);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.entityCardLink.compact .entityCardImageContainer{width:100%;aspect-ratio:1;min-height:130px}.entityCardLink.materials .entityCardImageContainer{width:200px;height:200px;flex-shrink:0}.materialCardImageContainer{position:relative;aspect-ratio:1;background-color:var(--color-gray-light-2);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.entityCardImageImg,.materialCardImageImg{width:100%;height:100%;object-fit:cover}.entityCardNoImage,.materialCardNoImage{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.entityCardTitle{font-size:var(--font-size-sm);font-weight:500}.entityCardTitle,.materialCardTitle{margin:0;color:var(--color-text-primary);word-break:break-word;overflow-wrap:break-word}.materialCardTitle{font-size:var(--font-size-base);font-weight:600}.mat-grouped-view{gap:20px}.mat-grouped-view,.mat-temp-group{display:flex;flex-direction:column}.mat-temp-group{gap:6px}.mat-temp-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#999);padding-bottom:4px;border-bottom:1px solid var(--border-color,#eee)}.mat-compact-grid{display:flex;flex-wrap:wrap;gap:4px}.mat-compact-item{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;width:56px;transition:opacity .15s}.mat-compact-item:hover{opacity:.7}.mat-compact-img{width:30px;height:30px;border-radius:4px;object-fit:cover;border:1px solid var(--border-color,#e0e0e0);flex-shrink:0}.mat-compact-noimg{display:block;background:var(--color-gray-light,#eee)}.mat-compact-name{font-size:10px;color:var(--text-primary,#333);text-align:center;line-height:1.2;word-break:break-word;width:100%}.mat-compact-grid.text-only .mat-compact-item{width:auto;flex-direction:row}.mat-compact-grid.text-only .mat-compact-name{font-size:12px;text-align:left;padding:3px 8px;border-radius:10px;border:1px solid var(--border-color,#ddd);white-space:nowrap;width:auto}.mat-compact-grid.text-only .mat-compact-item:hover .mat-compact-name{border-color:var(--primary,#cc1b00);color:var(--primary,#cc1b00);opacity:1}@media (max-width:700px){.materialsPageWrapper{flex-direction:column;padding-left:16px;padding-right:16px;overflow-x:hidden}.materialsCenteringWrapper{padding-left:0;padding-right:0}.entityGrid.matPageFilter,.entityGrid.materials{grid-template-columns:repeat(2,1fr)}.entityCardLink.materials .entityCardImageContainer{width:100%;height:auto;aspect-ratio:1;flex-shrink:unset}.materialsFilterSidebar{display:none;border-right:none}.materialsFilterSidebar.filterSidebarOpen{display:flex;flex-direction:column;position:fixed;top:42px;left:0;right:0;bottom:0;width:100%;z-index:900;background:var(--color-background,#fff);overflow:hidden;padding:0}.materialsFilterSidebar.filterSidebarOpen>:not(.filterSidebarMobileFooter){flex:1;overflow-y:auto;padding:12px 16px}.materialsFilterOverlayBackdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:899}.materialsFilterToggleBtnWrap{display:flex}.filterSidebarCloseBtn{display:flex;align-items:center;justify-content:center;background:none;border:1.5px solid var(--border-color);border-radius:var(--radius-2xl);padding:4px;cursor:pointer;color:var(--text-secondary);transition:color var(--duration-base),border-color var(--duration-base)}.filterSidebarCloseBtn:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.filterSidebarMobileFooter{display:block;position:sticky;bottom:0;padding:12px 16px;background:var(--color-background,#fff);border-top:1px solid var(--border-color);flex-shrink:0}.filterSidebarShowResultsBtn{display:block;width:100%;padding:10px 16px;background:var(--primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-button);font-size:var(--font-size-base);font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-base)}.filterSidebarShowResultsBtn:hover{background:var(--color-primary-dark)}}