body { font-family: Arial, sans-serif; margin: 0; background-color: #f0f0f0; }
        .container { max-width: 1200px; margin: 0 auto; background-color: #fff; }
        .site-header { display: flex; justify-content: space-between; align-items: flex-start; padding: 15px; border-bottom: 2px solid #D30000; }
        .logo-area .logo { max-width: 850px; }
        
          .intro-banner {
            text-align: center;
            font-weight: bold;
            padding: 10px;
            background-color: #f8f8f8;
        }
        .tag-cloud-area { text-align: center; background-color: #F4F4F4; padding: 15px; border: 1px solid #ddd; max-width: 350px; }
        .tag-cloud-title { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
        .content-wrapper { display: flex; padding: 15px; }
        .main-content { flex: 3; margin-right: 15px; }
        .sidebar { flex: 1; }
        .mainbar { display: flex; align-items: center; background-color: #D30000; color: #fff; font-weight: bold; padding: 10px; }
        .widget { background-color: #f4f4f4; padding: 15px; margin-bottom: 15px; border: 1px solid #ddd; text-align: center; }
        .widget img { max-width: 100%; height: auto; }
        .widget a { color: #3600ef; }
        .site-footer { text-align: center; padding: 20px; font-size: 12px; color: #555; border-top: 1px solid #ddd; }
        .site-footer a { color: #3600ef; }
        .story-header img { margin-right: 15px; }
        .story-header h1 { color: #fff; font-size: 16px; margin: 0; }
        .story-body { padding: 15px; text-align: justify; line-height: 1.6; font-size: 14px; color: black; }
        .story-body a { color: #D30000; font-weight: bold; }
        .story-image-container { text-align: center; margin: 20px 0; }
        .story-image-container img { max-width: 100%; height: auto; }
       
       .related-stories {
    border: 1px solid #ddd;
    margin: 20px 0;
}
.related-stories-header {
    background-color: #333;
    color: #fff;
    padding: 8px;
    text-align: center;
    font-weight: bold;
}
.related-stories-body {
    display: flex;
    justify-content: space-around;
    padding: 10px;
    text-align: center;
}
.related-item {
    flex: 1; /* Each item will take up equal space */
    padding: 0 5px;
}
.related-item img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ccc;
}
.related-item a {
    text-decoration: none;
    color: #000;
}
.related-item .related-headline {
    font-size: 12px;
    margin-top: 5px;
    display: block;
}
       
        .bottom-bar { justify-content: space-around; }
        .bottom-bar a { color: white; text-decoration: none; }
        @media (max-width: 768px) {
            .content-wrapper { flex-direction: column; }
            .main-content { margin-right: 0; margin-bottom: 15px; }
            .site-header { flex-direction: column; align-items: center; }
            .tag-cloud-area { display:none; }
        }