.hero {
    background-image: url("/img/News_Banner.jpg");
}

.newsletter-page {
    padding-bottom: 40px;
}

.newsletter-meta {
    color: #52657b;
    margin-bottom: 16px;
}

.newsletter-embed {
    max-width: 100%;
    overflow-x: auto;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #d7e0ea;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(24, 46, 72, 0.08);
}

.newsletter-embed > * {
    max-width: 100%;
}

.newsletter-embed--public {
    max-width: 75%;
    margin: 0 auto;
    padding: 0;
}

.newsletter-embed--public > table,
.newsletter-embed--public > div,
.newsletter-embed--public > div > table {
    width: 100% !important;
    max-width: 100% !important;
}

.newsletter-embed--public table[style*="width: 700px"],
.newsletter-embed--public table[style*="width:700px"] {
    width: 100% !important;
    max-width: 100% !important;
}

.newsletter-embed img {
    max-width: 100% !important;
    height: auto !important;
}

.newsletter-embed table {
    max-width: 100%;
}

.newsletter-embed td,
.newsletter-embed th {
    word-break: break-word;
}

.newsletter-embed--preview {
    max-height: 70vh;
    overflow: auto;
    background: #f8fbff;
}

.newsletter-preview-section {
    margin-top: 32px;
}

.newsletter-empty {
    padding: 24px;
    background: #f8fbff;
    border: 1px dashed #b6c9db;
    border-radius: 12px;
}

@media (max-width: 767.98px) {
    .newsletter-embed--public {
        max-width: 100%;
    }

    .newsletter-embed {
        padding: 12px;
    }
}