.main-narrow{max-width:1180px}
.page-head{padding-top:6px}
.cat-intro{font-size:16.5px;line-height:1.65;color:var(--muted);max-width:70ch;margin:16px 0 0}
.tabs-label,.filter-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}
.cat-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.cat-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid var(--bd);background:var(--card);font-size:13px;font-weight:600;color:var(--muted);transition:.15s var(--ease)}
.cat-tab:hover{border-color:var(--bdl);color:var(--text);transform:translateY(-1px)}
.cat-tab .dot2{width:10px;height:10px;border-radius:3px;background:var(--cc);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cc) 14%,transparent)}
.cat-tab .n{font-family:var(--mono);font-size:10.5px;color:var(--quat)}
.cat-tab.cur{border-color:transparent;background:color-mix(in srgb,var(--cc) 12%,var(--card));color:var(--text)}
.cat-tab.cur .n{color:var(--muted)}
.explore-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:24px 0 0;border:1px solid var(--accent-dim);border-radius:14px;background:radial-gradient(120% 120% at 100% 0%,var(--accent-ghost),transparent 60%),var(--card);padding:16px 22px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.explore-bar .eb-t{font-weight:650;font-size:15px}
.explore-bar .eb-s{font-size:13px;color:var(--dim);margin-top:2px}
.explore-bar .eb-btn{background:var(--accent);color:#fff;padding:11px 18px;border-radius:9px;font-weight:600;font-size:13.5px;white-space:nowrap;box-shadow:0 8px 22px var(--accent-dim)}
.explore-bar .eb-btn:hover{background:var(--accent-hover)}
.sec-head{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:40px 0 0;display:flex;align-items:center;gap:10px}
.sec-head .cnt{color:var(--quat)}
.tfilter{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.tf{font-size:12px;font-family:var(--mono);letter-spacing:.02em;padding:5px 11px;border-radius:999px;background:var(--surface-active);border:1px solid var(--bd);color:var(--muted);cursor:pointer;transition:.15s var(--ease)}
.tf:hover{border-color:var(--accent-dim);color:var(--accent)}
.tf.on{background:var(--accent);border-color:var(--accent);color:#fff}
.tf .n{opacity:.6;margin-left:5px}
.tf.on .n{opacity:.85}
.term-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:18px 0 0}
.term-card{display:flex;flex-direction:column;gap:9px;border:1px solid var(--bd);border-radius:12px;background:var(--card);padding:18px;transition:.2s var(--ease);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.term-card:hover{border-color:var(--bdl);transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.tc-term{font-weight:700;font-size:15.5px;letter-spacing:-.01em}
.term-card:hover .tc-term{color:var(--accent)}
.tc-desc{font-size:13px;color:var(--dim);line-height:1.55;flex:1}
.tc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tc-tag{font-size:10.5px;font-family:var(--mono);letter-spacing:.03em;padding:3px 8px;border-radius:999px;background:var(--surface-active);border:1px solid var(--bds);color:var(--muted)}
.empty{color:var(--dim);font-size:14px;padding:24px 0;display:none}