.newsletter-list { list-style: none; padding: 0; margin: 0 0 16px 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); justify-items: center; }
.pdf-thumb { width: 100%; max-width: 220px; height: auto; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); display: block; }
.pdf-thumb:hover { transform: translateY(-3px); transition: transform 0.18s ease; }
.newsletter-list li { width: 100%; display: flex; justify-content: center; }
.newsletter-card { background: #fff; border-radius: 12px; padding: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); max-width: 280px; width: 100%; text-align: center; box-sizing: border-box; }
.newsletter-card .pdf-thumb { max-width: 100%; height: auto; border-radius: 8px; }
.newsletter-caption { margin-top: 8px; font-weight: 600; color: #222; text-decoration: none; display: block; cursor: pointer; padding: 6px 4px; border-radius: 6px; }
.newsletter-caption:hover { background: rgba(53,132,100,0.06); text-decoration: none; }