.visual-gallery-compact,
.visual-gallery-example {
  margin: 18px 0 24px;
  padding-top: 18px;
}

.visual-gallery-compact > .dialog-section-title,
.visual-gallery-example > .dialog-section-title {
  color: var(--ink);
  font-size: 17px;
  letter-spacing: 0;
  text-transform: none;
}

.visual-gallery-compact .visual-gallery-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 660px;
}

.visual-gallery-compact figure > a {
  aspect-ratio: 1536 / 695;
}

.visual-gallery-compact figcaption,
.visual-gallery-example figcaption {
  padding-top: 5px;
  color: #4f6274;
  font-size: 12px;
}

.visual-gallery-example figure {
  max-width: 220px;
}

.visual-gallery-example figure:only-child > a {
  padding: 0;
  aspect-ratio: 1122 / 1402;
}

@media (max-width: 600px) {
  .visual-gallery-compact .visual-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}