:root{font-family:AA Zuehlke OTPS,Lato,Helvetica Neue,Helvetica,Arial,Segoe UI,system-ui,sans-serif;color:#17131f;background:#f5f5f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17131f;--muted: #666274;--line: #d9d7e2;--soft-line: #ebe9f0;--surface: #ffffff;--mist: #f3f2f7;--purple: #7d4d84;--teal: #013141;--green: #006f48;--blue: #225f78;--red: #b2393f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 70%,white);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(280px,720px) auto;align-items:center;gap:18px;min-height:58px;padding:0 24px;color:#fff;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.12)}.brand-lockup,.top-actions,.identity-button,.tabs,.upload-line,.filter-actions,.skill-row,.row-main,.row-tags,.mobile-actions,.drawer-kicker,.action-button,.no-results{display:flex;align-items:center}.brand-lockup{gap:10px;font-size:15px;font-weight:800}.mark{min-height:28px;padding:5px 10px;background:var(--purple)}.top-actions{justify-content:flex-end;gap:12px}.identity-button,.action-button,.copy-button,.open-button,.star-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.identity-button{gap:8px;min-height:34px;max-width:260px;padding:0 11px;color:#fff;background:transparent;border-color:#ffffff3d}.identity-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-button.primary{color:#fff;background:var(--teal);border-color:var(--teal)}.top-search{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;color:#ffffffbf;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.top-search input{width:100%;min-width:0;color:#fff;border:0;outline:0;background:transparent}.top-search input::placeholder{color:#ffffff8a}.top-search kbd{min-width:24px;padding:2px 6px;color:#ffffffb8;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);font-size:12px;text-align:center}.hub-shell{max-width:1500px;margin:0 auto;padding:18px 24px 72px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.filter-actions{gap:8px}.agent-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;color:#fff;background:var(--teal);border:1px solid var(--teal);font-weight:800;white-space:nowrap}.tabs{flex-wrap:wrap;gap:6px}.tabs button{min-height:32px;padding:0 10px;color:var(--muted);background:var(--mist);border:1px solid transparent}.tabs button.active{color:#fff;background:var(--teal)}.upload-line{position:relative;gap:8px;width:auto;min-width:184px;min-height:42px;padding:0 12px;color:var(--teal);background:#eaf3f0;border:1px dashed color-mix(in srgb,var(--green) 60%,white);font-weight:800}.upload-line input{position:absolute;inset:0;opacity:0}.upload-line.disabled{color:var(--muted);background:var(--mist);border-color:var(--line)}.upload-line:focus-within{outline:3px solid color-mix(in srgb,var(--green) 70%,white);outline-offset:2px}.content{min-width:0}.content-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.content-head h2{margin:2px 0 0;font-size:22px;line-height:1.15}.eyebrow,.count{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.count{color:var(--teal)}.official-list,.result-list{display:grid;gap:8px}.skill-row{display:grid;grid-template-columns:38px minmax(260px,1fr) minmax(180px,300px) 116px 38px 32px;gap:8px;min-height:72px;padding:8px;background:var(--surface);border:1px solid var(--line)}.skill-row:hover{border-color:color-mix(in srgb,var(--purple) 34%,var(--line))}.skill-row.active{border-color:var(--purple);box-shadow:inset 4px 0 0 var(--purple)}.star-button,.copy-button,.open-button{display:grid;place-items:center;width:100%;min-height:44px;align-self:center;color:var(--muted)}.star-button{color:var(--purple)}.row-main{display:grid;grid-template-columns:74px minmax(160px,230px) minmax(220px,1fr) minmax(80px,130px);gap:12px;width:100%;min-width:0;padding:0;text-align:left;background:transparent;border:0}.source{align-self:center;justify-self:start;min-height:24px;padding:4px 8px;color:var(--ink);background:var(--mist);font-size:12px;font-weight:800}.source.zuehlke{color:#fff;background:var(--purple)}.source.colleague{color:#fff;background:var(--teal)}.source.recommended{color:#fff;background:var(--blue)}.source.uploaded{color:#fff;background:var(--green)}.row-title,.row-description,.row-meta{align-self:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-title{font-weight:800}.row-description,.row-meta{color:var(--muted);font-size:13px}.row-tags{gap:5px;min-width:0;overflow:hidden}.row-tags span{min-height:24px;padding:4px 7px;color:var(--muted);background:var(--mist);font-size:12px;white-space:nowrap}.row-status{align-self:center;justify-self:stretch;min-height:28px}.status{display:block;min-height:28px;padding:6px 8px;color:var(--teal);background:#e8f2ef;font-size:12px;font-weight:800;text-align:center}.status.update-available,.status.needs-review{color:var(--purple);background:#f2eaf2}.mobile-actions{display:none}.results-head{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.no-results{justify-content:center;gap:10px;min-height:120px;color:var(--muted);background:var(--surface);border:1px solid var(--line)}.drawer{position:fixed;top:58px;right:0;bottom:0;z-index:30;width:min(460px,100vw);padding:24px;overflow-y:auto;background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 38px #17131f24}.drawer-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;color:var(--ink);background:#fff;border:1px solid var(--line)}.drawer-kicker{gap:8px;margin-right:48px}.drawer h2{margin:18px 44px 10px 0;font-size:30px;line-height:1.05}.drawer p{margin:0 0 18px;color:var(--muted);line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0;background:var(--line);border:1px solid var(--line)}.detail-grid div{min-width:0;padding:12px;background:var(--mist)}.detail-grid span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.detail-grid strong{display:block;overflow-wrap:anywhere}.drawer section{margin-top:22px}.drawer h3{margin:0 0 8px;font-size:15px}code{display:block;padding:12px;overflow-wrap:anywhere;color:#fff;background:var(--ink);line-height:1.45}.action-button{justify-content:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800}.action-button.full{width:100%;margin-top:10px;color:#fff;background:var(--teal);border-color:var(--teal)}.action-button.full.secondary{color:var(--teal);background:#e7eff2;border-color:#d5e4e8}ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.5}.toast{position:fixed;right:18px;bottom:18px;z-index:40;min-height:42px;padding:11px 14px;color:#fff;background:var(--teal);box-shadow:0 12px 24px #17131f33}@media(max-width:1180px){.skill-row{grid-template-columns:38px minmax(0,1fr) 112px 38px 32px}.row-main{grid-template-columns:72px minmax(130px,190px) minmax(180px,1fr)}.row-meta,.row-tags{display:none}}@media(max-width:820px){.topbar{position:static;grid-template-columns:1fr;gap:10px;padding:12px 16px}.top-actions{width:100%;justify-content:space-between}.top-search{width:100%}.hub-shell{padding:16px 16px 64px}.filter-bar,.content-head{align-items:stretch;flex-direction:column;gap:8px}.filter-bar{margin-bottom:14px}.filter-actions{display:grid;grid-template-columns:1fr}.agent-button{width:100%;min-height:44px}.tabs button{min-height:40px}.upload-line{width:100%}.skill-row{grid-template-columns:44px minmax(0,1fr);min-height:136px;align-items:start}.row-main{grid-template-columns:1fr;gap:4px;min-height:88px;padding:2px 0}.row-description{white-space:normal}.row-status,.copy-button,.open-button{display:none}.star-button{min-height:48px}.mobile-actions{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.mobile-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;color:var(--teal);background:#e7eff2;border:1px solid #d5e4e8;font-weight:800}.drawer{top:0}}@media(max-width:520px){.identity-button{max-width:none;width:100%;justify-content:center;min-height:44px}.detail-grid{grid-template-columns:1fr}.drawer{width:100vw;padding:20px 16px 28px}.drawer h2{margin-right:42px;font-size:26px}}