.dir-sec { margin: 0 0 56px; }
.dir-card, .main-link { color: var(--cream); text-decoration: none; display: flex; flex-direction: column; gap: 6px; }
.dir-card:hover, .main-link:hover { border-color: var(--orange); color: var(--cream); transform: translateY(-2px); }
.dir-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.dir-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; font: 16px var(--pixel); color: #281329;
  background: linear-gradient(135deg, var(--gold), var(--orange)); box-shadow: 3px 3px 0 #673b64; }
.status-soon .dir-icon, .status-later .dir-icon { background: linear-gradient(135deg, #b9a0ef, var(--sky)); }
.dir-card h3, .main-link h3 { margin: 0; }
.dir-card p, .main-link p { margin: 0 0 10px; color: var(--muted); }
.dir-host { margin-top: auto; color: var(--gold); font-weight: 700; font-size: 15px; }