/* ============================================================
   support.css — support.html only
   Support topic grid + compact FAQ.
   (FAQ list styling lives in base.css, shared with the home page.)
   ============================================================ */

.support-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.support-grid article {
  min-height: 220px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--bg) 80%, var(--surface));
  padding: 1.5rem;
}

.support-grid h2 {
  font-size: 1.2rem;
}

.support-grid p {
  margin-bottom: 0;
  font-size: 0.95rem;
}

.compact-faq {
  width: 100%;
  padding-bottom: 0;
}

@media (max-width: 980px) {
  .support-grid {
    grid-template-columns: 1fr;
  }
}