.topic-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .topic-card { padding: 26px 24px 28px; background: linear-gradient(180deg, var(--bg-panel), var(--bg-panel-2)); border: 1px solid var(--line); position: relative; text-decoration: none; color: inherit; transition: all .25s; overflow: hidden; }
  .topic-card::before { content: ''; position: absolute; inset: 4px; border: 1px solid var(--line-soft); pointer-events: none; }
  .topic-card:hover { border-color: var(--gold); transform: translateY(-2px); }
  .topic-card__icon { width: 48px; height: 48px; display: grid; place-items: center; color: var(--gold); margin-bottom: 18px; border: 1px solid var(--line); }
  .topic-card__icon svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 1.3; }
  .topic-card__title { font-family: var(--font-head); font-size: 22px; color: var(--ink); margin-bottom: 6px; }
  .topic-card__desc { font-size: 13px; color: var(--ink-soft); line-height: 1.55; }