/* Box 9: 4-Column News Section (শিক্ষাঙ্গন, সাহিত্য, স্বাস্থ্য, পাঁচ মিশালী) */

.news-box9 .title-aria {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
}

.news-box9 .title-aria p {
    margin: 0px;
}

/* Big Lead Item */
.news-box9 .bbody-news-item {
    padding-bottom: 12px;
}

.news-box9 .bbody-news-item .simage {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

.news-box9 .bbody-news-item img {
    display: block;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    margin-top: 6px;
}

.news-box9 .bbody-news-item .info-box {
    padding-top: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #111827;
}

.news-box9 .bbody-news-item a {
    text-decoration: none;
    color: #111827;
    transition: color 0.2s ease;
}

.news-box9 .bbody-news-item a:hover {
    color: var(--primary-color, #DF2027);
}

/* Small List Items */
.news-box9 .body-news-item {
    border-top: 1px solid #e5e7eb;
    padding: 10px 0;
}

.news-box9 .body-news-item a,
.news-box9 .body-news-item a.d-flex {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.news-box9 .body-news-item .simage {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    flex: 0 0 110px !important;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background-color: #f1f5f9;
}

.news-box9 .body-news-item .simage img,
.news-box9 .body-news-item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
}

.news-box9 .body-news-item .info-box {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden;
}

.news-box9 .body-news-item h4.title,
.news-box9 .body-news-item h4 {
    font-size: 15.5px !important;
    font-weight: 600 !important;
    line-height: 1.38 !important;
    margin: 0 !important;
    color: #1f2937;
    word-break: break-word;
    overflow-wrap: break-word;
    transition: color 0.2s ease;
}

.news-box9 .body-news-item a:hover h4,
.news-box9 .body-news-item a:hover .title {
    color: var(--primary-color, #DF2027) !important;
}

/* --- Box 9: Dark Mode Styles --- */
body.dark-mode .news-box9 .title-aria,
body.dark-mode .news-box9 .bbody-news-item a,
body.dark-mode .news-box9 .bbody-news-item .info-box,
body.dark-mode .news-box9 .body-news-item h4,
body.dark-mode .news-box9 .body-news-item .title,
body.dark-mode .news-box9 a,
html.dark-mode .news-box9 .title-aria,
html.dark-mode .news-box9 .bbody-news-item a,
html.dark-mode .news-box9 .bbody-news-item .info-box,
html.dark-mode .news-box9 .body-news-item h4,
html.dark-mode .news-box9 .body-news-item .title,
html.dark-mode .news-box9 a {
    color: #f3f4f6 !important;
}

body.dark-mode .news-box9 .body-news-item,
html.dark-mode .news-box9 .body-news-item {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .news-box9 .body-news-item .simage,
html.dark-mode .news-box9 .body-news-item .simage {
    background-color: #1e293b !important;
}

body.dark-mode .news-box9 a:hover,
body.dark-mode .news-box9 a:hover h4,
body.dark-mode .news-box9 a:hover .info-box,
html.dark-mode .news-box9 a:hover,
html.dark-mode .news-box9 a:hover h4,
html.dark-mode .news-box9 a:hover .info-box {
    color: #DF2027 !important;
}