.directory{padding:28px max(20px,4vw) 64px;max-width:1180px}
.directory-head h1{margin:4px 0 10px}
.directory-head .lede{color:var(--fg-dim);font-size:14px;line-height:1.65;max-width:88ch}
.directory-table{border-collapse:collapse;width:100%;font-size:13.5px;margin-top:14px}
.directory-table th,.directory-table td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.directory-table th{background:var(--bg-raised);font-weight:600;color:var(--fg-dim);font-size:11px;text-transform:uppercase;letter-spacing:.3px}
.directory-table tbody tr:hover{background:var(--bg-raised)}
.directory-ticker{font-family:var(--font-mono);font-weight:700}
.directory-table a{color:var(--accent-strong);text-decoration:none}
.directory-table a:hover{text-decoration:underline}
.directory-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 6px}
.directory-pagination a,.directory-pagination .directory-current,.directory-pagination .disabled{
  min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;
  padding:6px 10px;border:1px solid var(--line-strong);border-radius:7px;font-size:13px;
  color:var(--fg);text-decoration:none;background:var(--bg-raised);
}
.directory-pagination a:hover{border-color:var(--accent)}
.directory-pagination .directory-current{border-color:var(--accent);background:var(--accent);color:var(--accent-fg);font-weight:700}
.directory-pagination .disabled{opacity:.5;cursor:default}
.directory-ellipsis{color:var(--fg-faint);padding:0 2px}
.directory-position{color:var(--fg-dim);font-size:12.5px;margin-left:4px}

@media (max-width: 720px){
  .directory{padding:26px 14px}
  .directory-table th,.directory-table td{padding:7px 8px}
  .directory-table th:nth-child(4),.directory-table td:nth-child(4){display:none}
}