.subjectDirectory{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 82%,transparent);border-radius:18px;margin:30px 0 34px;padding:18px}.subjectDirectory__heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:14px;display:flex}.subjectDirectory__heading p{max-width:590px;color:var(--text-dim);text-align:right;margin:0;font-size:.8125rem;line-height:1.5}.subjectDirectory__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.subjectDirectory__grid a{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-interactive-bg);min-width:0;min-height:108px;color:var(--text);box-shadow:var(--card-interactive-shadow);align-content:start;gap:5px;padding:14px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.subjectDirectory__grid a:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:var(--surface-3);box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}}.subjectDirectory__grid a:focus-visible{border-color:var(--accent);box-shadow:var(--card-focus-shadow);outline:none}.subjectDirectory__grid a.is-current{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface))}.subjectDirectory__grid a>span{color:var(--accent);font:750 .625rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase}.subjectDirectory__grid a>strong{font-size:.875rem;line-height:1.3}.subjectDirectory__grid a>small{color:var(--text-dim);font-size:.7rem;line-height:1.45}@media (max-width:700px){.subjectDirectory{background:0 0;border:0;border-radius:0;margin:16px 0;padding:0}.subjectDirectory__heading{display:none}.subjectDirectory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.subjectDirectory__grid a{min-height:44px;box-shadow:none;border-radius:9px;align-content:center;padding:11px 12px}.subjectDirectory__grid a>span,.subjectDirectory__grid a>small{display:none}.subjectDirectory__grid a>strong{font-size:.8125rem}.subjectDirectory__grid a:hover{transform:none}}@media (hover:none){.subjectDirectory__grid a.is-current{color:var(--text);background:var(--card-interactive-bg);border-color:var(--card-border)}.subjectDirectory__grid a:active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent);transition:none}}