.dir-page{background:#f0f0ed;min-height:100vh;padding:64px 20px 96px}.dir-inner{max-width:940px;margin:0 auto}.dir-crumbs{font-family:var(--mono,"DM Mono", monospace);letter-spacing:.1em;text-transform:uppercase;color:#8a8578;margin:0 0 16px;font-size:11px;font-weight:500}.dir-crumbs a{color:#8a8578;text-decoration:none}.dir-crumbs a:hover{color:#0f2744;text-decoration:underline}.dir-crumbs span{margin:0 8px}.dir-page h1{font-family:var(--serif,"Merriweather", Georgia, serif);color:#0f2744;margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.2}.dir-intro{color:#3d4852;max-width:660px;margin:0 0 10px;font-size:15px;line-height:1.65}.dir-count{font-family:var(--mono,"DM Mono", monospace);letter-spacing:.1em;text-transform:uppercase;color:#8a8578;margin:0 0 32px;font-size:11px;font-weight:500}.dir-page h2{font-family:var(--serif,"Merriweather", Georgia, serif);color:#0f2744;margin:36px 0 4px;font-size:18px;font-weight:700}.dir-section-note{color:#6b7280;max-width:620px;margin:0 0 14px;font-size:13px;line-height:1.6}.dir-card{background:#fff;border:1px solid #e5e1d6;padding:18px 20px}.dir-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 20px;margin:0;padding:0;list-style:none;display:grid}.dir-grid-wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dir-grid li{margin:0;padding:3px 0;font-size:13.5px;line-height:1.5}.dir-grid a{color:#0f2744;border-bottom:1px solid #0f27442e;text-decoration:none}.dir-grid a:hover{border-bottom-color:#0f2744}.dir-meta{font-family:var(--mono,"DM Mono", monospace);color:#9a958a;white-space:nowrap;margin-left:6px;font-size:10.5px}.dir-letters{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dir-letters a{text-align:center;color:#0f2744;min-width:34px;font-family:var(--mono,"DM Mono", monospace);text-transform:uppercase;background:#fff;border:1px solid #e5e1d6;padding:6px 9px;font-size:12px;font-weight:500;text-decoration:none;display:inline-block}.dir-letters a:hover{color:#fff;background:#0f2744;border-color:#0f2744}.dir-stats{border-top:1px solid #e5e1d6;border-bottom:1px solid #e5e1d6;flex-wrap:wrap;gap:28px;margin:0 0 8px;padding:16px 0;display:flex}.dir-stat-value{font-family:var(--serif,"Merriweather", Georgia, serif);color:#0f2744;font-size:22px;font-weight:700;line-height:1.1}.dir-stat-label{font-family:var(--mono,"DM Mono", monospace);letter-spacing:.1em;text-transform:uppercase;color:#8a8578;margin-top:4px;font-size:9.5px;font-weight:500}.dir-empty{color:#6b7280;margin:0;font-size:14px;line-height:1.6}@media (max-width:640px){.dir-page{padding:40px 16px 72px}.dir-page h1{font-size:25px}.dir-grid{grid-template-columns:1fr}.dir-stats{gap:20px}}