/* =====================================================================
   TN24 redesign 2026-10 — scoped to body.tn2 (remove class = classic look)
   Brand: red #C8222B · green #009A44 · navy #0F2A44 · gold #D8A31A
   ===================================================================== */
body.tn2 {
    --tn2-red: #C8222B; --tn2-red-d: #A3161E; --tn2-green: #009A44; --tn2-green-d: #007C37;
    --tn2-navy: #0F2A44; --tn2-gold: #D8A31A; --tn2-bg: #F3F4F6; --tn2-card: #fff;
    --tn2-text: #111827; --tn2-muted: #6B7280; --tn2-line: #E5E7EB; --tn2-radius: 12px;
    --tn2-shadow: 0 1px 2px rgba(16,24,40,.05), 0 2px 6px rgba(16,24,40,.06);
    --tn2-ui: 'Hind Siliguri', 'Noto Sans Bengali', 'SolaimanLipi', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --tn2-head: 'Noto Serif Bengali', 'Hind Siliguri', 'SolaimanLipi', Georgia, serif;
    --tn24-body-font-family: var(--tn2-ui);
    --tn24-bengali-font: var(--tn2-ui);
    --tn24-nav-font-family: var(--tn2-ui);
    --tn24-header-font-family: var(--tn2-ui);
    background: var(--tn2-bg) !important;
    font-family: var(--tn2-ui) !important;
    color: var(--tn2-text);
    -webkit-font-smoothing: antialiased;
}
body.tn2 h1, body.tn2 h2, body.tn2 h3, body.tn2 h4, body.tn2 h5 { font-family: var(--tn2-head); }
body.tn2 a { transition: color .15s ease; }
body.tn2 .container { max-width: 1240px; }
@media (min-width: 1200px) { body.tn2 .container { width: 1240px; } }

/* ---------- Header: top bar ---------- */
body.tn2 #tn24SiteHeader .tn24-header__top.header_sections {
    background: #fff !important; border-bottom: 1px solid var(--tn2-line); min-height: 0;
}
body.tn2 #tn24SiteHeader .tn24-header__top,
body.tn2 #tn24SiteHeader .tn24-header__top .date,
body.tn2 #tn24SiteHeader .tn24-header__top a,
body.tn2 #tn24SiteHeader .tn24-header__top .tn24-top-link,
body.tn2 #tn24SiteHeader .tn24-header__top i { color: #374151 !important; text-shadow: none !important; }
body.tn2 #tn24SiteHeader .tn24-header__date { font-size: 13.5px !important; padding: 8px 0 !important; font-weight: 500; }
body.tn2 #tn24SiteHeader .tn24-header__date .fa { color: var(--tn2-gold) !important; margin-right: 6px; }
body.tn2 #tn24SiteHeader .tn24-top-social li a {
    width: 28px; height: 28px; border-radius: 50%; background: #F3F4F6 !important; display: inline-flex !important;
    align-items: center; justify-content: center; border: 0 !important; margin: 0 2px;
}
body.tn2 #tn24SiteHeader .tn24-top-social li a:hover { background: var(--tn2-red) !important; }
body.tn2 #tn24SiteHeader .tn24-top-social li a:hover i { color: #fff !important; }
body.tn2 #tn24SiteHeader .tn24-top-social img { filter: brightness(.3); }
body.tn2 #tn24SiteHeader .tn24-top-links .tn24-top-link { font-size: 13.5px !important; font-weight: 500; }
body.tn2 #tn24SiteHeader .tn24-top-links li:nth-child(2) .tn24-top-link {
    border: 1px solid #D1D5DB; border-radius: 6px; padding: 3px 10px !important;
}

/* ---------- Header: brand row ---------- */
body.tn2 #tn24SiteHeader .tn24-header__brand.header_section { background: #fff !important; padding: 14px 0 !important; }
body.tn2 #tn24SiteHeader .header_logo img { max-height: 78px; width: auto; }
body.tn2 #tn24SiteHeader .header_logor .textwidget { position: relative; display: inline-block; padding-top: 14px; }
body.tn2 #tn24SiteHeader .header_logor .textwidget::before {
    content: 'বিজ্ঞাপন'; position: absolute; top: 0; left: 0; right: 0; text-align: center;
    font: 500 10.5px/14px var(--tn2-ui); color: #9CA3AF; letter-spacing: .02em;
}
body.tn2 #tn24SiteHeader .header_logor img { border-radius: 4px; }

/* ---------- Header: sticky red→green menu ---------- */
body.tn2 #tn24SiteHeader .menu_section,
body.tn2 #tn24SiteHeader .tn24-header__nav.menu_section {
    background: linear-gradient(90deg, #B3141D 0%, var(--tn2-red) 28%, #7A5A2B 50%, #0C8A43 70%, var(--tn2-green) 100%) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.16); border: 0 !important;
}
body.tn2 #tn24SiteHeader .menu_section .navbar,
body.tn2 #tn24SiteHeader .menu_section .navbar-default,
body.tn2 #tn24SiteHeader .menu_section .menu_bottom,
body.tn2 #tn24SiteHeader .menu_section .menu_area { background: transparent !important; border: 0 !important; }
body.tn2 #tn24SiteHeader .main-nav-menu.tn24-nav-links > li > a {
    font-family: var(--tn2-ui) !important; font-weight: 600 !important; letter-spacing: 0; color: #fff !important;
    border: 0 !important; background: transparent !important;
}
body.tn2 #tn24SiteHeader .main-nav-menu.tn24-nav-links > li > a:hover,
body.tn2 #tn24SiteHeader .main-nav-menu.tn24-nav-links > li.open > a { background: rgba(0,0,0,.16) !important; }
body.tn2 #tn24SiteHeader .main-nav-menu .dropdown-menu { border-radius: 10px; border: 1px solid var(--tn2-line); box-shadow: 0 12px 28px rgba(0,0,0,.14); padding: 6px; }
body.tn2 #tn24SiteHeader .main-nav-menu .dropdown-menu > li > a { border-radius: 6px; padding: 7px 12px; color: var(--tn2-text) !important; }
body.tn2 #tn24SiteHeader .main-nav-menu .dropdown-menu > li > a:hover { background: #FEF2F2 !important; color: var(--tn2-red) !important; }
body.tn2 #tn24SiteHeader .tn24-nav-home-link { background: rgba(0,0,0,.14) !important; color: #fff !important; }
body.tn2 #tn24SiteHeader .search-icon { background: rgba(255,255,255,.16) !important; border-radius: 8px !important; color: #fff !important; border: 0 !important; }
body.tn2 #tn24SiteHeader .search-icon i { color: #fff !important; }

/* ---------- Breaking ticker ---------- */
body.tn2 #tn24SiteHeader .scrrol_section { background: transparent !important; padding: 14px 0 4px !important; border: 0 !important; }
body.tn2 #tn24SiteHeader .scrrol_section .scrool {
    display: flex !important; align-items: center; background: #fff; border: 1px solid var(--tn2-line);
    border-radius: 10px; overflow: hidden; padding: 0 !important; box-shadow: var(--tn2-shadow); margin: 0 15px; width: auto; float: none;
}
body.tn2 #tn24SiteHeader .scrool_1,
body.tn2 #tn24SiteHeader .col-md-2.scrool_1 {
    flex: 0 0 auto; width: auto !important; float: none !important;
    background: var(--tn2-red) !important; border: 0 !important; box-shadow: none !important; text-shadow: none !important;
    font: 700 15px/1 var(--tn2-ui) !important; padding: 12px 14px 12px 26px !important; position: relative; color: #fff !important;
    display: flex; align-items: center; gap: 8px; white-space: nowrap;
}
body.tn2 #tn24SiteHeader .scrool_1::before {
    content: ''; position: absolute; left: 11px; top: 50%; width: 8px; height: 8px; margin-top: -4px;
    border-radius: 50%; background: #fff; animation: tn2-pulse 1.4s ease-in-out infinite;
}
body.tn2 .tn2-live {
    display: inline-block; background: rgba(0,0,0,.25); color: #fff; font: 700 10px/1 var(--tn2-ui);
    letter-spacing: .08em; padding: 4px 6px; border-radius: 4px;
}
@keyframes tn2-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.7); } }
body.tn2 #tn24SiteHeader .scrool_2,
body.tn2 #tn24SiteHeader .col-md-10.scrool_2 {
    flex: 1 1 auto; width: auto !important; float: none !important; display: flex; align-items: center; min-width: 0;
    padding: 0 8px 0 10px !important; background: #fff !important;
}
body.tn2 #tn24SiteHeader .scrool_2 marquee { flex: 1 1 auto; min-width: 0; height: 42px !important; line-height: 42px !important; }
body.tn2 #tn24SiteHeader .scrool_2 marquee a { font: 500 15px/42px var(--tn2-ui) !important; color: #1F2937 !important; }
body.tn2 #tn24SiteHeader .scrool_2 marquee a:hover { color: var(--tn2-red) !important; }
body.tn2 #tn24SiteHeader .scrool_2 .fa-square { color: var(--tn2-red) !important; font-size: 7px; vertical-align: middle; margin: 0 6px 0 10px; border-radius: 50%; }
body.tn2 .tn2-ticker-btn {
    flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--tn2-line); background: #fff;
    color: #374151; display: inline-flex; align-items: center; justify-content: center; margin-left: 6px; font-size: 11px; cursor: pointer;
}
body.tn2 .tn2-ticker-btn:hover { border-color: var(--tn2-red); color: var(--tn2-red); }

/* ---------- Mobile chips (category scroller) ---------- */
body.tn2 .tn2-chips { display: none; }
@media (max-width: 991px) {
    body.tn2 .tn2-chips { display: block; background: #fff; border-bottom: 1px solid var(--tn2-line); }
    body.tn2 .tn2-chips__track { display: flex; gap: 8px; overflow-x: auto; padding: 9px 12px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    body.tn2 .tn2-chips__track::-webkit-scrollbar { display: none; }
    body.tn2 .tn2-chips__item {
        flex: 0 0 auto; padding: 6px 14px; border-radius: 999px; background: #F3F4F6; color: #1F2937 !important;
        font: 500 14px/1.2 var(--tn2-ui); text-decoration: none !important; white-space: nowrap;
    }
    body.tn2 .tn2-chips__item.is-active { background: var(--tn2-red); color: #fff !important; }
}

/* ---------- Common: meta, chips ---------- */
body.tn2 .tn2-meta { display: block; font: 400 12.5px/1.4 var(--tn2-ui); color: var(--tn2-muted); margin-top: 4px; }
body.tn2 .tn2-meta--light { color: rgba(255,255,255,.82); }
body.tn2 .tn2-chip { display: inline-block; background: var(--tn2-red); color: #fff; font: 600 12.5px/1 var(--tn2-ui); padding: 6px 9px; border-radius: 5px; margin-bottom: 10px; }
body.tn2 .tn2-kicker { display: block; color: var(--tn2-red); font: 600 12.5px/1.3 var(--tn2-ui); margin-bottom: 4px; }

/* ---------- Hero ---------- */
body.tn2 .tn2-home { padding-top: 14px; }
body.tn2 .tn2-hero { padding: 6px 0 18px; }
body.tn2 .tn2-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 20px; align-items: start; }
body.tn2 .tn2-lead { border-radius: var(--tn2-radius); overflow: hidden; box-shadow: var(--tn2-shadow); background: #111; }
body.tn2 .tn2-lead__item { position: relative; display: block; aspect-ratio: 16 / 9; color: #fff !important; text-decoration: none !important; overflow: hidden; }
body.tn2 .tn2-lead__img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .6s ease; }
body.tn2 .tn2-lead__item:hover .tn2-lead__img { transform: scale(1.03); }
body.tn2 .tn2-lead__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.88) 100%); }
body.tn2 .tn2-lead__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 26px 34px; display: block; }
body.tn2 .tn2-lead__title { display: block; font: 700 31px/1.32 var(--tn2-head); color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.4); }
body.tn2 .tn2-lead__excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8px; font: 400 15.5px/1.55 var(--tn2-ui); color: rgba(255,255,255,.88); }
body.tn2 .tn2-lead .owl-dots { position: absolute; right: 18px; bottom: 12px; margin: 0 !important; }
body.tn2 .tn2-lead .owl-dots .owl-dot span { width: 7px; height: 7px; margin: 3px; background: rgba(255,255,255,.55); transition: width .2s; }
body.tn2 .tn2-lead .owl-dots .owl-dot.active span { width: 22px; background: #fff; }
body.tn2 .tn2-subleads { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
body.tn2 .tn2-sub { display: block; background: #fff; border-radius: var(--tn2-radius); overflow: hidden; box-shadow: var(--tn2-shadow); text-decoration: none !important; color: var(--tn2-text) !important; }
body.tn2 .tn2-sub__img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #E5E7EB; }
body.tn2 .tn2-sub__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
body.tn2 .tn2-sub:hover img { transform: scale(1.04); }
body.tn2 .tn2-sub__body { display: block; padding: 11px 13px 14px; }
body.tn2 .tn2-sub__title { display: block; font: 600 16.5px/1.45 var(--tn2-head); }
body.tn2 .tn2-sub:hover .tn2-sub__title { color: var(--tn2-red); }

/* Tabs card */
body.tn2 .tn2-tabs { background: #fff; border-radius: var(--tn2-radius); box-shadow: var(--tn2-shadow); overflow: hidden; }
body.tn2 .tn2-tabs__nav { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--tn2-line); }
body.tn2 .tn2-tabs__btn { background: #fff; border: 0; padding: 13px 8px; font: 600 16px/1 var(--tn2-ui); color: #6B7280; border-bottom: 3px solid transparent; cursor: pointer; }
body.tn2 .tn2-tabs__btn.is-active { color: var(--tn2-red); border-bottom-color: var(--tn2-red); }
body.tn2 .tn2-tabs__panel { display: none; padding: 4px 14px; max-height: 560px; overflow-y: auto; }
body.tn2 .tn2-tabs__panel.is-active { display: block; }
body.tn2 .tn2-tabs__more { display: block; text-align: center; padding: 12px; background: #F9FAFB; border-top: 1px solid var(--tn2-line); color: var(--tn2-red) !important; font: 600 14px/1 var(--tn2-ui); text-decoration: none !important; }

/* List item (used in tabs + boxes) */
body.tn2 .tn2-li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #F0F1F3; text-decoration: none !important; color: var(--tn2-text) !important; }
body.tn2 .tn2-li:last-child { border-bottom: 0; }
body.tn2 .tn2-li__num { flex: 0 0 18px; font: 700 20px/1.1 var(--tn2-head); color: #D1D5DB; padding-top: 2px; }
body.tn2 .tn2-li__body { flex: 1 1 auto; min-width: 0; }
body.tn2 .tn2-li__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font: 500 15.5px/1.45 var(--tn2-ui); }
body.tn2 .tn2-li:hover .tn2-li__title { color: var(--tn2-red); }
body.tn2 .tn2-li__thumb { flex: 0 0 96px; width: 96px; height: 64px; border-radius: 8px; overflow: hidden; background: #E5E7EB; }
body.tn2 .tn2-li__thumb img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Ad bands ---------- */
body.tn2 .tn2-adband { background: #fff; border-top: 1px solid var(--tn2-line); border-bottom: 1px solid var(--tn2-line); padding: 12px 0 16px; margin: 6px 0 22px; }
body.tn2 .tn2-adband__row { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; }
body.tn2 .tn2-adband__row.is-pair .tn2-ad { flex: 1 1 0; max-width: 600px; }
body.tn2 .tn2-ad { text-align: center; min-width: 0; }
body.tn2 .tn2-ad img { max-width: 100%; height: auto; border-radius: 4px; display: inline-block; }
body.tn2 .tn2-ad__label, body.tn2 .tn24-ad-slot .textwidget::before, body.tn2 .tn24-ad-row .textwidget::before {
    display: block; font: 500 10.5px/1.2 var(--tn2-ui); color: #9CA3AF; margin-bottom: 4px; text-align: center; letter-spacing: .02em;
}
body.tn2 .widget_section--has-ad .textwidget::before { content: 'বিজ্ঞাপন'; display: block; font: 500 10.5px/1.2 var(--tn2-ui); color: #9CA3AF; margin-bottom: 4px; text-align: center; }

/* ---------- Category boxes ---------- */
body.tn2 .tn2-section { padding: 4px 0 22px; }
body.tn2 .tn2-grid { display: grid; gap: 20px; }
body.tn2 .tn2-grid--1 { grid-template-columns: minmax(0, 1fr); }
body.tn2 .tn2-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.tn2 .tn2-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.tn2 .tn2-box { background: #fff; border-radius: var(--tn2-radius); box-shadow: var(--tn2-shadow); padding: 16px 16px 6px; min-width: 0; }
body.tn2 .tn2-box__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 11px; margin-bottom: 14px; border-bottom: 1px solid var(--tn2-line); }
body.tn2 .tn2-box__title { margin: 0; font: 700 21px/1.2 var(--tn2-head); padding-left: 11px; border-left: 4px solid var(--tn2-red); }
body.tn2 .tn2-box--green .tn2-box__title { border-left-color: var(--tn2-green); }
body.tn2 .tn2-box__title a { color: var(--tn2-text) !important; text-decoration: none !important; }
body.tn2 .tn2-box__more { color: var(--tn2-red) !important; font: 600 13.5px/1 var(--tn2-ui); white-space: nowrap; text-decoration: none !important; }
body.tn2 .tn2-box__more:hover { color: var(--tn2-green) !important; }
body.tn2 .tn2-box__lead { display: block; text-decoration: none !important; color: var(--tn2-text) !important; padding-bottom: 12px; }
body.tn2 .tn2-box__lead-img { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #E5E7EB; margin-bottom: 11px; }
body.tn2 .tn2-box__lead-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
body.tn2 .tn2-box__lead:hover img { transform: scale(1.04); }
body.tn2 .tn2-box__lead-title { display: block; font: 700 19px/1.42 var(--tn2-head); }
body.tn2 .tn2-box__lead:hover .tn2-box__lead-title { color: var(--tn2-red); }
body.tn2 .tn2-box__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 6px; font: 400 14.5px/1.6 var(--tn2-ui); color: #4B5563; }
body.tn2 .tn2-box--wide .tn2-box__body { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 18px; }
body.tn2 .tn2-box--wide .tn2-box__list .tn2-li:first-child { padding-top: 0; }
body.tn2 .tn2-grid--1 .tn2-box--wide .tn2-box__body { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
body.tn2 .tn2-box--card .tn2-box__list { border-top: 1px solid #F0F1F3; }
body.tn2 .tn2-box--card .tn2-li__thumb { flex-basis: 84px; width: 84px; height: 56px; }
body.tn2 .tn2-box--card .tn2-li__title { font-size: 15px; }

/* ---------- Video / opinion row (existing partial) ---------- */
body.tn2 .tn2-special .tn24-home-special-row { padding: 4px 0 22px !important; background: transparent !important; }
body.tn2 .tn2-special .tn24-home-video-box { background: #111827 !important; border-radius: var(--tn2-radius) !important; overflow: hidden; box-shadow: var(--tn2-shadow); border: 0 !important; }
body.tn2 .tn2-special .tn24-home-opinion-box { background: #fff !important; border-radius: var(--tn2-radius) !important; overflow: hidden; box-shadow: var(--tn2-shadow); border: 0 !important; }
body.tn2 .tn2-special .tn24-home-box__head { background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; padding: 14px 16px !important; }
body.tn2 .tn2-special .tn24-home-box__head h2,
body.tn2 .tn2-special .tn24-home-box__head h2 a { font: 700 20px/1.2 var(--tn2-head) !important; color: #fff !important; background: transparent !important; border: 0 !important; padding: 0 !important; }
body.tn2 .tn2-special .tn24-home-box__head h2 { border-left: 4px solid var(--tn2-red) !important; padding-left: 10px !important; }
body.tn2 .tn2-special .tn24-home-box__head--opinion { border-bottom: 1px solid var(--tn2-line) !important; }
body.tn2 .tn2-special .tn24-home-box__head--opinion h2 { border-left-color: var(--tn2-green) !important; }
body.tn2 .tn2-special .tn24-home-box__head--opinion h2,
body.tn2 .tn2-special .tn24-home-box__head--opinion h2 a { color: var(--tn2-text) !important; }
body.tn2 .tn2-special .tn24-home-box__head h2 i { display: none; }

/* ---------- Division / map block ---------- */
body.tn2 .tn2-division .section_seven { background: transparent !important; padding: 4px 0 24px !important; }
body.tn2 .tn2-division .section_seven > .container > .row > [class*="col-"] > * { background: #fff; border-radius: var(--tn2-radius); box-shadow: var(--tn2-shadow); }
body.tn2 .tn2-division .tab_list { border-radius: 10px 10px 0 0; overflow: hidden; }

/* ---------- Classic homepage sections (English / fallback) ---------- */
body.tn2 .tn24-news-box, body.tn2 .tn24-cat-panel, body.tn2 .section_four .box-shadow, body.tn2 .section_eleven .box-shadow {
    background: #fff; border-radius: var(--tn2-radius); box-shadow: var(--tn2-shadow) !important; border: 0 !important;
}

/* ---------- Article page ---------- */
body.tn2 .singlepage-section { padding-top: 10px; }
body.tn2 .singlepage-section .col-md-8 > .single-cat-info,
body.tn2 .singlepage-section .single-title h1,
body.tn2 .singlepage-section .single-title h2 { font-family: var(--tn2-head) !important; }
body.tn2 .singlepage-section .single-title h1,
body.tn2 .singlepage-section .single-title h2,
body.tn2 .singlepage-section .single-title h3 { font: 700 34px/1.38 var(--tn2-head) !important; color: var(--tn2-text) !important; margin: 6px 0 12px !important; }
body.tn2 .singlepage-section .single-dtls,
body.tn2 .singlepage-section .single-dtls p { font: 400 18.5px/1.85 var(--tn2-ui) !important; color: #1F2937 !important; }
body.tn2 .singlepage-section .single-img img { border-radius: 12px; }
body.tn2 .singlepage-section .single-cat-info { font: 500 14px/1.4 var(--tn2-ui); color: var(--tn2-muted); }
body.tn2 .singlepage-section .single-cat-info a { color: var(--tn2-red) !important; }
body.tn2 .singlepage-section .sgl-page-social ul li a { border-radius: 8px !important; }
body.tn2 .singlepage-section .tab-header,
body.tn2 .singlepage-section .col-md-4 .widget_section,
body.tn2 .tn24-cat-sidebar .tab-header { background: #fff; border-radius: var(--tn2-radius); box-shadow: var(--tn2-shadow); overflow: hidden; }
body.tn2 .tab-header .nav-tabs > li > a { font-family: var(--tn2-ui) !important; font-weight: 600; }
body.tn2 .tab-header .nav-tabs > li.active > a,
body.tn2 .tab-header .nav-tabs > li.active > a:focus,
body.tn2 .tab-header .nav-tabs > li.active > a:hover { background: #fff !important; color: var(--tn2-red) !important; border: 0 !important; border-bottom: 3px solid var(--tn2-red) !important; }

/* ---------- Footer ---------- */
body.tn2 .tn24-footer { border-top: 4px solid transparent; border-image: linear-gradient(90deg, var(--tn2-red), var(--tn2-green)) 1; }

/* ---------- Mobile: bottom tab bar + sticky ad ---------- */
body.tn2 .tn2-tabbar { display: none; }
body.tn2 .tn2-sticky-ad { display: none; }
@media (max-width: 767px) {
    body.tn2 { padding-bottom: 64px; }
    body.tn2 .tn2-tabbar {
        display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990;
        background: #fff; border-top: 1px solid var(--tn2-line); box-shadow: 0 -4px 14px rgba(0,0,0,.06);
        padding: 6px 0 calc(6px + env(safe-area-inset-bottom));
    }
    body.tn2 .tn2-tabbar a { display: flex; flex-direction: column; align-items: center; gap: 3px; color: #4B5563 !important; font: 500 11.5px/1 var(--tn2-ui); text-decoration: none !important; }
    body.tn2 .tn2-tabbar a i { font-size: 19px; }
    body.tn2 .tn2-tabbar a.is-active { color: var(--tn2-red) !important; }
    body.tn2 .tn2-sticky-ad:not([hidden]) {
        display: block; position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(60px + env(safe-area-inset-bottom)); z-index: 99989;
        width: 336px; max-width: 100%; background: #fff; padding: 4px 8px 8px; border-radius: 10px 10px 0 0; box-shadow: 0 -6px 18px rgba(0,0,0,.14); text-align: center;
    }
    body.tn2 .tn2-sticky-ad img { width: 320px; max-width: 100%; height: auto; }
    body.tn2 .tn2-sticky-ad .tn2-ad__label { margin-bottom: 2px; }
    body.tn2 .tn2-sticky-ad__close { position: absolute; top: -12px; right: 6px; width: 24px; height: 24px; border-radius: 50%; border: 0; background: #374151; color: #fff; font: 700 16px/24px Arial; padding: 0; }
    body.tn2.tn2-has-sticky { padding-bottom: 180px; }
    body.tn2 .scrollToTop { bottom: 80px !important; }
    body.tn2 .footer-scrool { bottom: 60px !important; }

    body.tn2 .tn2-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    body.tn2 .tn2-hero .container { padding-left: 12px; padding-right: 12px; }
    body.tn2 .tn2-lead__item { aspect-ratio: 4 / 3; }
    body.tn2 .tn2-lead__cap { padding: 16px 16px 26px; }
    body.tn2 .tn2-lead__title { font-size: 22px; }
    body.tn2 .tn2-lead__excerpt { font-size: 14px; }
    body.tn2 .tn2-subleads { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    body.tn2 .tn2-sub { display: flex; gap: 12px; padding: 10px; }
    body.tn2 .tn2-sub__img { flex: 0 0 110px; width: 110px; aspect-ratio: auto; height: 74px; border-radius: 8px; }
    body.tn2 .tn2-sub__body { padding: 0; }
    body.tn2 .tn2-sub__title { font-size: 15.5px; }
    body.tn2 .tn2-grid--2, body.tn2 .tn2-grid--3 { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    body.tn2 .tn2-box--wide .tn2-box__body, body.tn2 .tn2-grid--1 .tn2-box--wide .tn2-box__body { grid-template-columns: minmax(0, 1fr); gap: 0; }
    body.tn2 .tn2-box { padding: 14px 14px 4px; }
    body.tn2 .tn2-box__title { font-size: 19px; }
    body.tn2 .tn2-adband__row { flex-direction: column; gap: 10px; align-items: center; }
    body.tn2 .tn2-adband__row.is-pair .tn2-ad:nth-child(2) { display: none; }
    body.tn2 .singlepage-section .single-title h1, body.tn2 .singlepage-section .single-title h2, body.tn2 .singlepage-section .single-title h3 { font-size: 25px !important; }
    body.tn2 .singlepage-section .single-dtls, body.tn2 .singlepage-section .single-dtls p { font-size: 17px !important; }
    body.tn2 #tn24SiteHeader .scrrol_section .scrool { margin: 0 10px; }
    body.tn2 #tn24SiteHeader .scrool_1 { font-size: 14px !important; padding: 10px 10px 10px 22px !important; }
    body.tn2 #tn24SiteHeader .scrool_1 .tn2-live, body.tn2 .tn2-ticker-btn { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
    body.tn2 .tn2-hero__grid { grid-template-columns: minmax(0, 1fr); }
    body.tn2 .tn2-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) and (max-width: 1199px) {
    body.tn2 .tn2-hero__grid { grid-template-columns: minmax(0, 1fr) 320px; }
    body.tn2 .tn2-lead__title { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) { body.tn2 * { animation: none !important; transition: none !important; } }

/* ---------- v1.1 fixes ---------- */
body.tn2 .fab, body.tn2 .fas, body.tn2 .far { font-family: FontAwesome !important; font-style: normal !important; font-weight: normal !important; }
body.tn2 .fa-moon:before { content: "\f186"; }
body.tn2 .fa-comment-dots:before { content: "\f27a"; }
body.tn2 #tn24SiteHeader .main-nav-menu.tn24-nav-links > li { border: 0 !important; box-shadow: none !important; }
body.tn2 #tn24SiteHeader .main-nav-menu.tn24-nav-links > li::before,
body.tn2 #tn24SiteHeader .main-nav-menu.tn24-nav-links > li::after,
body.tn2 #tn24SiteHeader .main-nav-menu.tn24-nav-links > li > a::before,
body.tn2 #tn24SiteHeader .main-nav-menu.tn24-nav-links > li > a::after { display: none !important; content: none !important; }
body.tn2 #tn24SiteHeader .tn24-nav-home-col, body.tn2 #tn24SiteHeader .tn24-nav-search-col { border: 0 !important; }
body.tn2 .tn2-lead__cap, body.tn2 .tn2-lead__title, body.tn2 .tn2-lead__excerpt, body.tn2 .tn2-meta,
body.tn2 .tn2-li__title, body.tn2 .tn2-sub__title, body.tn2 .tn2-box__lead-title { white-space: normal !important; text-align: left !important; overflow-wrap: anywhere; }
body.tn2 .tn2-lead__cap { box-sizing: border-box; width: 100%; }
@media (max-width: 767px) {
    body.tn2 #tn24SiteHeader .tn24-header__top .top_hdr_social .list:first-child { display: none !important; }
    body.tn2 #tn24SiteHeader .tn24-header__top-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2px 10px; }
    body.tn2 #tn24SiteHeader .tn24-header__date { font-size: 12px !important; padding: 6px 0 2px !important; text-align: left !important; }
    body.tn2 #tn24SiteHeader .top_hdr_social .list { padding-top: 0 !important; margin: 0 !important; }
    body.tn2 #tn24SiteHeader .tn24-header__brand.header_section { padding: 8px 0 !important; }
    body.tn2 #tn24SiteHeader .header_logo { text-align: center; }
    body.tn2 #tn24SiteHeader .header_logo img { max-height: 58px; }
    body.tn2 .tn2-hero { padding-top: 0; }
    body.tn2 .tn2-home { padding-top: 8px; }
}

/* ---------- v1.2 article card ---------- */
body.tn2 .singlepage-section > .container > .row > .col-md-8 { position: relative; isolation: isolate; padding-top: 16px; padding-bottom: 18px; }
body.tn2 .singlepage-section > .container > .row > .col-md-8::before {
    content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; border-radius: var(--tn2-radius);
    box-shadow: var(--tn2-shadow); z-index: -1;
}
@media (min-width: 992px) { body.tn2 .singlepage-section > .container > .row > .col-md-8 { padding-left: 26px; padding-right: 26px; } }
body.tn2 .singlepage-section .single-cat-info { background: transparent !important; border: 0 !important; display: flex; gap: 8px; align-items: center; padding: 0 !important; margin-bottom: 4px; }
body.tn2 .singlepage-section .single-cat-info > div { background: transparent !important; padding: 0 !important; border: 0 !important; }
body.tn2 .singlepage-section .single-cat-info a, body.tn2 .singlepage-section .single-cat-info i { color: var(--tn2-muted) !important; font-size: 13.5px; }
body.tn2 .singlepage-section .single-cat-info .single-cat-cate a { color: var(--tn2-red) !important; font-weight: 600; }
body.tn2 .singlepage-section .single-cat-info .single-cat-cate i { display: none; }
body.tn2 .singlepage-section .single-cat-info .single-cat-cate::before { content: '›'; color: #9CA3AF; margin-right: 6px; }
body.tn2 .singlepage-section .view-section { border-top: 1px solid var(--tn2-line); border-bottom: 1px solid var(--tn2-line); padding: 10px 0; margin-bottom: 14px; }
@media (max-width: 767px) {
    body.tn2 .tn2-lead__excerpt { display: none !important; }
    body.tn2 .singlepage-section > .container > .row > .col-md-8::before { border-radius: 0; left: -15px; right: -15px; }
}
body.tn2 .singlepage-section .single-dtls p { background: transparent !important; }

/* =====================================================================
   v1.3 spacing & alignment polish (2026-10-08)
   One gutter everywhere (20px desktop / 14px mobile), equal-height cards
   that fill their row, no dead space under columns, slimmer mobile sticky ad.
   ===================================================================== */
body.tn2 { --tn2-gap: 20px; }

/* ---- Vertical rhythm ---- */
body.tn2 .tn2-home { padding-top: 16px; }
body.tn2 .tn2-hero { padding: 0 0 var(--tn2-gap); }
body.tn2 .tn2-section { padding: 0 0 var(--tn2-gap); }
body.tn2 .tn2-adband { margin: 0 0 var(--tn2-gap); padding: 8px 0 10px; }
body.tn2 .tn2-adband__row { gap: var(--tn2-gap); }
body.tn2 .tn2-ad__label { margin-bottom: 3px; }
body.tn2 .tn2-ad a, body.tn2 .tn2-ad img { vertical-align: top; }

/* ---- Hero: latest/popular tabs exactly as tall as the lead + sub-leads ---- */
@media (min-width: 992px) {
    body.tn2 .tn2-hero__grid { align-items: stretch; }
    body.tn2 .tn2-hero__side { position: relative; min-height: 360px; }
    body.tn2 .tn2-hero__side > .tn2-tabs { position: absolute; inset: 0; display: flex; flex-direction: column; }
    body.tn2 .tn2-tabs__nav, body.tn2 .tn2-tabs__more { flex: 0 0 auto; }
    body.tn2 .tn2-tabs__panel.is-active { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; }
    body.tn2 .tn2-tabs__panel .tn2-li { flex: 1 0 auto; align-items: center; }
}
body.tn2 .tn2-subleads { gap: var(--tn2-gap); margin-top: var(--tn2-gap); }
body.tn2 .tn2-sub__body { padding: 10px 12px 12px; }

/* ---- Category boxes: tight padding, clamped text, cards fill the row ---- */
body.tn2 .tn2-grid { gap: var(--tn2-gap); align-items: stretch; }
body.tn2 .tn2-box { display: flex; flex-direction: column; padding: 14px 14px 4px; }
body.tn2 .tn2-box__head { padding-bottom: 10px; margin-bottom: 12px; }
body.tn2 .tn2-box__body { flex: 1 1 auto; }
body.tn2 .tn2-box__lead { padding-bottom: 10px; }
body.tn2 .tn2-box__lead-img { margin-bottom: 10px; }
body.tn2 .tn2-box__lead-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.tn2 .tn2-box__excerpt { -webkit-line-clamp: 2; margin-top: 4px; }
body.tn2 .tn2-li { padding: 10px 0; gap: 10px; }
body.tn2 .tn2-li .tn2-meta { margin-top: 2px; }
body.tn2 .tn2-box--card .tn2-li__title { -webkit-line-clamp: 2; }
body.tn2 .tn2-box--wide .tn2-box__list .tn2-li:first-child { padding-top: 0; }
/* In 3-column rows the lead photo absorbs any leftover height, so no box has a blank bottom */
body.tn2 .tn2-box--card .tn2-box__body { display: flex; flex-direction: column; }
body.tn2 .tn2-box--card .tn2-box__lead { flex: 1 0 auto; display: flex; flex-direction: column; }
body.tn2 .tn2-box--card .tn2-box__lead-img { flex: 1 0 auto; min-height: 0; }
body.tn2 .tn2-box--card .tn2-box__lead-img img { position: absolute; inset: 0; }
body.tn2 .tn2-box--card .tn2-box__list { flex: 0 0 auto; }

/* ---- Video + opinion row: same gutter as the grid, equal heights ---- */
body.tn2 .tn2-special .tn24-home-special-row { padding: 0 0 var(--tn2-gap) !important; }
body.tn2 .tn2-special .tn24-home-special-row__grid { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; row-gap: var(--tn2-gap); }
body.tn2 .tn2-special .tn24-home-special-row__grid::before,
body.tn2 .tn2-special .tn24-home-special-row__grid::after { display: none; }
body.tn2 .tn2-special .tn24-home-special-row__grid > [class*="col-"] { float: none; display: flex; flex-direction: column; padding-left: 10px; padding-right: 10px; margin-bottom: 0 !important; }
body.tn2 .tn2-special .tn24-home-video-box,
body.tn2 .tn2-special .tn24-home-opinion-box { flex: 1 1 auto; height: auto !important; }
body.tn2 .tn2-special .tn24-home-opinion-list { padding-top: 4px; padding-bottom: 4px; }

/* ---- Division / map block ---- */
body.tn2 .tn2-division .section_seven { padding: 0 0 var(--tn2-gap) !important; }
body.tn2 .tn2-division .section_seven > .container > .row { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; row-gap: var(--tn2-gap); }
body.tn2 .tn2-division .section_seven > .container > .row::before,
body.tn2 .tn2-division .section_seven > .container > .row::after { display: none; }
body.tn2 .tn2-division .section_seven > .container > .row > [class*="col-"] { float: none; padding-left: 10px; padding-right: 10px; }
body.tn2 .tn2-division .custom-tab { overflow: hidden; }
body.tn2 .tn2-division .tab_list {
    margin: 0 !important; width: auto !important; border-radius: 0 !important; box-shadow: none !important;
    border-bottom: 1px solid var(--tn2-line); padding: 10px 12px !important;
    display: flex !important; flex-wrap: wrap; justify-content: center; gap: 4px;
}
body.tn2 .tn2-division .tab_list li { display: block; }
body.tn2 .tn2-division .tab_list li a { display: block; padding: 5px 12px !important; border-radius: 999px; font: 500 15px/1.3 var(--tn2-ui) !important; }
body.tn2 .tn2-division .tab_list li.active a { background: var(--tn2-red) !important; color: #fff !important; }
body.tn2 .tn2-division .tab-content { padding: 14px; background: #fff; }
body.tn2 .tn2-division .tab-content .row[class*="load_tab"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; }
body.tn2 .tn2-division .tab-content .row[class*="load_tab"]::before,
body.tn2 .tn2-division .tab-content .row[class*="load_tab"]::after,
body.tn2 .tn2-division .tab-content .row[class*="load_tab"] > div[style*="clear"] { display: none; }
body.tn2 .tn2-division .tab-content .row[class*="load_tab"] > [class*="col-"] { width: auto; float: none; padding: 0; min-width: 0; }
body.tn2 .tn2-division .tab-content .row[class*="load_tab"] > .loading-text { grid-column: 1 / -1; }
body.tn2 .tn2-division .exclisive_news { margin: 0; height: 100%; border: 1px solid var(--tn2-line); border-radius: 10px; overflow: hidden; background: #fff; }
body.tn2 .tn2-division .exclisive_news_image img { aspect-ratio: 16 / 9; height: auto; min-height: 0; }
body.tn2 .tn2-division .exclisive_news .content-padding { padding: 8px 10px 10px !important; margin: 0 !important; background: transparent !important; }
body.tn2 .tn2-division .exclisive_news .hadding_02 { margin: 0 !important; }
body.tn2 .tn2-division .exclisive_news .hadding_02 a {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    font: 600 15px/1.45 var(--tn2-ui) !important; color: var(--tn2-text) !important; white-space: normal !important;
}
body.tn2 .tn2-division .exclisive_news .hadding_02 a:hover { color: var(--tn2-red) !important; }
body.tn2 .tn2-division .tn24-division-map-heading { margin: 0 0 10px !important; }
body.tn2 .tn2-division .homePageSideSvg { padding: 8px 0; }
body.tn2 .tn2-division .single-block { margin-top: 10px; padding: 12px 12px 2px !important; }
body.tn2 .tn2-division .pray-card { max-width: 100% !important; width: 100% !important; margin: 10px 0 0 !important; }
@media (min-width: 992px) {
    body.tn2 .tn2-division .section_seven > .container > .row > .col-md-8 { display: flex; flex-direction: column; }
    body.tn2 .tn2-division .custom-tab { flex: 1 1 auto; }
}

/* ---- Pre-footer + footer: no stray strips ---- */
body.tn2 .tn24-prefooter { margin-top: 0 !important; }
body.tn2 .tn24-footer { margin-top: 0 !important; }
body.tn2 .tn24-footer__bar.root { margin-bottom: 0 !important; }

/* ---- Mobile ---- */
@media (max-width: 767px) {
    body.tn2 { --tn2-gap: 14px; padding-bottom: calc(52px + env(safe-area-inset-bottom)); }
    /* rows must match the 12px container padding (was -15px → 3px sideways scroll) */
    body.tn2 .container > .row, body.tn2 .tn2-home .row, body.tn2 .tn24-prefooter .row, body.tn2 .tn24-footer .row, body.tn2 .singlepage-section .row { margin-left: -12px !important; margin-right: -12px !important; }
    body.tn2 .container > .row > [class*="col-"], body.tn2 .tn2-home .row > [class*="col-"], body.tn2 .tn24-prefooter .row > [class*="col-"], body.tn2 .tn24-footer .row > [class*="col-"], body.tn2 .singlepage-section .row > [class*="col-"] { padding-left: 12px !important; padding-right: 12px !important; }
    body.tn2 .tn2-home { padding-top: 10px; }
    body.tn2 .tn2-box { padding: 12px 12px 2px; }
    body.tn2 .tn2-box__head { margin-bottom: 10px; padding-bottom: 9px; }
    body.tn2 .tn2-li { padding: 9px 0; }
    body.tn2 .tn2-adband { padding: 6px 0 8px; }
    body.tn2 .tn2-subleads { gap: 10px; margin-top: 12px; }
    body.tn2 .tn2-hero__grid { gap: var(--tn2-gap); }
    body.tn2 .tn2-tabs__panel { max-height: 470px; }

    body.tn2 .tn2-division .tab_list { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 9px 10px !important; }
    body.tn2 .tn2-division .tab_list::-webkit-scrollbar { display: none; }
    body.tn2 .tn2-division .tab_list li { flex: 0 0 auto; }
    body.tn2 .tn2-division .tab_list li a { white-space: nowrap; font-size: 14px !important; padding: 5px 12px !important; }
    body.tn2 .tn2-division .tab-content { padding: 10px; }
    body.tn2 .tn2-division .tab-content .row[class*="load_tab"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    body.tn2 .tn2-division .exclisive_news .content-padding { padding: 6px 8px 8px !important; }
    body.tn2 .tn2-division .exclisive_news .hadding_02 a { font-size: 14px !important; line-height: 1.4 !important; }
    body.tn2 .tn2-division .homePageSideSvg svg#Layer_1 { height: 260px !important; }

    body.tn2 .tn24-prefooter__widget-row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; width: 100%; }
    body.tn2 .tn24-prefooter__widget-row > [class*="col-"] > * { width: 100%; }

    /* bottom tab bar: fixed 52px; sticky ad sits right on top of it and is ~30% slimmer */
    body.tn2 .tn2-tabbar { height: calc(52px + env(safe-area-inset-bottom)); padding: 0 0 env(safe-area-inset-bottom); align-items: center; }
    body.tn2 .tn2-sticky-ad:not([hidden]) { bottom: calc(52px + env(safe-area-inset-bottom)); width: auto; padding: 4px 4px 3px; border-radius: 10px 10px 0 0; }
    body.tn2 .tn2-sticky-ad .tn24-ad-link { display: block; line-height: 0; }
    body.tn2 .tn2-sticky-ad img { width: 256px; max-width: calc(100vw - 16px); height: auto; border-radius: 6px; }
    body.tn2 .tn2-sticky-ad .tn2-ad__label { position: absolute; left: 8px; top: 7px; z-index: 2; margin: 0; padding: 1px 5px; border-radius: 3px; background: rgba(0,0,0,.5); color: #fff; font-size: 9px; line-height: 1.3; }
    body.tn2 .tn2-sticky-ad__close { top: -10px; right: -8px; width: 22px; height: 22px; font: 700 15px/22px Arial; }
    body.tn2.tn2-has-sticky { padding-bottom: calc(142px + env(safe-area-inset-bottom)); }
    body.tn2 .scrollToTop { bottom: 64px !important; }
    body.tn2.tn2-has-sticky .scrollToTop { bottom: 152px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    body.tn2 .tn2-division .tab-content .row[class*="load_tab"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
body.tn2 .tn2-division .tab-pane, body.tn2 .tn2-division .tab_list li { background: transparent !important; }
@media (min-width: 768px) {
    body.tn2 .tn2-adband__row.is-pair .tn2-ad { max-width: none; }
    body.tn2 .tn2-adband__row.is-pair .tn2-ad img { width: 100%; }
}
body.tn2 .tn2-special .tn24-home-special-row__grid > [class*="col-"],
body.tn2 .tn2-division .section_seven > .container > .row > [class*="col-"] { min-width: 0; }
@media (max-width: 1199px) {
    body.tn2 .tn2-special .tn24-home-special-row__grid > [class*="col-"] { flex: 0 0 100%; max-width: 100%; width: 100%; }
}
@media (max-width: 991px) {
    body.tn2 .tn2-division .section_seven > .container > .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; width: 100%; }
}

/* ---- Header rows share the 1240px content grid (were 1170px → logo/menu/ticker sat ~35px inside the page edge) ---- */
html body.tn2 #tn24SiteHeader .container.tn24-header__center { max-width: 1240px !important; }
@media (min-width: 1200px) { html body.tn2 #tn24SiteHeader .container.tn24-header__center { width: 1240px !important; } }
body.tn2 #tn24SiteHeader .scrrol_section { padding: 12px 0 0 !important; }
body.tn2 #tn24SiteHeader .scrrol_section .scrool { margin: 0 15px !important; width: auto !important; }

/* ---- Opinion list a little denser so the video TV isn't over-stretched ---- */
body.tn2 .tn2-special .tn24-home-special-row { --tn24-opinion-avatar-size: 62px; --tn24-opinion-title-size: 1.05rem; --tn24-opinion-meta-size: .9rem; }
body.tn2 .tn2-special .tn24-home-opinion-item { padding-top: .55rem !important; padding-bottom: .55rem !important; }

@media (max-width: 767px) {
    html body.tn2 #tn24SiteHeader .container.tn24-header__center { padding-left: 12px !important; padding-right: 12px !important; }
    body.tn2 #tn24SiteHeader .scrrol_section { padding: 10px 0 0 !important; }
    body.tn2 #tn24SiteHeader .scrrol_section .row { margin-left: -12px !important; margin-right: -12px !important; }
    body.tn2 #tn24SiteHeader .scrrol_section .scrool { margin: 0 12px !important; }
    body.tn2 #tn24SiteHeader .header_logo img { max-height: 52px; }
    /* division grid: first story spans both columns → no orphan card on the last row */
    body.tn2 .tn2-division .tab-content .row[class*="load_tab"] > :nth-child(1 of [class*="col-"]) { grid-column: 1 / -1; }
    body.tn2 .tn2-division .tab-content .row[class*="load_tab"] > :nth-child(1 of [class*="col-"]) .hadding_02 a { font-size: 16px !important; }
}

/* =====================================================================
   v2.0 News Details (2026-10-08) — Figma "07 News Details (v2)"
   Markup: resources/views/frontend/details-v2.blade.php (.tn2a)
   ===================================================================== */
body.tn2 .tn2a { padding: 16px 0 var(--tn2-gap, 20px); }
body.tn2 .tn2a *, body.tn2 .tn2a *::before, body.tn2 .tn2a *::after { box-sizing: border-box; }
body.tn2 .tn2a-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
body.tn2 .tn2a-main { min-width: 0; display: flex; flex-direction: column; gap: var(--tn2-gap, 20px); }
body.tn2 .tn2a-card { background: #fff; border-radius: 14px; box-shadow: var(--tn2-shadow); padding: 20px; min-width: 0; }
body.tn2 .tn2a-article { padding: 26px 40px 30px; }

/* breadcrumb + labels */
body.tn2 .tn2a-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 500 13.5px/1.4 var(--tn2-ui); color: var(--tn2-muted); margin-bottom: 14px; }
body.tn2 .tn2a-crumb a { color: var(--tn2-muted) !important; text-decoration: none !important; }
body.tn2 .tn2a-crumb a:hover { color: var(--tn2-red) !important; }
body.tn2 .tn2a-crumb__sep { color: #C0C4CC; }
body.tn2 .tn2a-labels { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 12px; }
body.tn2 .tn2a-cat { display: inline-block; background: var(--tn2-red); color: #fff !important; font: 600 13px/1 var(--tn2-ui); padding: 7px 11px; border-radius: 5px; text-decoration: none !important; }
body.tn2 .tn2a-cat:hover { background: var(--tn2-red-d); }
body.tn2 .tn2a-kicker { color: var(--tn2-green); font: 600 14px/1.3 var(--tn2-ui); }

/* headline */
body.tn2 .tn2a h1.tn2a-title { font: 700 38px/1.36 var(--tn2-head) !important; color: var(--tn2-text) !important; margin: 0 0 18px !important; letter-spacing: -.005em; text-align: left; }

/* byline */
body.tn2 .tn2a-byline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 14px 0; border-top: 1px solid var(--tn2-line); border-bottom: 1px solid var(--tn2-line); }
body.tn2 .tn2a-author { display: flex; align-items: center; gap: 12px; min-width: 0; }
body.tn2 .tn2a-avatar { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: var(--tn2-green); color: #fff !important; display: inline-flex; align-items: center; justify-content: center; font: 700 16px/1 var(--tn2-ui); text-decoration: none !important; }
body.tn2 .tn2a-avatar img { width: 100%; height: 100%; object-fit: cover; }
body.tn2 .tn2a-avatar--lg { flex-basis: 64px; width: 64px; height: 64px; font-size: 21px; }
body.tn2 .tn2a-author__txt { min-width: 0; }
body.tn2 .tn2a-author__name { font: 700 15.5px/1.35 var(--tn2-ui); color: var(--tn2-text); }
body.tn2 .tn2a-author__name a { color: var(--tn2-text) !important; text-decoration: none !important; }
body.tn2 .tn2a-author__name a:hover { color: var(--tn2-red) !important; }
body.tn2 .tn2a-verified { color: #1D9BF0; margin-left: 3px; font-size: 14px; }
body.tn2 .tn2a-author__role { display: inline-block; font-weight: 500; color: var(--tn2-muted); font-size: 13.5px; margin-left: 6px; }
body.tn2 .tn2a-author__role::before { content: '·'; margin-right: 6px; color: #C0C4CC; }
body.tn2 .tn2a-author__time { font: 400 13px/1.4 var(--tn2-ui); color: var(--tn2-muted); margin-top: 3px; }
body.tn2 .tn2a-author__time .fa { margin-right: 3px; }
body.tn2 .tn2a-stats { display: flex; flex-wrap: wrap; gap: 8px; }
body.tn2 .tn2a-pill { display: inline-flex; align-items: center; gap: 6px; background: #F3F4F6; color: #374151; font: 500 13px/1 var(--tn2-ui); padding: 7px 11px; border-radius: 999px; white-space: nowrap; }
body.tn2 .tn2a-pill--green { background: #E7F6EE; color: var(--tn2-green-d); }

/* share + tools bar */
body.tn2 .tn2a-toolbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; padding: 14px 0 18px; }
body.tn2 .tn2a-share, body.tn2 .tn2a-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.tn2 .tn2a-sbtn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 36px; min-width: 36px; padding: 0 11px; border-radius: 8px; border: 0; color: #fff !important; font: 600 13.5px/1 var(--tn2-ui); text-decoration: none !important; cursor: pointer; transition: filter .15s, transform .15s; }
body.tn2 .tn2a-sbtn:hover { filter: brightness(.92); transform: translateY(-1px); }
body.tn2 .tn2a-sbtn .fa { font-size: 16px; }
body.tn2 .tn2a-sbtn--fb, body.tn2 .tn2a-fshare .tn2a-sbtn--fb, body.tn2 .tn2a-circ.tn2a-sbtn--fb { background: #1877F2; }
body.tn2 .tn2a-sbtn--wa, body.tn2 .tn2a-fshare .tn2a-sbtn--wa, body.tn2 .tn2a-circ.tn2a-sbtn--wa { background: #25D366; }
body.tn2 .tn2a-sbtn--x, body.tn2 .tn2a-fshare .tn2a-sbtn--x, body.tn2 .tn2a-circ.tn2a-sbtn--x { background: #111; }
body.tn2 .tn2a-sbtn--ms { background: linear-gradient(135deg, #0A7CFF, #A033FF 70%, #FF5C87); }
body.tn2 .tn2a-sbtn--ghost { background: #F3F4F6; color: #374151 !important; }
body.tn2 .tn2a-sbtn--ghost:hover { background: #E5E7EB; filter: none; }
body.tn2 .tn2a-listen { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 13px; border-radius: 999px; border: 1px solid #FBD5D7; background: #FEF2F2; color: var(--tn2-red); font: 600 13.5px/1 var(--tn2-ui); cursor: pointer; }
body.tn2 .tn2a-listen small { font-size: 12px; color: #9B1C22; opacity: .75; font-weight: 500; }
body.tn2 .tn2a-listen.is-playing { background: var(--tn2-red); color: #fff; border-color: var(--tn2-red); }
body.tn2 .tn2a-listen.is-playing small { color: #fff; }
body.tn2 .tn2a-font { display: inline-flex; border: 1px solid var(--tn2-line); border-radius: 8px; overflow: hidden; }
body.tn2 .tn2a-font button { height: 34px; min-width: 38px; border: 0; background: #fff; color: #374151; font: 600 15px/1 var(--tn2-ui); cursor: pointer; padding: 0 8px; }
body.tn2 .tn2a-font button + button { border-left: 1px solid var(--tn2-line); }
body.tn2 .tn2a-font button sup { font-size: 11px; top: -.4em; margin-left: 1px; }
body.tn2 .tn2a-font button.is-active { background: #F3F4F6; color: var(--tn2-red); }
body.tn2 .tn2a-toast { position: absolute; left: 50%; top: -6px; transform: translate(-50%, -100%); background: #111827; color: #fff; font: 500 13px/1 var(--tn2-ui); padding: 9px 13px; border-radius: 8px; z-index: 5; white-space: nowrap; box-shadow: 0 6px 18px rgba(0,0,0,.2); }
body.tn2 .tn2a-toast[hidden] { display: none; }

/* hero */
body.tn2 .tn2a-hero { margin: 0 0 22px; }
body.tn2 .tn2a-hero img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; background: #E5E7EB; }
body.tn2 .tn2a-hero figcaption { display: flex; justify-content: flex-end; gap: 12px; font: 400 13px/1.5 var(--tn2-ui); color: var(--tn2-muted); padding: 8px 2px 0; }
body.tn2 .tn2a-hero figcaption a { color: var(--tn2-muted) !important; }
body.tn2 .tn2a-audio { width: 100%; margin: 0 0 18px; }

/* body copy — overrides pasted inline styles (font, size, grey backgrounds) */
body.tn2 .tn2a-body { --tn2a-base: 18px; font: 400 calc(var(--tn2a-base) + var(--tn2a-step, 0) * 2px)/1.78 var(--tn2-ui) !important; color: #1F2937; max-width: 760px; overflow-wrap: break-word; }
body.tn2 .tn2a-body p, body.tn2 .tn2a-body span, body.tn2 .tn2a-body font, body.tn2 .tn2a-body div:not(.tn2a-inad):not(.tn2a-inad__d):not(.tn2a-inad__m), body.tn2 .tn2a-body li {
    font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; background-color: transparent !important; color: inherit !important;
}
body.tn2 .tn2a-body p { margin: 0 0 1.05em !important; padding: 0 !important; text-align: left; }
body.tn2 .tn2a-body > p:first-of-type { font-size: 1.04em !important; color: #111827 !important; }
body.tn2 .tn2a-body b, body.tn2 .tn2a-body strong { font-weight: 700; }
body.tn2 .tn2a-body a { color: var(--tn2-red) !important; text-decoration: underline; text-underline-offset: 3px; }
body.tn2 .tn2a-body img { max-width: 100% !important; height: auto !important; border-radius: 10px; display: block; margin: 6px auto; }
body.tn2 .tn2a-body figure { margin: 1.2em 0; max-width: 100%; }
body.tn2 .tn2a-body figcaption { font: 400 13px/1.5 var(--tn2-ui); color: var(--tn2-muted); margin-top: 6px; }
body.tn2 .tn2a-body iframe, body.tn2 .tn2a-body video, body.tn2 .tn2a-body embed { max-width: 100% !important; border-radius: 10px; }
body.tn2 .tn2a-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: .9em; }
body.tn2 .tn2a-body td, body.tn2 .tn2a-body th { border: 1px solid var(--tn2-line); padding: 6px 9px; }
body.tn2 .tn2a-body h2, body.tn2 .tn2a-body h3, body.tn2 .tn2a-body h4 { font-family: var(--tn2-head) !important; font-weight: 700; color: var(--tn2-text); line-height: 1.4; margin: 1.3em 0 .5em; }
body.tn2 .tn2a-body h2 { font-size: 1.35em; } body.tn2 .tn2a-body h3 { font-size: 1.2em; } body.tn2 .tn2a-body h4 { font-size: 1.08em; }
body.tn2 .tn2a-body ul, body.tn2 .tn2a-body ol { padding-left: 1.3em; margin: 0 0 1.05em; }
body.tn2 .tn2a-body blockquote {
    position: relative; margin: 1.4em 0 !important; padding: 18px 22px 18px 58px !important; background: #FDF2F2 !important; border: 0 !important; border-left: 5px solid #8B1218 !important;
    border-radius: 0 12px 12px 0; font: 600 1.06em/1.65 var(--tn2-head) !important; color: #3B0A0D !important;
}
body.tn2 .tn2a-body blockquote::before { content: '\201C'; position: absolute; left: 16px; top: 4px; font: 700 54px/1 Georgia, serif; color: var(--tn2-red); opacity: .55; }
body.tn2 .tn2a-body blockquote p { margin: 0 0 .4em !important; }
body.tn2 .tn2a-body blockquote cite, body.tn2 .tn2a-body blockquote footer { display: block; font: 500 14px/1.4 var(--tn2-ui); color: #7F1D1D; font-style: normal; margin-top: 6px; }

/* in-article ads */
body.tn2 .tn2a-inad { margin: 1.4em 0 1.6em; padding: 10px 0 12px; border-top: 1px solid var(--tn2-line); border-bottom: 1px solid var(--tn2-line); text-align: center; line-height: 0; }
body.tn2 .tn2a-inad .tn2-ad__label { line-height: 1.2; }
body.tn2 .tn2a-inad img { max-width: 100% !important; height: auto !important; border-radius: 6px; margin: 0 auto; display: inline-block; }
body.tn2 .tn2a-inad--728 img { width: 728px; }
body.tn2 .tn2a-inad--300 img { width: 300px; }
body.tn2 .tn2a-inad__m img { width: 320px; }
body.tn2 .tn2a-only-m { display: none; }

/* «আরও পড়ুন» */
body.tn2 .tn2a-body a.tn2a-readmore, body.tn2 a.tn2a-readmore {
    display: flex; align-items: center; gap: 14px; margin: 1.3em 0 1.5em; padding: 12px 16px 12px 12px; border: 1px solid #DCE6F2; background: #F4F8FC !important;
    border-radius: 12px; text-decoration: none !important; color: var(--tn2-text) !important; line-height: 1.4;
}
body.tn2 .tn2a-readmore__img { flex: 0 0 120px; width: 120px; height: 80px; border-radius: 8px; overflow: hidden; background: #E5E7EB; }
body.tn2 .tn2a-body .tn2a-readmore__img img { width: 100%; height: 100% !important; object-fit: cover; margin: 0; border-radius: 0; }
body.tn2 .tn2a-readmore__body { flex: 1 1 auto; min-width: 0; display: flex !important; flex-direction: column; gap: 3px; }
body.tn2 .tn2a-body .tn2a-readmore__kicker { color: var(--tn2-red) !important; font: 700 13px/1.2 var(--tn2-ui) !important; }
body.tn2 .tn2a-body .tn2a-readmore__title { font: 700 17px/1.45 var(--tn2-head) !important; color: var(--tn2-text) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.tn2 .tn2a-body .tn2a-readmore__meta { font: 400 12.5px/1.3 var(--tn2-ui) !important; color: var(--tn2-muted) !important; }
body.tn2 .tn2a-readmore__go { flex: 0 0 auto; color: var(--tn2-red); font-size: 16px; }
body.tn2 a.tn2a-readmore:hover .tn2a-readmore__title { color: var(--tn2-red) !important; }

/* after-body blocks */
body.tn2 .tn2a-approved { font: 500 14px/1.5 var(--tn2-ui); color: var(--tn2-muted); margin: 6px 0 14px; }
body.tn2 .tn2a-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0 6px; }
body.tn2 .tn2a-tags__label { font: 600 14px/1 var(--tn2-ui); color: var(--tn2-muted); margin-right: 2px; }
body.tn2 .tn2a-tags a { background: #F3F4F6; color: #374151 !important; font: 500 13.5px/1 var(--tn2-ui); padding: 8px 13px; border-radius: 999px; text-decoration: none !important; }
body.tn2 .tn2a-tags a:hover { background: #FEE2E2; color: var(--tn2-red) !important; }
body.tn2 .tn2a-bottomad:empty { display: none; }
body.tn2 .tn2a-bottomad .tn24-ad-slot { margin: 18px 0 0 !important; padding: 0 !important; text-align: center; background: transparent !important; }
body.tn2 .tn2a-bottomad img { max-width: 100%; height: auto; border-radius: 6px; }
body.tn2 .tn2a-share2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; padding: 14px 18px; background: #F6F7F9; border-radius: 12px; }
body.tn2 .tn2a-share2 > span { font: 600 15px/1.4 var(--tn2-ui); color: var(--tn2-text); }
body.tn2 .tn2a-share2__btns { display: flex; align-items: center; gap: 8px; }
body.tn2 .tn2a-circ { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff !important; font-size: 16px; text-decoration: none !important; }
body.tn2 .tn2a-copy2 { height: 38px; padding: 0 14px; border-radius: 8px; border: 0; background: var(--tn2-red); color: #fff; font: 600 13.5px/1 var(--tn2-ui); cursor: pointer; }
body.tn2 .tn2a-copy2:hover { background: var(--tn2-red-d); }
body.tn2 .tn2a-authorbox { display: flex; gap: 16px; align-items: flex-start; margin-top: 20px; padding: 18px; border: 1px solid var(--tn2-line); border-radius: 12px; }
body.tn2 .tn2a-authorbox__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
body.tn2 .tn2a-authorbox__label { font: 500 12.5px/1.3 var(--tn2-ui); color: var(--tn2-muted); }
body.tn2 .tn2a-authorbox__name { font: 700 19px/1.3 var(--tn2-head); color: var(--tn2-text); }
body.tn2 .tn2a-authorbox__role { font: 400 14px/1.5 var(--tn2-ui); color: #4B5563; }
body.tn2 .tn2a-btn { align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; height: 34px; padding: 0 14px; border-radius: 8px; font: 600 13.5px/1 var(--tn2-ui); text-decoration: none !important; }
body.tn2 .tn2a-btn--green { background: var(--tn2-green); color: #fff !important; }
body.tn2 .tn2a-btn--green:hover { background: var(--tn2-green-d); }
body.tn2 .tn2a-follow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; }
body.tn2 .tn2a-follow a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; text-decoration: none !important; }
body.tn2 .tn2a-follow a > .fa { font-size: 26px; flex: 0 0 auto; }
body.tn2 .tn2a-follow a > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.tn2 .tn2a-follow b { font: 700 15px/1.3 var(--tn2-ui); }
body.tn2 .tn2a-follow small { font: 400 12.5px/1.3 var(--tn2-ui); color: var(--tn2-muted); }
body.tn2 .tn2a-follow__gn { background: #FEF2F2; color: var(--tn2-red) !important; }
body.tn2 .tn2a-follow__fb { background: #EEF4FF; color: #1877F2 !important; }
body.tn2 a.tn2a-next { display: none; }

/* comments card (reuses post-engagement partial) */
body.tn2 .tn2a-comments { padding: 22px 26px; }
body.tn2 .tn2a-comments:not(:has(.tn24-engage)) { display: none; }
body.tn2 .tn2a-comments .tn24-engage { margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
body.tn2 .tn2a-comments .tn24-engage__title { font: 700 19px/1.3 var(--tn2-head) !important; }

/* section heads */
body.tn2 .tn2a-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
body.tn2 .tn2a .tn2a-head h2 { margin: 0 !important; font: 700 21px/1.25 var(--tn2-head) !important; color: var(--tn2-text) !important; padding-left: 11px; border-left: 4px solid var(--tn2-red); }
body.tn2 .tn2a-head a { color: var(--tn2-red) !important; font: 600 13.5px/1 var(--tn2-ui); white-space: nowrap; text-decoration: none !important; }
body.tn2 .tn2a .tn2a-head--sm h2 { font-size: 17px !important; }

/* related grid */
body.tn2 .tn2a-rgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.tn2 .tn2a-rcard { display: flex; flex-direction: column; text-decoration: none !important; color: var(--tn2-text) !important; min-width: 0; }
body.tn2 .tn2a-rcard__img { display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #E5E7EB; }
body.tn2 .tn2a-rcard__img img, body.tn2 .tn2a-mitem__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
body.tn2 .tn2a-rcard:hover img, body.tn2 .tn2a-mitem:hover img { transform: scale(1.04); }
body.tn2 .tn2a-rcard__body { display: flex; flex-direction: column; gap: 5px; padding-top: 10px; }
body.tn2 .tn2a-rcard__cat { align-self: flex-start; background: var(--tn2-red); color: #fff; font: 600 11.5px/1 var(--tn2-ui); padding: 5px 8px; border-radius: 4px; }
body.tn2 .tn2a-rcard__title, body.tn2 .tn2a-mitem__title { font: 600 16px/1.45 var(--tn2-head); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.tn2 .tn2a-rcard:hover .tn2a-rcard__title, body.tn2 .tn2a-mitem:hover .tn2a-mitem__title { color: var(--tn2-red); }
body.tn2 .tn2a-rcard__meta { font: 400 12.5px/1.3 var(--tn2-ui); color: var(--tn2-muted); }
body.tn2 .tn2a-mgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; }
body.tn2 .tn2a-mitem { display: flex; gap: 12px; align-items: flex-start; text-decoration: none !important; color: var(--tn2-text) !important; min-width: 0; }
body.tn2 .tn2a-mitem__img { flex: 0 0 110px; width: 110px; height: 74px; border-radius: 8px; overflow: hidden; background: #E5E7EB; }
body.tn2 .tn2a-mitem__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
body.tn2 .tn2a-mitem__title { font-size: 15px; -webkit-line-clamp: 2; }

/* sidebar */
body.tn2 .tn2a-aside { min-width: 0; align-self: stretch; }
body.tn2 .tn2a-aside__inner { position: sticky; top: 70px; display: flex; flex-direction: column; gap: var(--tn2-gap, 20px); }
body.tn2 .tn2a-sidead { text-align: center; line-height: 0; }
body.tn2 .tn2a-sidead .tn2-ad__label { line-height: 1.2; }
body.tn2 .tn2a-sidead img { width: 300px; max-width: 100%; height: auto; border-radius: 8px; }
body.tn2 .tn2a-sidead .tn24-ad-slot { margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
body.tn2 .tn2a-sidead .tn24-ad-link + .tn24-ad-link { display: block; margin-top: 12px; }
body.tn2 .tn2a-sidead--250:not(:has(img, iframe, ins, script)) { display: none; }
body.tn2 .tn2a-tabs .tn2-tabs__panel { max-height: none; }
body.tn2 .tn2a-mostread { padding: 16px; }
body.tn2 .tn2a-mostread ol { list-style: none; margin: 0; padding: 0; }
body.tn2 .tn2a-mostread li + li { border-top: 1px solid #F0F1F3; }
body.tn2 .tn2a-mostread li a { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; color: var(--tn2-text) !important; text-decoration: none !important; font: 500 15px/1.45 var(--tn2-ui); }
body.tn2 .tn2a-mostread li a:hover { color: var(--tn2-red) !important; }
body.tn2 .tn2a-mostread__n { flex: 0 0 26px; height: 26px; border-radius: 50%; background: #FEE2E2; color: var(--tn2-red); display: inline-flex; align-items: center; justify-content: center; font: 700 13px/1 var(--tn2-ui); margin-top: 1px; }
body.tn2 .tn2a-poll { padding: 16px; }
body.tn2 .tn2a-poll__q { font: 600 15px/1.5 var(--tn2-ui); margin: 0 0 10px; }
body.tn2 .tn2a-poll__opt { position: relative; display: flex; width: 100%; justify-content: space-between; gap: 8px; margin-bottom: 8px; padding: 10px 12px; border: 1px solid var(--tn2-line); border-radius: 8px; background: linear-gradient(90deg, #FEE2E2 var(--pct, 0%), #fff var(--pct, 0%)); font: 500 14px/1.35 var(--tn2-ui); color: var(--tn2-text); text-align: left; cursor: pointer; }
body.tn2 .tn2a-poll__opt:hover { border-color: var(--tn2-red); }
body.tn2 .tn2a-poll__total { font: 400 13.5px/1.3 var(--tn2-ui); color: var(--tn2-muted); text-align: right; }

/* floating share (mobile only) */
body.tn2 .tn2a-fshare { display: none; }

/* ---- tablet ---- */
@media (max-width: 1199px) {
    body.tn2 .tn2a-article { padding: 24px 28px 28px; }
    body.tn2 .tn2a h1.tn2a-title { font-size: 34px !important; }
}
@media (max-width: 991px) {
    body.tn2 .tn2a-grid { grid-template-columns: minmax(0, 1fr); }
    body.tn2 .tn2a-aside__inner { position: static; display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
    body.tn2 .tn2a-sidead--600 { display: none; }
    body.tn2 .tn2a-body { max-width: none; }
}

/* ---- mobile ---- */
@media (max-width: 767px) {
    body.tn2 .tn2a { padding-top: 10px; }
    body.tn2 .tn2a > .container { padding-left: 12px; padding-right: 12px; }
    body.tn2 .tn2a-article { padding: 16px 16px 20px; border-radius: 12px; }
    body.tn2 .tn2a-card { padding: 14px; }
    body.tn2 .tn2a-crumb { font-size: 13px; margin-bottom: 10px; }
    body.tn2 .tn2a-labels { margin-bottom: 8px; }
    body.tn2 .tn2a h1.tn2a-title { font-size: 25px !important; line-height: 1.42 !important; margin-bottom: 14px !important; }
    body.tn2 .tn2a-byline { padding: 11px 0; gap: 10px; }
    body.tn2 .tn2a-avatar { flex-basis: 40px; width: 40px; height: 40px; font-size: 14px; }
    body.tn2 .tn2a-author__name { font-size: 14.5px; }
    body.tn2 .tn2a-author__role { display: block; margin: 1px 0 0; font-size: 12.5px; }
    body.tn2 .tn2a-author__role::before { display: none; }
    body.tn2 .tn2a-author__time { font-size: 12.5px; }
    body.tn2 .tn2a-pill { font-size: 12px; padding: 6px 9px; }
    body.tn2 .tn2a-toolbar { padding: 12px 0 14px; gap: 8px; }
    body.tn2 .tn2a-share, body.tn2 .tn2a-tools { gap: 6px; }
    body.tn2 .tn2a-sbtn { height: 34px; min-width: 34px; padding: 0 9px; }
    body.tn2 .tn2a-sbtn--fb span, body.tn2 .tn2a-hide-sm { display: none !important; }
    body.tn2 .tn2a-listen { height: 34px; padding: 0 11px; }
    body.tn2 .tn2a-font button { height: 32px; min-width: 32px; padding: 0 6px; }
    body.tn2 .tn2a-hero { margin: 0 -16px 16px; }
    body.tn2 .tn2a-hero img { border-radius: 0; }
    body.tn2 .tn2a-hero figcaption { padding: 6px 16px 0; font-size: 12px; }
    body.tn2 .tn2a-body { --tn2a-base: 17px; line-height: 1.76 !important; }
    body.tn2 .tn2a-body blockquote { padding: 14px 14px 14px 44px !important; }
    body.tn2 .tn2a-body blockquote::before { left: 10px; font-size: 42px; }
    body.tn2 .tn2a-only-d { display: none; }
    body.tn2 .tn2a-only-m { display: block; }
    body.tn2 .tn2a-inad { margin-left: -4px; margin-right: -4px; }
    body.tn2 .tn2a-readmore { gap: 11px; padding: 10px; }
    body.tn2 .tn2a-readmore__img { flex-basis: 84px; width: 84px; height: 64px; }
    body.tn2 .tn2a-body .tn2a-readmore__title { font-size: 15.5px !important; }
    body.tn2 .tn2a-share2 { padding: 12px 14px; }
    body.tn2 .tn2a-share2 > span { font-size: 14px; }
    body.tn2 .tn2a-authorbox { padding: 14px; gap: 12px; background: #F6F7F9; border: 0; }
    body.tn2 .tn2a-avatar--lg { flex-basis: 52px; width: 52px; height: 52px; font-size: 18px; }
    body.tn2 .tn2a-follow { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    body.tn2 a.tn2a-next { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding: 14px 16px; background: #E7F6EE; border-radius: 12px; text-decoration: none !important; color: var(--tn2-text) !important; }
    body.tn2 a.tn2a-next span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
    body.tn2 a.tn2a-next small { color: var(--tn2-green-d); font: 600 12.5px/1.2 var(--tn2-ui); }
    body.tn2 a.tn2a-next b { font: 700 16px/1.45 var(--tn2-head); }
    body.tn2 a.tn2a-next .fa { color: var(--tn2-green); font-size: 18px; }
    body.tn2 .tn2a-comments { padding: 16px 14px; }
    body.tn2 .tn2a .tn2a-head h2 { font-size: 19px !important; }
    body.tn2 .tn2a-rgrid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    body.tn2 .tn2a-rcard { flex-direction: row; gap: 12px; }
    body.tn2 .tn2a-rcard__img { flex: 0 0 116px; width: 116px; height: 78px; aspect-ratio: auto; border-radius: 8px; }
    body.tn2 .tn2a-rcard__body { padding-top: 0; min-width: 0; }
    body.tn2 .tn2a-rcard__cat { display: none; }
    body.tn2 .tn2a-rcard__title { font-size: 15px; }
    body.tn2 .tn2a-mgrid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    body.tn2 .tn2a-aside__inner { grid-template-columns: minmax(0, 1fr); gap: var(--tn2-gap, 14px); }
    body.tn2 .tn2a-fshare {
        display: flex; flex-direction: column; gap: 8px; position: fixed; right: 8px; top: 42%; z-index: 9990;
        opacity: 0; pointer-events: none; transform: translateX(16px); transition: opacity .2s, transform .2s;
    }
    body.tn2 .tn2a-fshare.is-on { opacity: 1; pointer-events: auto; transform: none; }
    body.tn2 .tn2a-fshare a { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff !important; font-size: 17px; box-shadow: 0 4px 12px rgba(0,0,0,.18); text-decoration: none !important; }
}
body.tn2 .tn2a-body .tn2-ad__label { font: 500 10.5px/1.2 var(--tn2-ui) !important; color: #9CA3AF !important; display: block; margin-bottom: 4px; }

/* v2.0.1 fixes */
body.tn2 .tn2a-avatar { position: relative; }
body.tn2 .tn2a-avatar img { position: absolute; inset: 0; }
body.tn2 .tn2a-sidead img, body.tn2 .tn2a-inad img, body.tn2 .tn2a-bottomad img { max-height: none !important; height: auto !important; object-fit: contain; }
body.tn2 .tn2a-sidead .widget_section { height: auto !important; max-height: none !important; overflow: visible !important; }
body.tn2 .tn2a-comments .tn24-engage__login-hint, body.tn2 .tn2a-comments .tn24-engage__policy, body.tn2 .tn2a-comments .tn24-engage__empty { font: 400 14px/1.5 var(--tn2-ui) !important; color: var(--tn2-muted) !important; }
body.tn2 .tn2a-comments .tn24-engage__policy { color: var(--tn2-red) !important; font-weight: 600 !important; text-decoration: none !important; }
body.tn2 .tn2a-comments .tn24-engage__guest {
    display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 12px 0; padding: 7px 7px 7px 16px;
    background: #F6F7F9; border: 1px solid var(--tn2-line); border-radius: 999px; font: 400 14.5px/1.4 var(--tn2-ui) !important; color: var(--tn2-muted) !important;
}
body.tn2 .tn2a-comments .tn24-engage__guest a { flex: 0 0 auto; background: var(--tn2-red); color: #fff !important; padding: 9px 16px; border-radius: 999px; font-weight: 600; text-decoration: none !important; }
body.tn2 .tn2a-comments .tn24-engage__reactions { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--tn2-line); }
body.tn2 .tn2a-comments .tn24-engage__react { font-size: 15px !important; padding: 6px 12px !important; border-radius: 999px !important; }

/* v2.0.2 QA fixes (2026-10-08): mobile header */
/* X/Twitter icon was white (invert filter) on the light redesign top bar */
body.tn2 #tn24SiteHeader .top_hdr_social a.twitter img,
body.tn2 #tn24SiteHeader .tn24-header__top a.twitter img { filter: brightness(0) !important; opacity: .78; }
@media only screen and (max-width: 991px) {
    /* Home icon was absolutely positioned on top of the hamburger; place it beside it */
    body.tn2 #tn24SiteHeader .tn24-header__nav .navbar-header .navbar-toggle { order: 1; }
    body.tn2 #tn24SiteHeader .tn24-header__nav .navbar-header a.tn24-nav-home-link.tn24-nav-home-link--mobile {
        position: static !important; left: auto !important; top: auto !important; transform: none !important;
        order: 2; flex: 0 0 44px; width: 44px !important; min-height: 34px !important; height: 34px;
        margin: 6px 0 6px 2px !important; border-radius: 6px;
        padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important;
    }
    body.tn2 #tn24SiteHeader .tn24-header__nav .navbar-header a.tn24-nav-home-link--mobile i.fa-home { display: block; line-height: 1 !important; margin: 0 !important; font-size: 18px !important; }
}

/* ---------- 2026-10-09: hide "বিজ্ঞাপন"/Advertisement labels on frontend ads (ad images stay) ---------- */
body.tn2 .tn2-ad__label,
body.tn2 .tn2-sticky-ad .tn2-ad__label,
body.tn2 .tn2a-body .tn2-ad__label,
.tn2vp__adlabel { display: none !important; }
body.tn2 #tn24SiteHeader .header_logor .textwidget::before,
body.tn2 .widget_section--has-ad .textwidget::before,
body.tn2 .tn24-ad-slot .textwidget::before,
body.tn2 .tn24-ad-row .textwidget::before { content: none !important; display: none !important; }
body.tn2 #tn24SiteHeader .header_logor .textwidget { padding-top: 0 !important; }