body {
    font-family: "Arial", sans-serif;
    margin: 0;
    padding: 0
    }
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px
    }
header {
    background-color: #f8f9fa;
    padding: 10px 0
    }
.h1 {
    font-size: 2rem
    }
.main-menu ul {
    display: none;
    list-style: none;
    padding: 0
    }
.main-menu li {
    margin-right: 20px
    }
.main-menu a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s
    }
.main-menu a:hover {
    color: #007bff
    }
.articles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px
    }
.card {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
    }
.card img {
    width: 100%;
    height: 200px;
    object-fit: cover
    }
.card-title {
    font-size: 1.5rem
    }
.card-subtitle {
    color: #777
    }
.card-text {
    color: #333
    }
.read-more-btn {
    margin-top: auto
    }
.sidebar {
    padding: 0 15px
    }
.latest-news h2 {
    font-size: 1.5rem
    }
.list-group-item {
    border: none
    }
.list-group-item a {
    text-decoration: none;
    color: #333
    }
.list-group-item a:hover {
    color: #007bff
    }
footer {
    background-color: #343a40;
    color: #fff;
    padding: 10px 0
    }
.list-unstyled {
    display: flex;
    list-style: none
    }
.list-unstyled li {
    margin-right: 10px
    }
.list-unstyled a {
    text-decoration: none;
    color: #fff
    }
#cookie-consent {
    position: fixed;
    bottom: 0;
    z-index: 100;
    left: 0;
    width: 100%;
    background-color: #007bff;
    color: #fff;
    padding: 10px 0;
    text-align: center
    }
#cookie-consent button {
    background-color: #fff;
    color: #007bff;
    border: none;
    padding: 5px 15px;
    border-radius: 5px
    }
#cookie-consent button:hover {
    background-color: #eee
    }
.breadcrumb {
    background-color: #f8f9fa;
    padding: 10px 0
    }
.breadcrumb-item a {
    text-decoration: none;
    color: #333
    }
.breadcrumb-item a:hover {
    color: #007bff
    }
.article-page {
    padding: 0 15px
    }
.article-page img {
    width: 100%;
    height: auto;
    margin-bottom: 20px
    }
.article-page h2 {
    font-size: 2rem
    }
.article-page h3 {
    color: #777
    }
.article-page p {
    color: #333
    }
.social-sharing {
    margin-bottom: 20px
    }
.social-sharing a {
    margin-right: 10px
    }
.author-bio {
    margin-bottom: 20px
    }
.comments-section {
    margin-bottom: 20px
    }
.comment {
    margin-bottom: 20px
    }
#comment-form {
    margin-bottom: 20px
    }
.related-articles {
    margin-bottom: 20px
    }
.additional-widgets {
    margin-bottom: 20px
    }
@media (max-width: 992px) {
    .articles {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
        }
    .sidebar {
        order: -1;
        margin-top: 20px
        }
    }