.md-directory-card { display:block; padding:24px; color:var(--md-ink); transition:transform .18s ease,border-color .18s ease; }
.md-directory-card:hover { transform:translateY(-2px); border-color:var(--md-accent); color:var(--md-ink); }
.md-directory-card h3 { margin-bottom:8px; }
.md-directory-card p { margin-bottom:18px; }
.md-directory-link { color:var(--md-accent); font-weight:700; }
.md-brand-card { display:flex; flex-direction:column; gap:6px; padding:22px; color:var(--md-ink); }
.md-brand-card:hover { border-color:var(--md-accent); color:var(--md-ink); }
.md-pagination { margin-top:32px; }
.md-pagination ul { list-style:none; display:flex; gap:8px; flex-wrap:wrap; padding:0; margin:0; }
.md-pagination a,.md-pagination span { display:inline-flex; min-width:40px; min-height:40px; align-items:center; justify-content:center; padding:0 12px; border:1px solid var(--md-line); border-radius:9px; background:#fff; }
.md-pagination .current { background:var(--md-accent); border-color:var(--md-accent); color:#fff; }
@media (max-width: 760px) { .md-directory-grid,.md-brand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .md-directory-grid,.md-brand-grid { grid-template-columns:1fr; } }