/* ===============================
   P. S. Davis — Newsletter CSS (web mirror of the email)
   =============================== */

/* Page background (plain dark) */
html,
body {
    height: 100%;
}

body {
    margin: 0;
    background: #111;
    /* plain dark background */
    color: #111;
    font-family: 'EB Garamond', Georgia, 'Times New Roman', serif;
}

/* White card container */
.news-container {
    background: #fff;
    border: 1px solid #46382c;
    max-width: 880px;
    margin: 0 auto;
    padding: 24px 24px 28px;
    box-sizing: border-box;
}

/* Headings */
.news-container h2,
.news-container h3 {
    text-align: center;
    margin: 10px 0 8px;
    font-weight: 700;
}

.news-container h2 {
    font-family: 'Cinzel Decorative', Georgia, 'Times New Roman', serif;
    font-size: 2rem;
    color: #2b2019;
}

/* Sections */
.news-entry {
    background: #f8f1e7;
    /* light parchment for default sections */
    border: 1px solid #e2d6c7;
    padding: 18px 20px;
    margin: 14px 0;
}

/* Dark variant for title panels (to match email) */
.news-entry.dark {
    background: #2a1c12;
    border-color: #2a1c12;
    color: #fff;
}

.news-entry.dark h3,
.news-entry.dark p,
.news-entry.dark a {
    color: #fff;
}

/* Title image panel */
.title-panel {
    background: transparent;
    /* the whole section is dark */
    padding: 6px 0 10px;
    max-width: 440px;
    margin: 0 auto 6px;
}

.title-img {
    display: block;
    max-width: 360px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .6));
}

/* Copy */
.news-container p {
    margin: 0.6rem 0;
    line-height: 1.6;
}

/* Stars */
.stars {
    font-weight: 700;
    letter-spacing: 2px;
    color: #e0cda9;
}

/* Buttons */
.cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 8px;
}

.btn {
    display: inline-block;
    padding: 12px 16px;
    border-radius: 4px;
    background: #0F5BA7;
    color: #fff !important;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.92rem;
    line-height: 1;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .25), 0 0 4px rgba(0, 0, 0, .15);
}

.btn:hover {
    filter: brightness(1.05);
}

.btn:active {
    transform: translateY(1px);
}

.btn-dark {
    background: #222222;
}

.btn-green {
    background: #2e7d32;
}

/* Callout */
.callout {
    background: #efe4d2;
    border: 1px solid #d8c6ad;
    padding: 1rem 1.1rem;
    border-radius: .5rem;
}

/* Utility */
.center {
    text-align: center;
}

/* Responsive */
@media (max-width: 640px) {
    .news-container {
        padding: 18px;
    }

    .news-entry {
        padding: 16px;
    }

    .title-panel {
        max-width: 92%;
    }

    .title-img {
        max-width: 92%;
    }
}