/* Verityprep digital exams listing pages — page-specific composition.
   Shared by /digital-exams (SSR cards, DigitalExams.cshtml) and
   /digital-exams/{course}-exams (client-rendered cards, CourseSpecificExams.cshtml).
   Reusable components (toolbar, chips, sort, exam-card, tag, meta-chip, card-grid,
   pagination, empty, info-card, cta, page-hero, tag-links, skeleton-card, faq-section)
   live in verityprep_main_theme_v2.css. This file only holds section layout. */

/* --- Section 1: hero + toolbar + grid + pagination (vertical stack) --- */
.vp-digital-exams > .container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* --- Section 2: info (category cards + course links) --- */
.vp-digital-exams-info > .container {
  display: grid;
  gap: 18px;
}
.vp-digital-exams-info .vp-section-title,
.vp-digital-exams-info .vp-section-lead { margin-bottom: 0; }
.vp-digital-exams-info .vp-section-lead { max-width: 760px; }
.vp-digital-exams-info .vp-section-lead a {
  color: var(--vp-accent-primary-color);
  font-weight: 500;
}
.vp-info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

/* --- Section 3: FAQ + CTA --- */
.vp-faq-section .vp-cta { margin-top: 24px; }

/* --- Responsive --- */
@media (max-width: 720px) {
  .vp-info-grid { grid-template-columns: 1fr; }
}