.list { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 10px; }
.card {
  display: flex; align-items: center; gap: 12px; padding: 14px; text-decoration: none; color: var(--text);
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); min-height: 64px;
}
a.card:hover, a.card:focus-visible { border-color: var(--accent); }
.soon .card { opacity: .55; }
.ic { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: var(--brown); color: #F0D9B5; font-weight: 800; font-size: 15px; flex: none; }
.tx { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.tx strong { font-size: 17px; }
.tx small { color: var(--muted); font-size: 13px; }