/* ================================
   PLVikingsGame Infografiki page
   ================================ */
h3 {
  text-align: center;
}
.infographics-hero {
  margin-top: var(--space-16);
  margin-bottom: var(--space-8);
  text-align: center;
}

.infographics-hero .intro {
  font-size: var(--font-size-lg);
  color: var(--color-gray-700);
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.infographics-section {
  margin-bottom: var(--space-16);
}

.benefits-list, .tools-list, .stats-list {
  list-style: disc inside;
  margin-bottom: var(--space-4);
  color: var(--color-gray-700);
  padding-left: var(--space-4);
}

.design-tips {
  list-style: decimal inside;
  color: var(--color-gray-700);
  max-width: 650px;
  padding-left: var(--space-4);
}

/* Infographic type cards */
.infographic-types .infotype-card {
  min-height: 170px;
  border-left: 4px solid var(--color-primary);
  background: linear-gradient(120deg, var(--color-gray-50) 0%, var(--color-surface) 100%);
}
.infotype-card h3 {
  margin-bottom: var(--space-2);
  font-size: 1.2rem;
  color: var(--color-primary);
}

.case-studies-gallery .case-card img,
.gallery-grid .gallery-item img {
  border-radius: var(--radius-md);
  box-shadow: 0 2px 8px rgba(34,43,50,0.10);
  margin-bottom: var(--space-2);
}

.case-studies-gallery .case-card h3 {
  color: var(--color-primary);
  margin-bottom: var(--space-1);
}

.case-studies-gallery .case-card p {
  color: var(--color-gray-700);
  font-size: var(--font-size-sm);
}

.gallery-grid .gallery-item figcaption {
  text-align: center;
  color: var(--color-gray-700);
  font-size: var(--font-size-sm);
  padding-top: var(--space-2);
}

.cta-button {
  margin-top: var(--space-6);
}

/* Responsive grids */
@media (max-width: 900px) {
  .infographic-types,
  .case-studies-gallery,
  .gallery-grid {
    grid-template-columns: 1fr !important;
    gap: var(--space-6) !important;
  }
}
@media (max-width: 600px) {
  .infographics-hero {
    margin-top: var(--space-8);
    margin-bottom: var(--space-4);
  }
  .infographics-section {
    margin-bottom: var(--space-8);
  }
}