.catalog-intro{display:flex;justify-content:space-between;align-items:center;gap:30px}.catalog-intro>div{max-width:820px}.catalog-intro h1{font-size:clamp(2rem,3.1vw,2.8rem);max-width:760px}.catalog-intro>div>p:last-child{color:var(--muted);font-size:1rem}.catalog-intro>.outline-button{flex-shrink:0}.sourcing-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:32px;align-items:start}.family-sidebar{border:1px solid var(--line);background:#fff}.family-sidebar h2{margin:0;padding:22px 18px;background:#f6f5f1;font-size:1.1rem!important}.family-filter{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid #eeeae5;background:white;padding:15px 18px;text-align:left;color:var(--ink);font:inherit;font-size:.875rem;font-weight:500;line-height:1.5;cursor:pointer;min-height:48px}.family-filter:hover{background:#f9f5f0}.family-filter[aria-pressed=true]{color:var(--accent);background:#fcf1e9;box-shadow:inset 3px 0 var(--accent)}.family-filter>span:last-child{color:#8c989b}.catalog-help{border-top:1px solid var(--line);padding:20px 18px}.catalog-help h3{margin:0 0 10px;font-size:1rem}.catalog-help p{font-size:.8rem;color:var(--muted)}.catalog-help .text-button{text-align:left;font-size:.85rem;padding:0}.parts-workspace{min-width:0}.parts-context,.parts-result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.parts-context h2{margin-bottom:18px}.parts-context .eyebrow{margin-bottom:8px}.parts-context>.text-button{font-size:.82rem;flex-shrink:0}.parts-workspace .catalog-search{max-width:none!important;margin-bottom:24px!important;min-width:0}.parts-workspace .catalog-search button{font-size:.9rem;padding-inline:22px;min-width:80px}.parts-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;background:#f6f5f1;border:1px solid var(--line)}.parts-filters label,.sourcing-request label,#shortlist-form label{display:block;font-size:.8rem;font-weight:600;min-width:0}.parts-filters select,.sourcing-request input,.sourcing-request textarea,.sourcing-request select,#shortlist-form input,#shortlist-form textarea,#shortlist-form select{display:block;width:100%;max-width:100%;min-width:0;margin-top:7px;padding:11px 10px;border:1px solid #c9cdc8;border-radius:3px;background:#fff;font:400 .9rem/1.5 'DM Sans',Arial,sans-serif;color:var(--ink)}.parts-result-heading{margin:20px 0 12px}.parts-result-heading p{font-size:.82rem;color:var(--muted);margin:0}.parts-result-heading .outline-button{font-size:.8rem}.catalog-feedback{padding:14px 16px;border-left:3px solid var(--accent);background:#fcf1e9;font-size:.85rem}.parts-list{border-top:1px solid var(--line)}.part-card{display:grid;grid-template-columns:96px minmax(0,1fr) 155px;align-items:start;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.part-visual{padding-top:5px;text-align:center}.part-visual .component-image{width:94px;height:94px}.part-visual small{display:block;font-size:.75rem;line-height:1.4;color:var(--muted);margin-top:5px}.part-content{min-width:0}.part-maker{font-size:.75rem;color:var(--muted);margin:0 0 2px;letter-spacing:.02em}.part-content h3{margin:0 0 4px;font-size:1.08rem}.part-title{font:inherit;color:var(--accent);background:none;border:0;padding:3px 0;text-align:left;cursor:pointer;overflow-wrap:anywhere}.part-title:hover{text-decoration:underline;text-underline-offset:4px}.part-type{font-size:.75rem;color:var(--muted);margin:0 0 15px}.card-specs{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;font-size:.75rem}.card-specs dt{color:var(--muted);font-size:.75rem}.card-specs dd{margin:3px 0 0;font-weight:500}.part-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:14px}.part-actions .text-button{padding:0;font-size:.8rem}.part-actions .checkbox-label{margin:0;align-items:center!important;font-size:.75rem}.part-actions .checkbox-label input{margin:0!important}.part-actions .checkbox-label span{font-size:.75rem}.part-quote{text-align:right;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:5px}.quote-label{font-size:.75rem;color:var(--muted)}.part-quote button{font-size:.8rem;padding:9px 10px;white-space:normal}.parts-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0;font-size:.8rem}.catalog-note{margin:22px 0;color:var(--muted);font-size:.78rem;line-height:1.7}.sourcing-request{border:1px solid var(--line);padding:20px;background:#faf9f6;scroll-margin:30px}.sourcing-request summary{font-size:.95rem;font-weight:600;cursor:pointer;color:var(--accent)}.sourcing-request form{padding-top:6px}.sourcing-request label,#shortlist-form>label{margin:16px 0}.sourcing-request textarea,#shortlist-form textarea{resize:vertical}.sourcing-request p{font-size:.8rem;white-space:pre-line;color:var(--muted)}.request-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.selection-bar{position:sticky;bottom:0;z-index:20;background:#fff;border-top:2px solid var(--accent);box-shadow:0 -6px 25px #1d262a0a;padding:14px 0}.selection-bar>.wrap{display:flex;gap:14px;align-items:center}.selection-bar p{font-size:.8rem;margin:0 auto 0 0}.selection-bar button{font-size:.82rem}.part-specs{margin:22px 0}.part-specs>div{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:.875rem}.part-specs dt{color:var(--muted)}.part-specs dd{margin:0;font-weight:500}.dialog-heading h2{margin:0}#detail-title{overflow-wrap:anywhere}#detail-note{font-size:.875rem}#compare-dialog,#shortlist-dialog{width:min(930px,94vw)}#compare-dialog>p,#shortlist-dialog>p{font-size:.875rem}#compare-table table{table-layout:fixed;min-width:570px}#compare-table th{vertical-align:top}#compare-table thead th{color:var(--accent)}#compare-table thead th>span{display:block;overflow-wrap:anywhere}#compare-table thead .text-button{font-size:.75rem;display:block;padding:6px 0;color:var(--muted)}#compare-table caption{text-align:left;padding-bottom:12px;font-size:.8rem}#compare-table a{color:var(--accent)}.shortlist-line{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.shortlist-identity{min-width:0;overflow-wrap:anywhere}.shortlist-identity strong{display:block;font-size:.95rem}.shortlist-identity small{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}.shortlist-note{white-space:pre-line;font-size:.75rem;color:var(--muted);margin:10px 0 0}.shortlist-line .text-button{font-size:.8rem}.no-results .text-button{margin-left:15px}button:focus-visible,summary:focus-visible{outline:3px solid #c47143;outline-offset:3px}#shortlist-form .request-pair{margin-top:18px}
@media(max-width:1100px){.sourcing-layout{grid-template-columns:195px minmax(0,1fr);gap:24px}.part-card{grid-template-columns:75px minmax(0,1fr);gap:16px}.part-visual .component-image{width:75px;height:75px}.part-quote{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;padding:0;text-align:left}.part-quote button{max-width:220px}.family-filter{padding:13px 14px}.catalog-intro{align-items:flex-start}.catalog-intro>.outline-button{margin-top:10px}}
@media(max-width:800px){.catalog-intro{display:block}.catalog-intro h1{font-size:2.2rem}.sourcing-layout{grid-template-columns:1fr;gap:24px}.family-sidebar h2{padding:16px}.family-sidebar #family-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.family-filter{border-right:1px solid #eeeae5;font-size:.8rem;align-items:flex-start;height:100%}.family-filter>span:last-child{display:none}.catalog-help{display:none}.part-card{grid-template-columns:85px minmax(0,1fr) 155px}.part-visual .component-image{width:85px;height:85px}.part-quote{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;text-align:right}.selection-bar p{font-size:.75rem}}
@media(max-width:600px){.catalog-intro h1{font-size:1.85rem}.catalog-intro{padding-bottom:20px}.catalog-intro>div>p:last-child{font-size:.9rem}.family-sidebar #family-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.family-filter{font-size:.8rem;line-height:1.5}.parts-filters{grid-template-columns:1fr;gap:12px;padding:16px}.parts-filters label{font-size:.8rem}.parts-context{gap:10px;align-items:flex-start}.parts-context .eyebrow{font-size:.75rem}.parts-context h2{font-size:1.3rem!important}.part-card{grid-template-columns:60px minmax(0,1fr);gap:12px;padding-block:20px}.part-visual .component-image{width:60px;height:60px}.part-visual small{font-size:.75rem}.part-content h3{font-size:1rem}.card-specs{grid-template-columns:1fr;gap:8px}.card-specs>div{display:flex;justify-content:space-between;gap:12px}.card-specs dt,.card-specs dd{font-size:.75rem;flex:1}.card-specs dd{text-align:right;margin:0;overflow-wrap:anywhere}.part-quote{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:10px}.part-actions{gap:14px;margin-top:10px}.parts-result-heading{gap:10px}.parts-result-heading .outline-button{max-width:52%}.parts-context>.text-button{font-size:.75rem;max-width:85px}.selection-bar>.wrap{flex-wrap:wrap;gap:8px}.selection-bar p{flex-basis:100%}.selection-bar button{font-size:.75rem;padding:9px 10px;flex:1}.request-pair{grid-template-columns:1fr;gap:0}.sourcing-request{padding:16px}.shortlist-line{grid-template-columns:minmax(0,1fr) 95px;gap:12px}.shortlist-line .shortlist-identity{grid-column:1/-1}.shortlist-line label{max-width:150px}.shortlist-line>.text-button{justify-self:end}.part-specs>div{gap:12px;grid-template-columns:1fr 1.1fr}.part-specs dt,.part-specs dd{font-size:.8rem}.no-results .text-button{margin:10px 0 0}.parts-pagination{gap:12px}.parts-workspace .catalog-search button{min-width:65px;padding-inline:12px}}
@media(max-height:500px){.selection-bar{position:static}}
#compare-table tbody th,#compare-table thead th:first-child{position:sticky;left:0;background:#f4f2ec}
@media(max-width:600px){.parts-filters select,.sourcing-request input,.sourcing-request textarea,.sourcing-request select,#shortlist-form input,#shortlist-form textarea,#shortlist-form select{font-size:1rem}}
.mobile-family-picker{display:none}
body[data-page=components] .catalog-search button{flex:0 0 auto;max-width:44%;white-space:normal}
@media(max-width:800px){.family-sidebar h2,.family-sidebar #family-filters{display:none}.mobile-family-picker{display:block;padding:16px;font-size:.875rem;font-weight:600}.mobile-family-picker select{display:block;width:100%;margin-top:8px;min-height:46px;padding:10px;border:1px solid #c9cdc8;background:white;font:400 1rem/1.5 'DM Sans',Arial,sans-serif;color:var(--ink)}}