/* --- CONTAINER --- */
.blog-post-summary {
    border: 1.5px solid #000; /* Solid black border */
    border-radius: 12px;      
    overflow: hidden;         /* Ensures the black header stays inside the rounded corners */
    margin: 40px 0;           /* Vertical spacing in the article */
    background-color: #fff;
}

/* --- HEADER (Black Bar) --- */
.blog-post-summary__header {
    background-color: var(--color-black);
    padding: 12px 16px;
}

.blog-post-summary__title {
    color: var(--color-white); !important
    margin: 0;
    font-size: 16px; 
    font-weight: 800;        /* Extra bold */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

/* --- BODY (Content) --- */
.blog-post-summary__body {
    padding: 24px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--grey-dark);
}

/* Fix for Rich Text margins */
.blog-post-summary__body p:last-child {
    margin-bottom: 0;
}

.blog-post-summary__body p {
    margin-bottom: 16px;
}