:root{font-family:Roboto,Arial,sans-serif;color:#252a2e;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-optical-sizing:auto;font-weight:400;--blue: #337eae;--blue-dark: #266a98;--orange: #f59a00;--orange-light: #f6b82a;--ink: #252a2e;--muted: #6c7880;--line: #e0e5e9;--card-shadow: 0 4px 13px rgb(31 45 55 / 16%)}*{box-sizing:border-box}.global-model-search{position:relative;width:min(320px,42vw);flex-shrink:0}.global-model-search .model-search{display:block;margin:0}.global-search-results{position:absolute;z-index:25;top:100%;right:0;width:min(440px,90vw);max-height:65vh;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:var(--card-shadow);font-size:14px}.global-search-results ul{margin:0;padding:0;list-style:none}.global-search-results li button{width:100%;padding:8px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.global-search-results li button:hover{background:#edf5fa}.global-search-results li span{display:block;margin-top:3px;color:var(--muted)}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #75b5df;outline-offset:2px}.app-shell{min-height:100vh;padding-top:64px}.app-header{position:fixed;z-index:20;inset:0 0 auto}.header-utilities{display:flex;align-items:center;justify-content:flex-end;gap:28px;margin-left:auto;color:#fff;font-family:Arial,sans-serif;font-size:14px}.header-utilities button{border:0;padding:6px 0;color:inherit;background:transparent;font:inherit}.header-utilities button:disabled{opacity:.8;cursor:not-allowed}.utility-identity{white-space:nowrap}.topbar{display:flex;height:64px;align-items:center;gap:24px;padding:0 28px;color:#fff;background:var(--blue);box-shadow:0 2px 5px #00000024}.brand{display:flex;min-width:max-content;align-items:center;gap:9px;color:#fff;font-size:21px;font-weight:500;text-decoration:none}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgb(255 255 255 / 70%);border-radius:50%;font-size:16px;font-weight:700}.brand-section{color:#ffffffc2;font-size:16px;font-weight:400}.app-header-content{display:flex;align-items:center;gap:12px;margin-left:auto;color:#fff;font-size:13px}.toolbar{position:sticky;z-index:10;top:64px;display:flex;min-height:58px;align-items:center;gap:12px;border-bottom:4px solid var(--orange);border-radius:0 0 12px 12px;padding:8px 28px 10px;background:#fff;box-shadow:0 3px 8px #1f2d3717}.home-button,.round-tool{display:grid;flex:0 0 auto;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--orange);box-shadow:0 3px 8px #5f461345;cursor:pointer}.home-button{width:42px;height:42px;font-size:25px}.home-button:hover,.round-tool:hover{background:#e58b00}.breadcrumbs{display:flex;min-width:0;align-items:center;gap:10px;overflow:hidden;color:var(--blue);white-space:nowrap}.breadcrumbs button{overflow:hidden;border:0;padding:3px 0;color:var(--blue);background:transparent;cursor:pointer;text-overflow:ellipsis}.breadcrumbs strong{overflow:hidden;color:var(--ink);font-weight:500;text-overflow:ellipsis}.toolbar-spacer{flex:1}.region-label{font-size:13px}.toolbar select,.model-filter-row select{min-width:105px;border:1px solid #8bbad5;border-radius:4px;padding:8px 30px 8px 10px;color:#27343b;background:#fff;font-weight:500}.main-content{width:100%;padding:22px 28px 42px}.landing-main{padding-top:10px}.landing{width:100%}.landing-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 3px 10px}.result-count{color:var(--muted);font-size:13px;white-space:nowrap}.family-filter{display:flex;min-width:0;width:min(390px,100%);height:40px;align-items:center;gap:11px;border:1px solid #d7dde1;border-radius:7px;padding:0 13px;background:#fff;box-shadow:0 2px 6px #1f2d3714}.family-filter>span{color:#15222a;font-size:15px;transform:rotate(180deg)}.family-filter input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent}.family-filter button{border:0;color:var(--muted);background:transparent;font-size:23px;cursor:pointer}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(170px,11.5vw,220px),1fr));align-items:stretch;gap:14px;padding:0 4px 18px}.family-card{position:relative;display:flex;min-width:0;min-height:205px;flex-direction:column;align-items:stretch;overflow:hidden;border:0;border-radius:13px;padding:10px 12px 0;background:#fff;box-shadow:var(--card-shadow);cursor:pointer;text-align:center;transition:transform .13s ease,box-shadow .13s ease}.family-card:after{position:absolute;right:0;bottom:0;left:0;height:7px;background:linear-gradient(90deg,var(--orange),#ffbd38);content:""}.family-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #1f2d3736}.family-card-title{display:-webkit-box;min-height:38px;overflow:hidden;color:#27323a;font-size:16px;font-weight:500;line-height:19px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-art,.family-image{display:block;width:100%;max-width:230px;height:125px;flex:1;align-self:center;margin:4px auto 0}.family-image{flex:none;min-height:0;object-fit:contain}.catalog-image{position:relative;display:grid;width:100%;min-height:88px;aspect-ratio:4 / 3;place-items:center;overflow:hidden}.catalog-image img{display:block;width:100%;height:100%;object-fit:contain}.catalog-image .image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f2f6f8;color:#64737e;font-size:12px}.family-card-meta{padding:3px 0 8px;color:#7d878e;font-size:11px;opacity:0}.family-card:hover .family-card-meta,.family-card:focus-visible .family-card-meta{opacity:1}.empty-state,.loading-card{border-radius:10px;padding:30px;color:var(--muted);background:#fff;box-shadow:var(--card-shadow);text-align:center}.workspace{display:grid;min-height:calc(100vh - 174px);grid-template-columns:minmax(220px,22fr) minmax(260px,25fr) minmax(0,53fr);align-items:stretch;gap:19px}.pane,.detail-card{min-width:0;border-radius:10px;background:#fff;box-shadow:var(--card-shadow)}.pane{position:relative;display:flex;min-height:640px;flex-direction:column;overflow:hidden}.pane:after,.detail-card:after{position:absolute;right:0;bottom:0;left:0;height:5px;background:linear-gradient(90deg,var(--orange),#ffc643);content:""}.details-pane .detail-card:after{content:none}.pane-heading{display:flex;min-height:76px;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:13px 18px}.pane-icon{color:#233640;font-size:25px}.pane-heading h2{margin:0;font-size:21px;font-weight:500}.pane-heading p{margin:4px 0 0;color:#7d878e;font-size:12px}.model-filter-row{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:6px 12px 4px}.model-filter-row select{min-width:0;flex:1;border-color:var(--line);padding-top:5px;padding-bottom:5px}.quiet-icon-button{width:34px;height:30px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:21px;cursor:pointer}.model-list{min-height:0;flex:1;overflow:auto;padding:2px 12px 8px}.manufacturer-group{border-bottom:1px solid #edf0f2}.manufacturer-group summary{display:flex;min-height:26px;align-items:center;gap:6px;padding:1px 6px;cursor:pointer;font-weight:500;font-size:13px;list-style:none}.manufacturer-group summary::-webkit-details-marker{display:none}.manufacturer-group summary:before{color:#75858d;content:"▸";font-size:13px}.manufacturer-group[open] summary:before{content:"▾"}.manufacturer-icon{color:var(--blue);font-size:14px}.group-count{margin-left:auto;color:#89949b;font-size:11px}.model-row{display:flex;width:calc(100% - 20px);min-height:26px;align-items:center;gap:7px;margin:0 0 0 20px;border:0;border-radius:3px;padding:1px 7px;background:transparent;cursor:pointer;text-align:left;font-size:13px;line-height:1.25}.model-row:hover,.model-row.is-selected{background:#dff0f8}.model-tool-icon{width:16px;flex:0 0 16px;color:#8b9aa2;text-align:center}.model-filters{display:grid;flex:0 0 auto;gap:7px;border-top:1px solid var(--line);padding:9px 12px 12px;color:#525e65;font-size:13px}.model-filters label{display:grid;gap:4px;font-weight:500}.model-filters select,.year-range input{width:100%;min-width:0;border:1px solid #d8dfe3;border-radius:4px;padding:5px 8px;background:#fff;color:var(--ink)}.year-range{display:flex;align-items:center;gap:8px}.year-range input{min-width:0}.year-range span{color:#929ca2;font-weight:400}.features-heading{font-weight:600}.models-pane>.pane-heading{min-height:58px;flex:0 0 auto;padding:7px 12px}.models-pane>.pane-heading p{margin-top:2px}@media (min-width: 981px){.main-content:has(>.workspace){padding-bottom:24px}.workspace{height:calc(100vh - 174px);min-height:0}.workspace>.pane,.workspace .middle-column .hierarchy-pane{min-height:0}}.feature-options{height:92px;overflow-y:auto;border:1px solid #e0e5e9;border-radius:4px;padding:3px 8px;background:#fff}.model-filters .feature-option{display:flex;min-height:28px;align-items:center;gap:8px;color:#424b51;font-size:12px;font-weight:400;line-height:1.3}.feature-option input{width:14px;height:14px;flex:none;margin:0;accent-color:var(--blue)}.feature-pill{border:1px solid #dbe7ed;border-radius:14px;padding:4px 9px;color:#4a6b7d;background:#f4f9fb;font-size:11px}.subtle-empty{padding:12px;color:var(--muted);font-size:13px}.tree-tools{display:flex;align-items:center;gap:7px;padding:6px 11px 4px}.tree-search{display:flex;min-width:0;flex:1;align-items:center;gap:5px;border-bottom:1px solid #c5cdd2;padding:1px 0 4px;color:#7d8b92;font-size:18px}.tree-search input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.tree-search input::placeholder{color:#8b959b}.round-tool{width:29px;height:29px;font-size:15px}.tree-scroll{min-height:0;flex:1;overflow:auto;padding:2px 9px 8px}.tree-root{align-items:center;gap:5px;padding:0;font-size:12px}.tree-glyph{color:var(--blue)}.tree-root strong{min-width:0;flex:0 1 auto;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.info-dot,.populated-dot{display:inline-grid;width:13px;height:13px;flex:0 0 auto;place-items:center;border:1px solid #93a4ad;border-radius:50%;color:#6b7a82;font-size:10px}.tree-row{display:flex;min-height:24px;align-items:stretch;line-height:1.25}.tree-row:hover{background:#f2f4f5}.tree-row.is-selected{background:#d9edf7}.tree-toggle,.tree-toggle-spacer{display:grid;width:22px;flex:0 0 22px;place-items:center;border:0;background:transparent}.tree-toggle{width:16px;height:16px;flex:0 0 16px;align-self:center;margin:0 3px;border:1px solid #8c999f;border-radius:2px;color:#52616a;background:#fff;cursor:pointer;font-size:12px;line-height:1;padding:0}.tree-select{display:flex;min-width:0;flex:1;align-items:center;gap:5px;border:0;padding:1px 4px;background:transparent;cursor:pointer;text-align:left;font-size:12px}.tree-select>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-type-icon{color:#327ca8;font-size:13px}.is-unpopulated .tree-type-icon,.tree-row.is-unpopulated .tree-select{color:#929ca2}.populated-dot{width:7px;height:7px;margin-left:auto;border:0;background:var(--orange)}.tree-legend{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid var(--line);padding:6px 11px 8px;color:#7f898f;font-size:10px}.hierarchy-pane>.pane-heading{min-height:58px;gap:9px;padding:7px 12px}.hierarchy-pane>.pane-heading .pane-icon{font-size:20px}.hierarchy-pane>.pane-heading h2{font-size:17px}.hierarchy-pane>.pane-heading p{margin-top:2px;font-size:10px}.legend-active{color:var(--blue)}.pane-prompt{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:34px;color:#68757c;text-align:center}.pane-prompt>span{margin-bottom:10px;color:#aab6bd;font-size:38px}.pane-prompt strong{color:#49565d;font-size:17px;font-weight:500}.pane-prompt p{max-width:270px;margin:8px 0 0;font-size:13px;line-height:1.5}.details-pane{overflow:hidden;padding:13px}.details-scroll{display:flex;min-height:0;flex:1;flex-direction:column;gap:14px;overflow:auto;padding:3px 3px 13px}.detail-card{position:relative;flex:0 0 auto;overflow:hidden;padding:17px 19px 20px}.detail-title{display:flex;min-height:37px;align-items:center;gap:11px;margin-bottom:14px}.detail-title h2{min-width:0;flex:1;overflow:hidden;margin:0;font-size:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.detail-icon{color:var(--orange);font-size:25px}.middle-column{display:flex;min-width:0;min-height:0;flex-direction:column;gap:8px}.model-card{flex:0 0 auto;padding:7px 10px 10px}.model-card .detail-title{min-height:22px;margin-bottom:4px}.model-card .detail-title h2{font-size:15px}.model-card .detail-icon{font-size:18px}.model-card .features-block{display:flex;align-items:baseline;gap:5px;margin-top:5px;font-size:12px}.model-card .features-block>div{gap:3px}.model-card .feature-pill{padding:2px 4px}.model-card .model-summary-content{grid-template-columns:minmax(56px,20%) 1fr;gap:8px}.model-card .model-photo{min-height:65px}.model-card .model-photo .media-image,.model-card .model-photo .product-art{height:65px}.model-card .metadata-grid{gap:3px 6px}.model-card .meta dt{margin-bottom:1px;font-size:11px}.model-card .meta dd{font-size:12px;line-height:1.2}.model-card .meta:last-child{display:flex;grid-column:1 / -1;align-items:baseline;gap:5px}.model-card:not(.model-card-empty){height:auto;overflow:visible}.family-results-scroll{overflow:hidden;padding-bottom:3px}.family-results{display:flex;min-height:0;flex:1;flex-direction:column}.family-results .table-scroll{min-height:0;flex:1;overflow:auto}.data-table.model-results-table{width:100%;table-layout:auto;line-height:1.25}.data-table.model-results-table th,.data-table.model-results-table td{height:28px;padding:4px 7px;overflow-wrap:normal;vertical-align:middle;white-space:nowrap}.data-table.model-results-table th:first-child{min-width:180px}.data-table.model-results-table thead th{z-index:1}.data-table.model-results-table thead th:first-child{z-index:2}.sort-header{display:inline-flex;align-items:center;gap:3px;margin:-2px -4px;border:0;border-radius:3px;padding:2px 4px;color:inherit;background:transparent;cursor:pointer;font:inherit;white-space:nowrap}.sort-header:hover,.sort-header:focus-visible{background:#172f3d14;color:#172f3d}.sort-header.is-active{color:#172f3d}.sort-header:focus-visible{outline:2px solid var(--blue);outline-offset:0}.sort-indicator{display:inline-block;width:9px;font-size:9px;text-align:center}.sort-indicator.is-neutral{color:#8a98a3;font-size:10px;opacity:.75}.sort-header:hover .sort-indicator.is-neutral,.sort-header:focus-visible .sort-indicator.is-neutral{color:#4f6270;opacity:1}.model-card-empty p{margin:0;color:var(--muted);font-size:13px}.middle-column .hierarchy-pane{min-height:0;flex:1}.model-summary-content{display:grid;grid-template-columns:minmax(120px,34%) 1fr;align-items:start;gap:16px}.model-photo{position:relative;display:grid;min-height:120px;place-items:center;overflow:hidden;border-radius:5px;background:#f2f6f8}.model-photo .product-art,.model-photo .media-image{width:100%;height:115px;margin:0}.model-photo .no-image{min-height:0;border:0;background:transparent}.media-image{display:block;object-fit:contain}.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:0}.meta{min-width:0}.meta dt{margin-bottom:3px;color:#333b40;font-size:12px;font-weight:700}.meta dd{overflow-wrap:anywhere;margin:0;color:#424b51;font-size:13px;line-height:1.35}.features-block{display:grid;gap:8px;margin-top:16px;font-size:13px}.features-block>div{display:flex;flex-wrap:wrap;gap:6px}.root-card .detail-title{margin-bottom:9px}.summary-table{width:100%;border-collapse:collapse;font-size:12px}.summary-table th,.summary-table td{border-bottom:1px solid #edf0f2;padding:8px 7px;text-align:right}.summary-table th:first-child{text-align:left}.summary-table thead th{color:#56646b;font-weight:600}.summary-table tbody th{font-weight:500}.summary-total{color:#273d49;font-weight:700}.other-note{display:flex;gap:12px;margin:12px 0 0;font-size:12px}.other-note strong{min-width:50px}.segment-card{container-type:inline-size;padding:10px 12px}.segment-card .detail-title{min-height:28px;gap:7px;margin-bottom:8px}.segment-card .detail-title h2{font-size:16px;white-space:normal}.segment-card .detail-icon{font-size:20px}.segment-card .hierarchy-description{margin-bottom:8px}.segment-summary-grid{display:grid;grid-template-columns:minmax(80px,.65fr) minmax(190px,1.35fr) minmax(180px,1.5fr);align-items:start;gap:10px}.segment-identification{min-width:0}.segment-identification dl{display:grid;gap:4px;margin:6px 0 0}.segment-identification .meta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3px}.segment-identification .photo-tile{max-width:120px}.segment-identification .no-image{min-height:20px;justify-items:start;border:0;background:transparent;font-size:12px}.segment-identification .photo-placeholder{min-height:0;height:100px}.segment-identification .photo-placeholder img,.segment-identification .photo-placeholder svg{width:100%;height:100px;object-fit:contain}.segment-identification .photo-label{padding:3px 5px}.segment-card .summary-table th,.segment-card .summary-table td{padding:4px 3px}.segment-card .summary-table td{white-space:nowrap}.segment-card .segment-material{grid-template-columns:minmax(0,1fr);gap:4px;margin:0}.segment-card .segment-material .meta{display:grid;grid-template-columns:minmax(70px,42%) minmax(0,1fr);gap:5px}.segment-card .meta dt{margin-bottom:1px;font-size:11px}.segment-card .meta dd{font-size:12px;line-height:1.25}.segment-details-scroll .section-card summary{min-height:32px;padding:6px 10px;font-size:13px}.segment-details-scroll{gap:8px}.segment-details-scroll .no-data{margin:0;padding:8px 10px}.round-tool[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:1px}.fastener-photos{display:flex;gap:5px;min-width:68px}.fastener-photos .photo-tile{width:68px;flex:0 0 68px}.fastener-photos .photo-placeholder,.fastener-photos .photo-placeholder img{min-height:0;height:48px}.fastener-photos .photo-placeholder img{width:100%;object-fit:contain}.fastener-photos .photo-label{padding:2px 3px}.fastener-photos .photo-primary{top:2px;left:2px;padding:1px 3px;font-size:8px}.fastener-no-photos{color:var(--muted)}@container (max-width: 500px){.segment-summary-grid{grid-template-columns:minmax(80px,1fr) minmax(190px,2fr)}.segment-card .segment-material{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 310px){.segment-summary-grid,.segment-card .segment-material{grid-template-columns:minmax(0,1fr)}}.model-context{color:#8a959b;font-size:11px}.segment-top{display:grid;grid-template-columns:minmax(125px,31%) 1fr;gap:16px;align-items:start}.attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;margin:0}.hierarchy-description{margin:-5px 0 12px;color:var(--muted);font-size:12px;line-height:1.4}.segment-material{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;margin:12px 0 0}.meta-emphasis dd{color:#172f3d;font-weight:700}.photo-tile{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e3e8eb;border-radius:5px;background:#f8fafb}.photo-placeholder{display:grid;min-height:88px;flex:1;place-items:center;color:#aab6bd;background:linear-gradient(145deg,#e9f1f5,#f5f7f8 52%,#dfe9ee);font-size:30px}.photo-placeholder svg,.photo-placeholder img{display:block;width:min(100%,230px);height:auto}.photo-placeholder>.catalog-image{height:100%;min-height:0}.photo-zoom-trigger{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.photo-zoom-trigger:focus-visible{outline-offset:-3px}.photo-tile-large .photo-placeholder{min-height:178px}.photo-tile-large .photo-placeholder svg,.photo-tile-large .photo-placeholder img{width:min(100%,300px)}.photo-lightbox{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0d171dc7}.photo-lightbox-image img{display:block}.model-search{display:block;flex-shrink:0;padding:0 10px 4px}.model-search input{width:100%;min-width:0;height:28px;padding:3px 7px;border:1px solid #d9e1e6;border-radius:4px;font:inherit}.photo-lightbox-content{position:relative;width:min(92vw,960px);border-radius:7px;padding:48px 20px 12px;background:#fff;box-shadow:0 12px 38px #0006}.photo-lightbox-image{position:relative;display:block;height:min(70vh,680px);place-items:center;overflow:hidden;border-radius:4px;background:linear-gradient(145deg,#e9f1f5,#f5f7f8 52%,#dfe9ee);touch-action:none}.photo-lightbox-image.is-zoomed{cursor:grab}.photo-lightbox-image.is-dragging{cursor:grabbing}.photo-lightbox-stage{display:flex;width:100%;height:100%;align-items:center;justify-content:center;transform-origin:center;transition:transform 80ms ease-out}.photo-lightbox-image.is-dragging .photo-lightbox-stage{transition:none}.photo-lightbox-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.photo-lightbox-stage>.catalog-image{height:100%;aspect-ratio:auto}.progressive-image>.preview-layer,.progressive-image>.original-layer{position:absolute;top:0;right:0;bottom:0;left:0}.progressive-image>.original-layer{opacity:0}.progressive-image>.original-layer.is-loaded{opacity:1}.progressive-image .image-placeholder.preview-progress{inset:auto 0 0;padding:6px;background:#f2f6f8e5}.photo-lightbox-toolbar{position:absolute;top:8px;left:20px;display:flex;align-items:center;gap:6px}.photo-lightbox-toolbar button{min-width:34px;height:34px;border:1px solid var(--line);border-radius:4px;padding:0 10px;color:#172f3d;background:#fff;cursor:pointer;font:inherit;font-size:18px;line-height:1}.photo-lightbox-toolbar button:last-child{font-size:13px}.photo-lightbox-toolbar button:hover:not(:disabled),.photo-lightbox-close:hover{background:#eef4f7}.photo-lightbox-toolbar button:disabled{color:#aab6bd;cursor:default}.photo-lightbox-zoom-level{min-width:44px;color:#424d53;font-size:12px;text-align:center}.media-zoom-trigger{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.media-zoom-trigger:hover .media-image,.photo-zoom-trigger:hover img{opacity:.88}.photo-lightbox-image svg{width:min(100%,800px);max-height:65vh}.photo-lightbox-content p{margin:10px 0 0;color:#424d53;text-align:center}.photo-lightbox-close{position:absolute;top:8px;right:10px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;font-size:23px;line-height:1}.photo-label{padding:7px 8px;color:#424d53;background:#fff;font-size:11px;text-align:center}.photo-primary{position:absolute;top:6px;left:6px;border-radius:3px;padding:3px 6px;color:#fff;background:var(--blue);font-size:9px}.section-card{padding:0}.section-card summary{display:flex;min-height:47px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 16px;cursor:pointer;font-size:15px;font-weight:500;list-style:none}.section-card summary::-webkit-details-marker{display:none}.section-card summary:before{margin-right:8px;color:var(--blue);content:"▾"}.section-card:not([open]) summary:before{content:"▸"}.section-card summary span{margin-left:auto;border-radius:10px;padding:2px 7px;color:#56717f;background:#eef4f7;font-size:11px}.table-scroll{overflow-x:auto;padding:0 0 6px}.data-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.4;white-space:normal}.data-table th,.data-table td{border-bottom:1px solid #edf0f2;padding:6px 5px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.parts-table{min-width:1100px;table-layout:fixed}.part-name-column{width:13%}.part-text-column{width:7%}.part-measure-column{width:4.5%}.data-table thead th{position:sticky;top:0;color:#56646b;background:#f7f9fa;font-weight:600}.data-table tbody tr:hover{background:#f2f8fb}.data-table tbody th{position:sticky;left:0;background:#fff;font-weight:500}.data-table tbody tr:hover th{background:#f2f8fb}.table-link{border:0;padding:0;color:var(--blue);background:transparent;cursor:pointer;font-weight:500;text-align:left}.table-link:hover{text-decoration:underline}.no-image{display:grid;min-height:150px;place-items:center;border:1px dashed #cfd8dd;border-radius:5px;color:#8a959b;background:#f8fafb;font-size:13px}.no-data{padding:14px 17px;color:#7d898f;font-size:13px}.empty-segment-card p{color:#77838a;font-size:13px}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;padding:14px}.photo-gallery .photo-placeholder{height:130px;min-height:0;background:#f3f5f6}.photo-gallery .photo-placeholder img,.photo-gallery .photo-placeholder svg{width:100%;height:100%;object-fit:contain}.fastener-photos .photo-placeholder{background:#f3f5f6}.back-link{border:0;padding:0 0 10px;color:var(--blue);background:transparent;cursor:pointer;font-size:12px}.fastener-details .attribute-grid{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.family-filter input:focus-visible,.tree-search input:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}@media (min-width: 1700px){.main-content{padding-right:34px;padding-left:34px}.family-grid{gap:16px}.family-card{min-height:220px}.family-image{height:140px}.workspace{gap:22px}}@media (max-width: 1100px){.topbar{gap:13px;padding:0 16px}.brand{font-size:18px}.toolbar{padding-right:16px;padding-left:16px}.main-content{padding:19px 16px 32px}.workspace{gap:12px}.details-pane{padding:9px}.detail-card{padding-right:13px;padding-left:13px}}@media (max-width: 1150px) and (min-width: 981px){.workspace{gap:12px}}@media (max-width: 980px){.brand-section{display:none}.topbar{height:58px}.app-shell{padding-top:58px}.toolbar{top:58px}.main-content{padding:15px 12px 26px}.workspace{min-height:auto;grid-template-columns:minmax(0,1fr)}.pane{min-height:310px}.models-pane{min-height:330px;height:480px}.middle-column .hierarchy-pane{min-height:310px}.details-pane{min-height:430px}.family-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:13px}.family-card{min-height:220px}}@media (max-width: 640px){.header-utilities{width:100%;justify-content:space-between;gap:10px;font-size:12px}.topbar{height:80px;flex-wrap:wrap;align-content:center;gap:4px 8px;padding:6px 10px}.app-shell{padding-top:80px}.toolbar{top:80px}}@media (max-width: 520px){.brand{gap:6px;font-size:15px}.brand-mark{width:25px;height:25px}.toolbar{min-height:51px;gap:8px;padding:6px 10px 8px}.home-button{width:35px;height:35px;font-size:21px}.breadcrumbs{gap:6px;font-size:12px}.result-count{font-size:11px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.family-card{min-height:195px;padding:10px 8px 0}.family-card-title{font-size:14px}.product-art,.family-image{height:115px}.model-summary-content,.segment-top{grid-template-columns:minmax(100px,34%) 1fr;gap:10px}.attribute-grid{gap:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}