@charset "UTF-8";

.directory { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.directory > a { border-top: 3px solid var(--blue); background: var(--paper); padding: 30px; min-height: 230px; }
.directory > a:hover { background: #edf1f2; }
.directory .topic-card-top>span { font-size: 28px; color: #f2dca9; }
.directory h2 { margin: 20px 0 10px; font-size: 27px; }
.directory p { font-size: 14px; color: var(--muted); margin-bottom: 0; }
@media (max-width: 560px) {
    .directory { grid-template-columns: 1fr; }
    .directory > a { min-height: 190px; }
}