.catalog-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-bottom:24px}
.catalog-search{flex:1 1 290px}
.catalog-search label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.catalog-search input{display:block;width:100%;min-height:44px;padding:10px 14px;border:1px solid #8a8886;border-bottom:2px solid #616161;border-radius:4px;background:#fff;color:var(--text);font:inherit}
.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;flex:2 1 400px}
.catalog-filters button{min-height:44px;padding:10px 14px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:4px;font-size:14px;font-weight:600}
.catalog-filters button:hover{background:var(--panel-light)}
.catalog-filters button[aria-pressed="true"]{color:#fff;background:var(--colorBrandBackground);border-color:var(--colorBrandBackground)}
.catalog-clear{flex:0 0 auto}
.catalog-status{font-size:14px;margin:0 0 24px;color:var(--muted)}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow4);padding:28px;min-width:0}
.catalog-card:hover{border-color:var(--colorBrandStroke2);box-shadow:var(--shadow16)}
.catalog-card h2,.catalog-card h3{font-size:24px;line-height:1.33;margin-bottom:16px}
.catalog-card h2 a:hover,.catalog-card h3 a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.catalog-card p:not(.eyebrow),.catalog-card li{font-size:16px;line-height:1.7;color:var(--muted)}
.catalog-card ul{padding-left:20px;margin:0 0 24px}
.catalog-card li{margin-bottom:8px}
.catalog-card .card-link{margin-top:auto}
.catalog-empty{padding:48px 24px;text-align:center;border:1px dashed var(--line);border-radius:8px;background:var(--panel)}
.catalog-empty h2{font-size:28px;margin-bottom:16px}
.catalog-group+.catalog-group{margin-top:48px}
.catalog-group .section-heading{align-items:center}
.catalog-group .section-heading h2{font-size:28px}
.catalog-group .section-heading>p{font-size:14px}
.brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.brief-card-actions{margin-top:auto;display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.brief-card>p:not(.eyebrow){margin-bottom:24px}
.priority-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.priority-tags span{padding:6px 12px;border:1px solid var(--colorBrandStroke2);background:var(--panel-light);border-radius:4px;font-size:14px;color:var(--accent)}
.use-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.use-case{display:flex;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow4);min-width:0}
.use-case h2{font-size:28px;line-height:1.3;margin-bottom:20px}
.use-case h3{font-size:16px;line-height:1.5;margin:8px 0 12px}
.use-case p:not(.eyebrow),.use-case li{font-size:16px;line-height:1.7}
.use-case ul{padding-left:20px;color:var(--muted);margin:0 0 24px}
.use-case li{margin-bottom:8px}
.use-case-measure{border-top:1px solid #e6e6e6;padding-top:20px}
.use-case strong{font-weight:600;color:var(--text)}
.use-case .product-tags{margin-top:auto;padding-top:8px}
.use-case-links{display:flex;flex-wrap:wrap;gap:12px 24px}
.use-case-links a{font-size:14px;font-weight:600;line-height:1.5;color:var(--accent);padding-block:8px}
.use-case-links a:hover{text-decoration:underline;text-underline-offset:4px}
.framework-context{font-size:14px;line-height:1.7;margin-bottom:24px;color:var(--muted)}
.framework-context a,.use-case-frameworks a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.use-case-frameworks a{font-weight:600}
.use-case-frameworks li>span{display:block;margin-top:4px}
.use-case{scroll-margin-top:24px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:1fr 1fr}.catalog-card{padding:24px}}
@media(max-width:900px){.catalog-toolbar{align-items:stretch}.catalog-search,.catalog-filters{flex-basis:100%}.catalog-clear{align-self:flex-start}.use-case{padding:24px}.use-case h2{font-size:24px}}
@media(max-width:600px){.catalog-grid,.brief-grid,.use-case-grid{grid-template-columns:1fr}.catalog-toolbar{padding:20px;gap:16px}.catalog-filters{gap:8px}.catalog-filters button{flex:1 1 auto}.catalog-card,.use-case{padding:24px}.catalog-group .section-heading{display:block}.catalog-group .section-heading>p{margin-top:12px}.brief-card-actions{align-items:stretch;flex-direction:column;gap:8px}}