.directory-intro{padding:20px 0 24px;max-width:900px}.directory-intro h1{font-size:clamp(42px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em;margin:16px 0}.directory-intro>p:last-child{max-width:670px;font-size:19px;line-height:1.6;color:#575750}.browse-bar{display:grid;grid-template-columns:1fr 285px;gap:10px 20px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.search-label{grid-column:1;grid-row:1}.filter-label{grid-column:2;grid-row:1}.browse-bar label{font:12px 'IBM Plex Mono',monospace}.browse-bar input,.browse-bar select{width:100%;min-width:0;padding:15px;border:1px solid #a6a39a;background:#fffdf7;border-radius:3px;font:15px 'Space Grotesk',sans-serif}.browse-bar select{grid-column:2}.nav{height:96px}.results-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:78px;font:12px 'IBM Plex Mono',monospace}.results-bar button,.detail-top button{border:0;background:none;text-decoration:underline;cursor:pointer;padding:10px;font:12px 'IBM Plex Mono',monospace}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:50px}.collection-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:#fffdf7;border-radius:4px}.cover-button{padding:0;border:0;background:#121617;cursor:pointer;aspect-ratio:16/10;width:100%;overflow:hidden}.cover-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.cover-button:hover img{transform:scale(1.035)}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card-label{margin:0;font:10px/1.5 'IBM Plex Mono',monospace;color:#6a6a62;text-transform:uppercase;letter-spacing:.025em}.card-body h2{font-size:24px;line-height:1.15;margin:12px 0}.title-button{border:0;padding:0;text-align:left;background:none;font:inherit;cursor:pointer}.card-description{font-size:14px;line-height:1.6;color:#585850;margin:0 0 24px}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;font:11px 'IBM Plex Mono',monospace}.explore-button{border:0;padding:6px 0;background:none;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.directory-note{max-width:750px;font:12px/1.8 'IBM Plex Mono',monospace;color:#62625b;margin-bottom:48px}dialog{width:min(1040px,calc(100% - 40px));max-height:88vh;padding:32px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#101312b8}body:has(dialog[open]){overflow:hidden}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:16px}dialog h2{font-size:36px;margin:24px 0 12px}#detail-description{max-width:780px;line-height:1.65;color:#575750}.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:24px 0 12px}#detail-status,.detail-help{font:12px/1.7 'IBM Plex Mono',monospace;color:#62625b}.patch-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:26px 0;border-top:1px solid var(--line)}.patch-row img{width:160px;aspect-ratio:16/10;object-fit:cover;border-radius:3px;background:#111}.patch-row h3{font-size:21px;margin:0 0 8px}.patch-row p{font-size:14px;line-height:1.6;color:#575750;margin:0 0 10px}.patch-links{display:flex;flex-wrap:wrap;gap:18px;font:12px 'IBM Plex Mono',monospace;align-items:center}.patch-links button{font:inherit;border:0;background:none;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.patch-row pre{background:#151817;color:#e5e6df;margin-top:16px;border-radius:3px;max-height:330px;white-space:pre;line-height:1.65;font-size:12px;padding:20px}.patch-tags{font:10px/1.6 'IBM Plex Mono',monospace!important}.no-results{grid-column:1/-1;padding:45px 0;color:#575750}#detail-error{color:#a12b11}.patch-row.without-preview{grid-template-columns:1fr}@media(max-width:1050px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.directory-intro{padding:20px 0 28px}.directory-intro>p:last-child{font-size:16px}.browse-bar{grid-template-columns:1fr;gap:10px}.search-label,.filter-label,.browse-bar select{grid-column:1;grid-row:auto}.filter-label{margin-top:10px}.collection-grid{grid-template-columns:1fr;gap:22px}.card-body{padding:20px}dialog{padding:20px;width:calc(100% - 20px);max-height:92vh}.patch-row{grid-template-columns:90px minmax(0,1fr);gap:15px}.patch-row img{width:90px}.patch-row pre{grid-column:1/-1}.detail-top .eyebrow{font-size:9px}.detail-actions .button{width:100%}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.cover-button img{transition:none}}

#detail-status[data-state]:not([data-state=""]){display:block;flex-basis:100%;padding:16px 18px;border-left:3px solid var(--orange,#ff542b);background:#eeeade;color:var(--ink);font:15px/1.6 'Space Grotesk',sans-serif}#collection-detail a[aria-disabled="true"]{opacity:.6;cursor:default;text-decoration:none}

.collection-category{grid-column:1/-1;padding:28px 0 0;border-top:1px solid var(--line)}.collection-category h2{font-size:32px;margin:0 0 12px}.collection-category p{max-width:680px;line-height:1.6;color:#575750}.link-performance-download{display:inline-block;margin:0 0 20px}