/* Christmas Coloring Sheets: additional styles loaded after christmas-fonts.css */
/* Keep the same width, border, padding, shadow and responsive grid as the fonts page. */
.coloring-download {
  padding: 18px;
}

.coloring-download img {
  width: 100%;
  max-width: 290px;
  height: auto;
  aspect-ratio: 8.5 / 11;
  object-fit: contain;
}

@media (max-width: 650px) {
  .coloring-download {
    padding: 14px;
  }
}
/* Christmas Coloring Sheets: 4-column gallery */
.fonts-section .fonts-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

/* Tablets: 3 columns */
@media (max-width: 900px) {
    .fonts-section .fonts-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mobile: 2 columns */
@media (max-width: 600px) {
    .fonts-section .fonts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}