.hub-page{padding:10px 0 40px}.hub-breadcrumbs{margin-bottom:10px;padding:10px 0}.hub-breadcrumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.hub-breadcrumbs li+li:before{content:"/";color:var(--light-text);margin-right:6px}.hub-breadcrumbs a{color:var(--text)}.hub-breadcrumbs a:hover,.hub-breadcrumbs span[aria-current]{color:var(--primary)}.hub-header{margin-bottom:24px}.hub-header h1{color:var(--text);margin:0 0 8px;font-size:32px;font-weight:700}@media (max-width:767px){.hub-header h1{font-size:24px}}.hub-header .hub-intro{color:var(--light-text);max-width:72ch;margin:0}.hub-header .hub-logo{width:120px;height:60px;margin-bottom:12px;position:relative}.hub-header .hub-logo img{object-fit:contain}.hub-section{margin-top:32px}.hub-section h2{color:var(--text);margin:0 0 14px;font-size:22px;font-weight:700}.hub-section .hub-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hub-section .hub-section-head a{color:var(--primary);font-size:14px;font-weight:600}.hub-section[id]{scroll-margin-top:90px}.hub-step{color:var(--text);margin:0 0 14px;font-size:18px;font-weight:600;line-height:1.4}h2.hub-step{font-size:18px}.hub-parttype-picker{flex-wrap:wrap;gap:10px;display:flex}.hub-parttype-picker a{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:500;display:inline-flex}.hub-parttype-picker a small{color:var(--light-text);font-size:13px;font-weight:400}.hub-parttype-picker a:hover{border-color:var(--primary);color:var(--primary)}.hub-contact-btn{border:1px solid var(--primary);color:var(--primary);background:#fff;border-radius:8px;margin-top:16px;padding:10px 18px;font-size:15px;font-weight:600;display:inline-block}.hub-contact-btn:hover{background:var(--primary);color:#fff}.hub-chips{flex-wrap:wrap;gap:8px;display:flex}.hub-chips a{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:20px;padding:6px 12px;font-size:14px;display:inline-block}.hub-chips a:hover,.hub-chips a.active{border-color:var(--primary);color:var(--primary)}.hub-filter{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hub-filter input{border:1px solid var(--border);width:100%;max-width:360px;color:var(--text);background:#fff;border-radius:6px;padding:8px 12px;font-size:14px}.hub-filter .hub-filter-count{color:var(--light-text);font-size:13px}.hub-family-list{scroll-margin-top:90px}.hub-family-list .hub-links li[hidden]{display:none}.hub-links{columns:3;column-gap:24px;margin:0;padding:0;list-style:none}.hub-links li{break-inside:avoid;padding:4px 0}.hub-links a{color:var(--text)}.hub-links a:hover{color:var(--primary)}.hub-links small{color:var(--light-text);margin-left:6px}@media (max-width:991px){.hub-links{columns:2}}@media (max-width:767px){.hub-links{columns:1}}.hub-brand-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.hub-brand-grid a{border:1px solid var(--border);color:var(--text);text-align:center;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:16px;font-weight:600;display:flex}.hub-brand-grid a .logo{width:100px;height:56px;position:relative}.hub-brand-grid a .logo img{object-fit:contain}.hub-brand-grid a:hover{border-color:var(--primary)}.hub-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:28px;display:flex}.hub-pagination a,.hub-pagination button,.hub-pagination span{border:1px solid var(--border);min-width:36px;height:36px;color:var(--text);background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-weight:500;display:inline-flex}.hub-pagination button{font:inherit;cursor:pointer}.hub-pagination button:disabled{opacity:.45;cursor:default}.hub-pagination a:hover,.hub-pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.hub-pagination span.current{background:var(--primary);color:#fff;border-color:var(--primary)}.hub-pagination span.gap{background:0 0;border:none}.hub-empty{text-align:center;border:1px dashed var(--border);color:var(--light-text);background:#fff;border-radius:8px;padding:40px 20px}.hub-empty a{color:var(--primary);font-weight:600}.hub-members{scroll-margin-top:90px}.hub-members tbody tr[hidden]{display:none}.hub-members .hub-members-selected{border:1px solid var(--border);background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.hub-members .hub-members-selected p{color:var(--text);margin:0;font-size:14px}.hub-members .hub-members-selected p .codes{color:var(--light-text)}.hub-members .hub-members-selected button{font:inherit;color:var(--primary);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.hub-members .hub-members-selected button:hover{border-color:var(--primary)}.hub-members .hub-members-scroll{border:1px solid var(--border);border-radius:8px;max-height:420px;overflow:auto}.hub-members table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;font-size:14px}.hub-members table th,.hub-members table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.hub-members table th{z-index:1;background:#fafafa;font-weight:600;position:sticky;top:0}.hub-members table tbody tr:last-child td{border-bottom:none}.hub-members table tr.selected td{background:#fff5f6}.hub-members table a{color:var(--text);font-weight:500}.hub-members table a:hover{color:var(--primary)}.hub-members table th:first-child,.hub-members table td:first-child{width:1%}.hub-members table .codes{color:var(--light-text);white-space:normal;width:99%;line-height:1.45}.hub-note{color:var(--light-text);margin:8px 0 0;font-size:14px}
