.newsletter-archive-page { overflow-wrap: anywhere; }
.newsletter-archive-hero { align-items: center; }
.newsletter-archive-total { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; margin-top: 30px; color: var(--cyan); }
.newsletter-archive-total strong { font-size: clamp(36px, 4vw, 58px); line-height: 1; }
.newsletter-archive-total span { color: var(--muted); font-size: 14px; }
.newsletter-archive-hero-visual { min-width: 0; margin: 0; border: 1px solid rgba(59,179,189,.25); background: rgba(239,234,224,.04); }
.newsletter-archive-hero-visual img { display: block; width: 100%; height: auto; }
.newsletter-archive-hero-visual > span:last-child { display: block; padding: 18px 22px; color: var(--cyan); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.newsletter-archive-hero-icon { display: grid; place-items: center; padding: 42px; color: var(--cyan); }
.newsletter-archive-hero-icon svg { width: 90px; height: 90px; }
.newsletter-archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 24px; }
.newsletter-archive-card { min-width: 0; display: flex; background: #fffdf7; border: 1px solid rgba(23,32,36,.12); }
.newsletter-archive-card-link { min-width: 0; width: 100%; display: flex; flex-direction: column; color: #172024; text-decoration: none; }
.newsletter-archive-card-link:hover, .newsletter-archive-card-link:focus-visible { color: #172024; outline: 2px solid #268c96; outline-offset: 3px; }
.newsletter-archive-card-image { position: relative; flex-shrink: 0; min-height: 0; width: 100%; aspect-ratio: 16 / 10; }
.newsletter-archive-card-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.newsletter-archive-card-placeholder { flex-shrink: 0; display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 10; background: #e0eeeb; color: #267c84; }
.newsletter-archive-card-placeholder svg { width: 58px; height: 58px; }
.newsletter-archive-card-copy { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 14px; padding: clamp(20px, 2vw, 28px); }
.newsletter-archive-card-meta { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 14px; color: #586467; font-size: 12px; }
.newsletter-archive-card-meta > span { color: #267c84; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.newsletter-archive-card-company { color: #267c84; font-size: 12px; font-weight: 800; }
.newsletter-archive-card h3 { margin: 0; font-size: clamp(23px, 2vw, 30px); line-height: 1.15; text-transform: none; }
.newsletter-archive-card p { margin: 0; font-size: 14px; line-height: 1.65; }
.newsletter-archive-card-subtitle { font-weight: 700; }
.newsletter-archive-card-action { display: flex; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(23,32,36,.12); color: #267c84; font-size: 12px; font-weight: 800; text-transform: uppercase; }
@media (max-width: 1120px) { .newsletter-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .newsletter-archive-hero { grid-template-columns: minmax(0, 1fr); }
  .newsletter-archive-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}