.directory-hero{margin-bottom:1.5rem}.directory-hero h1{font-size:2rem;font-weight:800;margin-bottom:.375rem}.directory-hero p{color:var(--color-text-secondary)}.directory-controls{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.directory-filters{display:flex;gap:.375rem;flex-wrap:wrap;flex:1}.filter-pill{padding:.4375rem .875rem;font-size:.8125rem;font-weight:600;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-sans);transition:background .15s,color .15s,border-color .15s}.filter-pill:focus-visible,.filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-pill.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.directory-search{flex-shrink:0}.directory-search input{padding:.4375rem .875rem;font-size:.8125rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);width:200px}.directory-search input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.directory-section{margin-bottom:2rem}.directory-section-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.directory-count{font-size:.75rem;font-weight:600;background:var(--color-bg-alt);color:var(--color-text-muted);padding:.125rem .5rem;border-radius:var(--radius-pill)}.directory-match-count{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.375rem}.directory-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-muted);font-size:.9375rem}.directory-empty a{color:var(--color-primary);font-weight:600}