/* Базовая карточка — preview/comp-cards.html
   .vb-card        — белая, скругление r-lg, мягкая тень, без рамки
   .vb-card--glass — полупрозрачная «пилюля» на цветном фоне          */
.vb-card {
  background: #fff; border-radius: var(--r-lg); box-shadow: var(--sh-card);
  padding: 20px 22px;
}
.vb-card--glass { background: rgba(255,255,255,.16); box-shadow: none; color: #fff; }
.vb-card--glass .vb-card__title { color: #fff; }
.vb-card--glass .vb-card__text  { color: rgba(255,255,255,.8); }
.vb-card__title { font-family: var(--font-brand); font-weight: 700; font-size: 19px; color: var(--vb-ink); margin: 0 0 6px; }
.vb-card__text  { font-size: 14px; line-height: 1.5; color: var(--vb-ink-3); }

/* Подъём при наведении — для кликабельных карточек */
.vb-card--lift { transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); }
.vb-card--lift:hover { transform: translateY(-4px); box-shadow: var(--sh-pop); }
@media (prefers-reduced-motion: reduce) { .vb-card--lift:hover { transform: none; } }