.catalog-hero{padding:clamp(3rem,8vw,6rem) 0 2rem;border-bottom:1px solid var(--border)}
.catalog-controls{position:sticky;top:0;z-index:30;padding:.8rem 0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px)}
.controls-grid{display:grid;gap:.65rem}.search-field{position:relative}.search-field .input{padding-left:2.7rem}.search-field span{position:absolute;left:1rem;top:50%;translate:0 -50%;color:var(--dim)}
.filter-row{display:grid;grid-template-columns:1fr auto;gap:.6rem}.filter-row .select{min-width:110px}
.catalog-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.4rem 0;color:var(--muted);font:.72rem var(--font-mono)}
.catalog-section{margin:0 0 3rem}.catalog-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.catalog-section-header h2{margin:0;font:700 clamp(2rem,5vw,3.4rem) var(--font-display)}.catalog-section-header p{margin:0;color:var(--muted);font-size:.84rem}
.catalog-grid{display:grid;gap:.85rem}
.topic-card{--card-accent:var(--topic-color);display:grid;grid-template-columns:48px 1fr auto;gap:.8rem;align-items:center;min-height:116px;padding:1rem;text-decoration:none;transition:transform .18s,border-color .18s}
.topic-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.topic-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--topic-color) 13%,var(--surface-2));font-size:1.25rem}.topic-card h3{margin:0 0 .15rem;font:700 1rem var(--font-ui)}.topic-card p{margin:0;color:var(--muted);font-size:.76rem}.topic-card .topic-pt{color:var(--topic-color);font:.65rem var(--font-mono)}.topic-arrow{color:var(--dim)}
.az-heading{display:flex;align-items:center;gap:.8rem;margin:2rem 0 .8rem}.az-heading span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);font:700 1.2rem var(--font-display)}.az-heading::after{content:"";height:1px;flex:1;background:var(--border)}
[hidden]{display:none!important}
@media (max-width:699px){.catalog-controls{position:relative;top:auto;z-index:1;backdrop-filter:none}.filter-row{grid-template-columns:1fr}.filter-row label,.filter-row .select{width:100%}.catalog-summary{align-items:flex-start;flex-direction:column}.topic-card{grid-template-columns:44px minmax(0,1fr) auto}.topic-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
@media (min-width:700px){.controls-grid{grid-template-columns:minmax(240px,1fr) minmax(310px,.8fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}