/* ============================================
   News detail page: the article text and image sit in a white card
   with the same soft shadow as the other cards (see updates_list.css .content-card).
   ============================================ */

.news-detail-card {
    display: flow-root; /* contains the floated image */
    margin: 1.5rem 0 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 1.25rem;
    box-shadow: 0 8px 30px rgba(155, 89, 182, 0.12),
        0 2px 8px rgba(233, 30, 99, 0.08);
}

@media (min-width: 768px) {
    .news-detail-card {
        padding: 2.25rem 2.5rem;
    }
}

/* no extra space below the last paragraph inside the card */
.news-detail-card > :last-child,
.news-detail-card .frame:last-child,
.news-detail-card p:last-child {
    margin-bottom: 0;
}