/* A bounded, server-rendered directory: no client bundle or font download. */
.tag-directory-heading { margin:6px 0 26px; }
.tag-directory-heading>a { font-size:13px; color:var(--muted); }
.tag-directory-heading .eyebrow { margin-top:28px; }
.tag-directory-heading h1 { display:flex; flex-wrap:wrap; align-items:baseline; gap:16px; font-size:32px; line-height:1.4; letter-spacing:-.03em; }
.tag-directory-heading h1>span { font-size:13px; font-weight:400; letter-spacing:0; color:var(--muted); }
.tag-directory-heading>p:last-child { color:var(--muted); font-size:14px; line-height:1.8; }
.tag-directory-search { display:grid; grid-template-columns:minmax(0,1fr) 140px auto; align-items:center; gap:10px; margin-bottom:24px; }
.tag-directory-search label { margin:0; min-width:0; }
.tag-directory-search input,.tag-directory-search select { min-width:0; height:46px; }
.tag-directory-search button { min-height:46px; }
#tag-results { scroll-margin-top:110px; }
.tag-directory-query { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; margin:0 0 18px; color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.tag-directory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.tag-directory-card { display:flex; align-items:center; gap:12px; min-width:0; min-height:94px; padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--ui-surface); color:var(--ink); }
.tag-directory-card:hover { text-decoration:none; border-color:var(--theme-accent-ink,var(--brand)); background:var(--subtle); }
.tag-directory-symbol { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; border:1px solid var(--line); border-radius:10px; color:var(--theme-accent-ink,var(--brand)); background:var(--subtle); font:20px/1 monospace; }
.tag-directory-card>span:nth-child(2) { min-width:0; flex:1; }
.tag-directory-card strong { display:block; font-size:14px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.tag-directory-card small { display:block; margin-top:5px; font-size:11px; color:var(--muted); }
.tag-directory-arrow { flex-shrink:0; color:var(--muted); font-size:13px; }
@media(max-width:1100px) { .tag-directory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .tag-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .tag-directory-card { padding:14px; gap:10px; } .tag-directory-symbol { width:30px; height:30px; } }
@media(max-width:540px) { .tag-directory-heading h1 { font-size:27px; gap:10px; } .tag-directory-heading>p:last-child { font-size:13px; } .tag-directory-search { grid-template-columns:minmax(0,1fr) auto; } .tag-directory-search>label:first-child { grid-column:1/-1; } .tag-directory-search input,.tag-directory-search select { font-size:16px; } .tag-directory-arrow { display:none; } }
@media(max-width:360px) { .tag-directory-grid { grid-template-columns:1fr; } }