.newsletter-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding-top:96px}.newsletter-hero{text-align:center;padding:48px 0 24px}.newsletter-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--primary,#c41e3a);background:#c41e3a1a;border:1px solid #c41e3a40;border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.newsletter-title{font-family:var(--font-heading,inherit);background:linear-gradient(120deg,var(--primary,#c41e3a),var(--accent,gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(2.1rem,5vw,3.2rem);font-weight:800;line-height:1.1}.newsletter-lede{max-width:620px;color:var(--text-muted);margin:0 auto;font-size:1.05rem;line-height:1.6}.newsletter-body{padding:24px 0 96px}.newsletter-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--surface-radius,12px);background:var(--bg-secondary);justify-content:center;align-items:center;gap:12px;padding:64px 20px;font-size:1.05rem;display:flex}.newsletter-state--error{color:var(--primary,#c41e3a);border-color:#c41e3a66}.newsletter-spinner{border:3px solid #c41e3a33;border-top-color:var(--primary,#c41e3a);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite newsletter-spin}@keyframes newsletter-spin{to{transform:rotate(360deg)}}.newsletter-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px;display:grid}.newsletter-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--surface-radius,12px);box-shadow:0 6px 18px var(--card-shadow);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.newsletter-card:hover{box-shadow:0 16px 32px var(--card-shadow);transform:translateY(-6px)}.newsletter-card__media{aspect-ratio:3/4;cursor:pointer;background:var(--bg-accent);border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.newsletter-card__media img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;transition:transform .35s}.newsletter-card__media:hover img{transform:scale(1.04)}.newsletter-card__new{background:var(--primary,#c41e3a);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 4px 10px #c41e3a59}.newsletter-card__read{text-align:center;color:#fff;opacity:0;background:linear-gradient(#0000,#0f1f3bd9);padding:26px 0 12px;font-size:.85rem;font-weight:600;transition:opacity .25s;position:absolute;inset:auto 0 0}.newsletter-card__media:hover .newsletter-card__read,.newsletter-card__media:focus-visible .newsletter-card__read{opacity:1}.newsletter-card__info{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.newsletter-card__title{color:var(--text-primary);margin:0;font-size:1.02rem;font-weight:700;line-height:1.35}.newsletter-card__date{color:var(--text-muted);margin:0;font-size:.85rem}.newsletter-card__actions{gap:10px;margin-top:auto;padding-top:12px;display:flex}.newsletter-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:8px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.newsletter-btn--primary{background:var(--btn-primary,#c41e3a);color:var(--btn-text,#fff)}.newsletter-btn--primary:hover{background:var(--btn-hover,#a01830)}.newsletter-btn--ghost{color:var(--text-primary);border-color:var(--border-color);background:0 0}.newsletter-btn--ghost:hover{border-color:var(--primary,#c41e3a);color:var(--primary,#c41e3a)}.newsletter-viewer{z-index:1200;-webkit-backdrop-filter:blur(6px);background:#060a14b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.newsletter-viewer__panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--surface-radius,12px);flex-direction:column;width:min(920px,100%);height:min(88vh,100%);display:flex;overflow:hidden;box-shadow:0 24px 64px #00000073}.newsletter-viewer__bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.newsletter-viewer__bar h2{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.newsletter-viewer__bar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.newsletter-viewer__close{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;transition:background .2s,color .2s;display:flex}.newsletter-viewer__close:hover{background:var(--primary,#c41e3a);border-color:var(--primary,#c41e3a);color:#fff}.newsletter-viewer__frame{background:#fff;border:none;flex:1;width:100%}@media (max-width:640px){.newsletter-page{padding-top:84px}.newsletter-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.newsletter-card__info{padding:12px}.newsletter-card__actions{flex-direction:column}.newsletter-viewer{padding:0}.newsletter-viewer__panel{border-radius:0;width:100%;height:100%}}