/* Shared navigation surfaces. Existing page themes supply typography and colors. */
.af-category-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.65rem;margin:1.25rem 0 1.75rem}
.af-category-group,.af-directory-extra{border:1px solid var(--af-line,#454b52);border-radius:10px;background:var(--af-surface,#1b1e21);padding:.75rem 1rem;color:var(--af-text,#e6e9ed)}
.af-category-group summary,.af-directory-extra>summary{cursor:pointer;font-weight:700;line-height:1.5}
.af-category-group summary:focus-visible,.af-directory-extra>summary:focus-visible{outline:2px solid #ff9297;outline-offset:4px}
.af-category-group .afp-pills{margin:.75rem 0 0;gap:.5rem}
.af-category-group .afp-pill{font-size:.8rem}
.af-directory-extra{margin:1rem 0}
.af-directory-extra[open]>summary{margin-bottom:1rem}
.af-directory-extra section{margin-bottom:1rem}
.af-tool-search{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}
.af-tool-search input{flex:1;min-width:0;width:100%;max-width:28rem;padding:.6rem .8rem;border:1px solid #66717d;border-radius:8px;background:#161a1e;color:#e6e9ed}
.af-tool-search label{font-weight:600}
.af-tool-search input:focus-visible{outline:2px solid #ff9297;outline-offset:2px}
.af-tool-empty{padding:1rem;border:1px solid #66717d;border-radius:8px;color:#e6e9ed}