.cover-section {
    position: relative;
    height: 25vh; /* Halved from 50vh */
    background: #343a40; /* Solid dark gray background */
}
.cover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 37, 41, 0.8); /* Darker gray overlay */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 3rem; /* Increased padding */
}
.article-body {
    padding-top: 3rem; /* Increased top padding */
    padding-bottom: 3rem; /* Increased bottom padding */
}
.article-body img {
    max-width: 100%;
    height: auto;
}
footer a {
    color: #f8f9fa;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}