/* =========================================================
   Click Dharan — Header, Menu (desktop + mobile), Hero meta
   ========================================================= */
:root {
    --cd-blue: #4267b2;
    --cd-blue-dark: #29487d;
    --cd-blue-soft: #eef3fc;
    --cd-green: #00a50d;
    --cd-red: #e62117;
    --cd-ink: #1f2633;
    --cd-muted: #5f6b7c;
    --cd-line: #e5e9f1;
    --cd-ease: cubic-bezier(.22, .61, .36, 1);
}

[hidden] { display: none !important; }

/* Bootstrap 3 .container clearfix pseudo-elements would become flex items */
.cdh-top-inner::before, .cdh-top-inner::after,
.cdh-brand-inner::before, .cdh-brand-inner::after,
.cdn-inner::before, .cdn-inner::after { display: none; content: none; }

/* ---------- Top bar ---------- */
.cdh-top {
    background: #fff;
    border-bottom: 1px solid var(--cd-line);
}
.cdh-top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 44px;
}
.cdh-time { flex: 0 1 420px; min-width: 0; line-height: 0; }
.cdh-time iframe, .cdn-date iframe, .cdd-date iframe {
    display: block;
    width: 100%;
    height: 38px;
    border: 0;
    overflow: hidden;
    background: transparent;
}
.cdh-unicode {
    color: var(--cd-ink);
    font: 500 16px/1 'Mukta', sans-serif;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--cd-blue-soft);
    white-space: nowrap;
    transition: background .2s, color .2s;
}
.cdh-unicode:hover, .cdh-unicode:focus { background: var(--cd-blue); color: #fff; text-decoration: none; }
.cdh-unicode .fa { margin-right: 4px; }
.cdh-yt { min-width: 150px; height: 24px; text-align: right; }

/* ---------- Logo + ad row ---------- */
.cdh-brand {
    background: linear-gradient(180deg, #f7f8fb 0%, #eef1f6 100%);
    border-bottom: 1px solid var(--cd-line);
}
.cdh-brand-inner {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-top: 22px;
    padding-bottom: 22px;
}
.cdh-logo { flex: 0 0 auto; display: block; }
.cdh-logo img { display: block; width: 300px; max-width: 100%; height: auto; }
.cdh-ad { flex: 1 1 auto; min-width: 0; text-align: right; }
.cdh-ad img { max-width: 100%; height: auto; display: inline-block; }

/* ---------- Desktop menu (sticky) ---------- */
.cdn-sentinel { height: 1px; margin-bottom: -1px; }
.cdn {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, .97);
    border-top: 4px solid var(--cd-blue);
    border-bottom: 1px solid var(--cd-line);
    transition: box-shadow .35s var(--cd-ease), border-color .35s var(--cd-ease);
}
@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
    .cdn { background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: saturate(160%) blur(8px); backdrop-filter: saturate(160%) blur(8px); }
}
.cdn.is-stuck {
    box-shadow: 0 8px 24px -10px rgba(31, 38, 51, .28);
    border-bottom-color: transparent;
}
.cdn-inner {
    display: flex;
    align-items: center;
    height: 58px;
}
/* logo + date slide in only while stuck */
.cdn-logo, .cdn-date {
    flex: 0 0 auto;
    overflow: hidden;
    opacity: 0;
    max-width: 0;
    transition: max-width .4s var(--cd-ease), opacity .3s ease, margin .4s var(--cd-ease);
}
.cdn-logo img { display: block; height: 40px; width: auto; max-width: none; }
.cdn-date { line-height: 0; }
.cdn-date iframe { width: 250px; }
.cdn.is-stuck .cdn-logo { max-width: 130px; opacity: 1; margin-right: 18px; }
.cdn.is-stuck .cdn-date { max-width: 260px; opacity: 1; margin-left: 14px; }
.cdn.is-stuck .cdn-menu > .cdn-item > a { padding: 0 10px; }

.cdn-menu {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.cdn-item { position: relative; flex: 0 0 auto; }
.cdn-item > a {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 40px;
    padding: 0 13px;
    border-radius: 8px;
    color: var(--cd-ink);
    font: 500 18px/1 'Mukta', sans-serif;
    white-space: nowrap;
    text-decoration: none;
    transition: color .2s, background .2s;
}
.cdn-item > a:hover, .cdn-item > a:focus, .cdn-item:focus-within > a {
    color: var(--cd-blue);
    background: var(--cd-blue-soft);
    text-decoration: none;
    outline: none;
}
.cdn-item.is-active > a, .cdn-item.is-active > a:hover {
    color: #fff;
    background: var(--cd-blue);
}
.cdn-caret { font-size: 15px; transition: transform .25s var(--cd-ease); }
.cdn-item.has-sub:hover > a .cdn-caret,
.cdn-item.has-sub:focus-within > a .cdn-caret,
.cdn-item.has-sub.is-open > a .cdn-caret { transform: rotate(180deg); }

/* dropdown */
.cdn-sub {
    position: absolute;
    top: calc(100% + 9px);
    left: 0;
    min-width: 220px;
    margin: 0;
    padding: 8px;
    list-style: none;
    background: #fff;
    border: 1px solid var(--cd-line);
    border-top: 3px solid var(--cd-green);
    border-radius: 10px;
    box-shadow: 0 18px 40px -12px rgba(31, 38, 51, .3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .25s var(--cd-ease), visibility 0s linear .25s;
    z-index: 5;
}
.cdn-sub::before { /* hover bridge */
    content: "";
    position: absolute;
    left: 0; right: 0; top: -13px; height: 13px;
}
.cdn-item.has-sub:hover > .cdn-sub,
.cdn-item.has-sub:focus-within > .cdn-sub,
.cdn-item.has-sub.is-open > .cdn-sub {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity .2s ease, transform .25s var(--cd-ease), visibility 0s;
}
.cdn-more > .cdn-sub, .cdn-menu > .cdn-item:last-child > .cdn-sub { left: auto; right: 0; }
.cdn-sub .cdn-item > a {
    height: auto;
    padding: 10px 12px;
    font-size: 17px;
    justify-content: space-between;
}
.cdn-sub .cdn-item.is-active > a { color: var(--cd-blue); background: var(--cd-blue-soft); }
/* nested lists inside a dropdown open in place, not as fly-outs */
.cdn-sub .cdn-sub {
    position: static;
    min-width: 0;
    padding: 0 0 4px 14px;
    border: 0;
    box-shadow: none;
    background: transparent;
    opacity: 1;
    visibility: visible;
    transform: none;
}
.cdn-sub .cdn-sub::before { display: none; }
.cdn-sub .cdn-caret { display: none; }

/* ---------- Mobile bar ---------- */
.cdm { display: none; }

/* ---------- Mobile drawer ---------- */
.cdd, .cdd-overlay { display: none; }

/* ---------- Hero meta (author + time) ---------- */
.cd-hero .taajaImage img { border-radius: 6px; }
.cd-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 14px;
    padding: 4px 30px 10px;
    color: var(--cd-muted);
    font: 500 18px/1.4 'Mukta', sans-serif;
}
.cd-hero-author { color: var(--cd-blue); font-weight: 600; }
.cd-hero-author .fa, .cd-hero-time .fa { margin-right: 5px; }
.cd-hero-time .fa { color: var(--cd-green); }
.cd-hero-dot { width: 5px; height: 5px; border-radius: 50%; background: #c3cad6; }

/* ---------- Unicode page ---------- */
.cd-unicode { padding: 24px 0; background: transparent; border: 0; }
.cd-unicode .translation { border-radius: 10px; }

/* =========================================================
   Tablet + Mobile (below 1200px)
   ========================================================= */
@media (max-width: 1199px) {
    .cdh-top, .cdn, .cdn-sentinel { display: none; }

    .cdh-brand { background: transparent; border-bottom: 0; }
    .cdh-brand-inner { padding-top: 8px; padding-bottom: 8px; display: block; }
    .cdh-logo { display: none; }
    .cdh-ad { text-align: center; }

    /* top bar with menu button + logo */
    .cdm {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1000;
        height: 62px;
        padding: 0 14px;
        background: #fff;
        box-shadow: 0 1px 0 var(--cd-line);
        transition: box-shadow .3s var(--cd-ease);
    }
    .cdm::after {
        content: "";
        position: absolute;
        left: 0; right: 0; bottom: 0;
        height: 3px;
        background: linear-gradient(90deg, var(--cd-blue) 0 60%, var(--cd-green) 60% 100%);
    }
    .cdm.is-stuck { box-shadow: 0 8px 22px -12px rgba(31, 38, 51, .45); }

    .cdm-burger {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        height: 40px;
        padding: 0 12px 0 10px;
        border: 0;
        border-radius: 10px;
        background: var(--cd-blue);
        color: #fff;
        font: 600 16px/1 'Mukta', sans-serif;
        cursor: pointer;
    }
    .cdm-burger:focus-visible { outline: 3px solid rgba(66, 103, 178, .35); outline-offset: 2px; }
    .cdm-lines { display: inline-flex; flex-direction: column; gap: 4px; width: 18px; }
    .cdm-lines span { display: block; height: 2px; border-radius: 2px; background: #fff; }
    .cdm-lines span:nth-child(2) { width: 70%; }

    .cdm-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -54%); line-height: 0; }
    .cdm-logo img { height: 42px; width: auto; max-width: 46vw; }

    .cdm-yt {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        color: var(--cd-red);
        background: #fff0ef;
        font-size: 22px;
    }
    .cdm-yt:hover, .cdm-yt:focus { color: #fff; background: var(--cd-red); text-decoration: none; }

    /* drawer */
    .cdd-overlay {
        display: block;
        position: fixed;
        top: 0; right: 0; bottom: 0; left: 0;
        z-index: 1090;
        background: rgba(15, 22, 38, .5);
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility 0s linear .3s;
    }
    .cdd {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0; bottom: 0; left: 0;
        z-index: 1100;
        width: 86vw;
        max-width: 360px;
        background: #fff;
        box-shadow: 20px 0 50px -20px rgba(15, 22, 38, .5);
        transform: translateX(-104%);
        visibility: hidden;
        transition: transform .38s var(--cd-ease), visibility 0s linear .38s;
        overscroll-behavior: contain;
    }
    .cd-drawer-open .cdd-overlay { opacity: 1; visibility: visible; transition: opacity .3s ease; }
    .cd-drawer-open .cdd { transform: none; visibility: visible; transition: transform .38s var(--cd-ease); }
    html.cd-drawer-open { overflow: hidden; }

    .cdd-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 16px;
        background: linear-gradient(135deg, var(--cd-blue) 0%, var(--cd-blue-dark) 100%);
    }
    .cdd-logo { background: #fff; border-radius: 10px; padding: 6px 10px; line-height: 0; }
    .cdd-logo img { height: 40px; width: auto; }
    .cdd-close {
        width: 40px; height: 40px;
        border: 0; border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }
    .cdd-close:hover, .cdd-close:focus { background: rgba(255, 255, 255, .3); outline: none; }

    .cdd-date { padding: 6px 16px; background: var(--cd-blue-soft); border-bottom: 1px solid var(--cd-line); line-height: 0; }

    .cdd-nav { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 8px 0; }
    .cdd-menu, .cdd-sub { list-style: none; margin: 0; padding: 0; }
    .cdd-item { border-bottom: 1px solid #f0f2f6; }
    .cdd-row { display: flex; align-items: stretch; }
    .cdd-row a {
        flex: 1 1 auto;
        display: block;
        padding: 13px 20px;
        color: var(--cd-ink);
        font: 500 18px/1.3 'Mukta', sans-serif;
        border-left: 4px solid transparent;
        text-decoration: none;
    }
    .cdd-row a:hover, .cdd-row a:focus { color: var(--cd-blue); background: #f7f9fd; outline: none; }
    .cdd-item.is-active > .cdd-row a { color: var(--cd-blue); border-left-color: var(--cd-blue); background: var(--cd-blue-soft); font-weight: 600; }
    .cdd-toggle {
        flex: 0 0 52px;
        border: 0;
        border-left: 1px solid #f0f2f6;
        background: transparent;
        color: var(--cd-muted);
        font-size: 20px;
        cursor: pointer;
    }
    .cdd-toggle .fa { transition: transform .25s var(--cd-ease); }
    .cdd-item.is-open > .cdd-row .cdd-toggle .fa { transform: rotate(180deg); color: var(--cd-blue); }
    .cdd-sub { display: none; background: #fafbfd; }
    .cdd-item.is-open > .cdd-sub { display: block; animation: cdFade .25s var(--cd-ease); }
    .cdd-sub .cdd-row a { padding-left: 36px; font-size: 17px; }
    .cdd-sub .cdd-sub .cdd-row a { padding-left: 52px; }

    .cdd-foot {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
        border-top: 1px solid var(--cd-line);
        background: #fafbfd;
    }
    .cdd-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 14px;
        border-radius: 999px;
        color: #fff;
        font: 500 15px/1 'Mukta', sans-serif;
        text-decoration: none;
    }
    .cdd-pill:hover, .cdd-pill:focus { color: #fff; text-decoration: none; filter: brightness(1.08); }
    .cdd-pill-yt { background: var(--cd-red); }
    .cdd-pill-fb { background: #1877f2; }
    .cdd-pill-uni { background: var(--cd-green); }

    .cd-hero-meta { font-size: 16px; padding: 2px 12px 8px; }
}

@media (max-width: 480px) {
    .cdm-burger-text { display: none; }
    .cdm-burger { padding: 0 11px; }
    .cdm-logo img { height: 38px; }
}

@keyframes cdFade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .cdn, .cdn-logo, .cdn-date, .cdn-sub, .cdd, .cdd-overlay, .cdm { transition: none !important; animation: none !important; }
}

/* =========================================================
   Site-wide touch-ups (Nov 2026 review)
   ========================================================= */

/* Hero excerpt */
.cd-hero .cd-hero-excerpt { color: #4a5363; font: 400 19px/1.7 'Mukta', sans-serif; padding: 0 40px; margin: 2px 0 8px; }

/* Titles never cut through the middle of a line */
.cat-taja-med-title {
    max-height: none !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* Sidebar "ताजा अपडेट / लोकप्रिय" list: full title, 2 lines max */
.cd-tablist li { display: flex; align-items: flex-start; gap: 10px; padding: 9px 4px; }
.cd-tablist li > span { flex: 0 0 auto; font-size: 15px; line-height: 27px; color: var(--cd-green); }
.cd-tablist .lokaPritya_title {
    padding-left: 0;
    font: 500 17px/27px 'Mukta', sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Page numbers: wrap on small screens (fixes sideways scroll) */
.pagination { display: flex; flex-wrap: wrap; gap: 6px; margin: 22px 0; padding: 0; }
.pagination > li { display: block; }
.pagination > li > a, .pagination > li > span {
    display: block;
    float: none;
    margin: 0;
    min-width: 40px;
    padding: 8px 12px;
    text-align: center;
    border: 1px solid var(--cd-line);
    border-radius: 8px !important;
    color: var(--cd-ink);
    font: 500 16px/1.2 'Mukta', sans-serif;
}
.pagination > li > a:hover, .pagination > li > a:focus { background: var(--cd-blue-soft); color: var(--cd-blue); border-color: var(--cd-blue-soft); }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > span { background: var(--cd-blue); border-color: var(--cd-blue); color: #fff; }
.pagination > .disabled > span, .pagination > .disabled > a { color: #a7b0bf; background: #fafbfd; }

/* Category / tag / search heading */
.categorySection h1 {
    background: none;
    color: var(--cd-blue);
    border-left: 5px solid var(--cd-blue);
    padding: 4px 14px;
    margin: 22px 0 16px;
    font: 700 28px/1.3 'Mukta', sans-serif;
}

/* Category / tag / search news cards */
.newsListSection ul li.cd-list-item {
    display: flex;
    gap: 18px;
    padding: 16px;
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid var(--cd-line);
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.newsListSection ul li.cd-list-item:hover { border-color: #d6dded; box-shadow: 0 12px 28px -18px rgba(31, 38, 51, .45); }
.cd-list-img {
    flex: 0 0 240px;
    align-self: flex-start;
    aspect-ratio: 16 / 10;
    border-radius: 8px;
    overflow: hidden;
    background: #eef1f6;
}
.newsListSection .cd-list-img img { display: block; width: 100%; height: 100%; object-fit: cover; float: none; margin: 0; }
.cd-list-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.newsListSection h3.cd-list-title { margin: 0 0 8px; font: 600 21px/1.45 'Mukta', sans-serif; }
.newsListSection h3.cd-list-title a { color: var(--cd-ink); }
.newsListSection h3.cd-list-title a:hover { color: var(--cd-blue); text-decoration: none; }
.newsListSection p.cd-list-text {
    margin: 0 0 12px;
    color: var(--cd-muted);
    font: 400 16.5px/1.65 'Mukta', sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.cd-list-meta {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    color: var(--cd-muted);
    font: 500 15px/1.4 'Mukta', sans-serif;
}
.cd-list-author { color: var(--cd-blue); font-weight: 600; }
.cd-list-meta .fa { margin-right: 3px; }
.cd-list-time .fa { color: var(--cd-green); }
.cd-list-more { margin-left: auto; color: #e5322c; font-weight: 600; white-space: nowrap; }
.cd-list-more:hover, .cd-list-more:focus { color: var(--cd-blue); text-decoration: none; }

/* Single news page */
ul.breadcrumb li { font: 400 14px 'Mukta', sans-serif; }
.cd-byline {
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    margin: 14px 0 18px;
    color: var(--cd-muted);
    font: 500 16px/1.4 'Mukta', sans-serif;
}
.cd-byline .fa { margin-right: 4px; }
.cd-byline-author { color: var(--cd-blue); font-size: 17px; font-weight: 700; }
.cd-byline-ago {
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--cd-blue-soft);
    color: var(--cd-blue);
    font-size: 14px;
}
.cd-byline-ago .fa { color: var(--cd-green); }
.singleNewsContainer .post-content img { max-width: 100%; height: auto; }

/* Phones */
@media (max-width: 767px) {
    .cd-hero .cd-hero-excerpt { padding: 0 12px; font-size: 17px; text-align: left; }

    h1.singleNewsSectionTitle { font-size: 27px; line-height: 1.4; }
    .singleNewsSectionTitle span { font-size: 20px; }
    .singleNewsContainer p, .newsCategory p {
        text-align: left !important;
        font-size: 19px;
        line-height: 1.75;
        letter-spacing: 0;
    }

    .categorySection h1 { font-size: 24px; margin-top: 14px; }
    .newsListSection ul li.cd-list-item { flex-direction: column; gap: 12px; padding: 12px; }
    .cd-list-img { flex-basis: auto; width: 100%; }
    .newsListSection h3.cd-list-title { font-size: 19px; }
    .cd-list-more { margin-left: 0; }
}

/* =========================================================
   Homepage design refresh
   ========================================================= */

/* Hide ad slots that have no ad (removes the big empty gaps) */
.ad_sec:not(:has(img, iframe, video, ins, embed, object)),
.hamro-bigyapan:not(:has(img, iframe, video, ins, embed, object)),
.hamro-bigyapan-header:not(:has(img, iframe, video, ins, embed, object)),
.hamro-bigyapan-sidebar:not(:has(img, iframe, video, ins, embed, object)) { display: none; }
.ad_sec img, .hamro-bigyapan img, .hamro-bigyapan-sidebar img { border-radius: 8px; }

/* Hero card */
.tajaImg.cd-hero {
    background: #fff;
    border: 1px solid var(--cd-line);
    border-radius: 16px;
    box-shadow: 0 18px 40px -30px rgba(31, 38, 51, .55);
    padding-bottom: 14px;
    margin-top: 22px;
    overflow: hidden;
}
.tajaImg.cd-hero h1 a { color: var(--cd-blue); transition: color .2s; }
.tajaImg.cd-hero h1 a:hover { color: var(--cd-blue-dark); }

/* Section headings */
.topic-border {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    border-bottom: 2px solid var(--cd-line);
}
.topic-border::after { display: none !important; }
.topic-border .topic-box-lg {
    position: relative;
    margin-bottom: -2px;
    padding: 0 4px 8px 16px !important;
    background: none !important;
    color: var(--cd-ink) !important;
    border-bottom: 3px solid var(--cd-blue);
    font: 700 25px/1.25 'Mukta', sans-serif !important;
}
.topic-border .topic-box-lg::before {
    content: "";
    position: absolute;
    left: 0; top: 3px; bottom: 11px; right: auto;
    width: 6px; height: auto;
    border: 0 !important;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--cd-blue) 0%, var(--cd-green) 100%);
}
.topic-border .topic-box-lg::after { display: none !important; }
.topic-border .titleAllSec {
    float: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    padding: 5px 14px !important;
    border: 0 !important;
    border-radius: 999px;
    background: var(--cd-blue-soft);
    color: var(--cd-blue) !important;
    font: 600 15px/1.2 'Mukta', sans-serif;
    transition: background .2s, color .2s;
}
.topic-border .titleAllSec::before { content: "सबै"; }
.topic-border .titleAllSec:hover { background: var(--cd-blue); color: #fff !important; text-decoration: none; }

/* Images: rounded, same shape in each grid, gentle lift on hover */
.cat-taja-img, .cat-taja-med-img, .cat-nbc1-img, .cat-nbc3-lg-img, .cat-nbc3-md-img,
.cat-nbc4-sm-img, .cat-vtn-darkbg-img, .cat-vtn-img, .nbc8Img, .nbc6-medium-img {
    border-radius: 10px;
    transition: transform .35s var(--cd-ease), box-shadow .35s var(--cd-ease), filter .35s;
}
.cat-taja-med-img, .cat-nbc1-img, .cat-nbc3-md-img, .cat-vtn-darkbg-img, .cat-vtn-img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: #eef1f6;
}
a:hover > .cat-taja-med-img, a:hover > .cat-nbc1-img, a:hover > .cat-nbc3-lg-img, a:hover > .cat-nbc3-md-img,
a:hover > .cat-nbc4-sm-img, a:hover > .cat-vtn-darkbg-img, a:hover > .cat-vtn-img, a:hover > .nbc8Img {
    transform: translateY(-3px);
    box-shadow: 0 16px 26px -18px rgba(15, 22, 38, .7);
    filter: saturate(1.08);
}

/* News titles */
.cat-taja-med-title, .cat-nbc3-md-title, .cat-nbc3-lg-title, .cat-nbc2-sm-title, .cat-nbc4-sm-title,
.cat-vtn-darkbg-title, .cat-vtn-title, .nbc5-title, .nbc8Title {
    color: var(--cd-ink) !important;
    font-weight: 600 !important;
    transition: color .2s;
}
.cat-taja-med-title:hover, .cat-nbc3-md-title:hover, .cat-nbc3-lg-title:hover, .cat-nbc2-sm-title:hover,
.cat-nbc4-sm-title:hover, .cat-vtn-darkbg-title:hover, .cat-vtn-title:hover, .nbc5-title:hover, .nbc8Title:hover {
    color: var(--cd-blue) !important;
    text-decoration: none;
}
.cat-taja-med-title, .cat-nbc3-md-title { font-size: 19px !important; line-height: 1.5 !important; margin-top: 2px; }
.cat-nbc3-lg-title { font-size: 25px !important; line-height: 1.45 !important; }

/* Lead story of "मुख्य समाचार" */
.cat_taja.nbc0 { border-radius: 14px; overflow: hidden; margin-bottom: 20px; }
.nbc0 .cat-taja-img { border-radius: 0; margin-bottom: 0; width: 100%; }
.nbc0 .cat-taja-title, .nbc0 .cat-taja-title:hover {
    background: linear-gradient(180deg, rgba(10, 18, 35, 0) 0%, rgba(10, 18, 35, .88) 70%);
    padding: 70px 24px 18px;
    font: 600 26px/1.45 'Mukta', sans-serif;
}
.cat_taja.nbc0Medium { border-top: 0; padding-top: 4px; }

/* Blue band (समाज) and green band (फोटोफिचर) */
.cat-bg-2 { background: linear-gradient(135deg, #4267b2 0%, #2c4f93 55%, #1f3c78 100%); padding: 40px 0 26px; }
.cat-bg-3 { background: linear-gradient(135deg, #0fae1c 0%, #00850c 100%); padding: 22px 20px 6px; border-radius: 16px; }
.cat-bg-2 .topic-border, .cat-bg-3 .topic-border { border-bottom-color: rgba(255, 255, 255, .25); }
.cat-bg-2 .topic-border .topic-box-lg, .cat-bg-3 .topic-border .topic-box-lg { color: #fff !important; border-bottom-color: #fff; }
.cat-bg-2 .topic-border .topic-box-lg::before, .cat-bg-3 .topic-border .topic-box-lg::before { background: #fff; }
.cat-bg-2 .topic-border .titleAllSec, .cat-bg-3 .topic-border .titleAllSec { background: rgba(255, 255, 255, .16); color: #fff !important; }
.cat-bg-2 .topic-border .titleAllSec:hover, .cat-bg-3 .topic-border .titleAllSec:hover { background: #fff; color: var(--cd-blue) !important; }
.cat-nbc1-title, .cat-nbc1-title:hover { text-align: left; font: 600 18px/1.5 'Mukta', sans-serif; margin: 2px 0 16px; }
.cat-bg-2 .cat-nbc1-title:hover, .cat-bg-3 .cat-nbc1-title:hover { color: #ffe08a; }

/* Side column with शिक्षा / स्वास्थ्य */
.black-sidebar-d1 { background: #fff; border: 1px solid var(--cd-line); border-radius: 14px; padding: 14px; }
.cat_vtn_darkbg, .cat_vtn { border-bottom: 0; }

/* Big image + list (पर्यटन, विदेश) */
.cat-nbc2-lg { border-radius: 14px; overflow: hidden; }
.cat-nbc2-lg-img { z-index: 0 !important; width: 100%; }
.cat-nbc2-lg-cont {
    z-index: 1;
    background: linear-gradient(180deg, rgba(10, 18, 35, 0) 0%, rgba(10, 18, 35, .88) 65%);
    padding: 60px 18px 14px;
}
.cat-nbc2-sm { padding: 6px 0 14px; margin-bottom: 12px; border-bottom: 1px dashed var(--cd-line); }
.cat-nbc2-sm-title { display: block; font-size: 19px !important; line-height: 1.5 !important; margin-bottom: 4px; }
.post-created { color: var(--cd-muted); font-size: 14px; }

/* विचार block */
.cat-nbc4-lg { background: linear-gradient(135deg, #4267b2 0%, #29487d 100%); border-radius: 16px; overflow: hidden; }
.cat-nbc4-sm-img { width: 110px; aspect-ratio: 4 / 3; object-fit: cover; }
.cat-nbc4-lg-img { width: 42%; max-width: 380px; aspect-ratio: 4 / 3; object-fit: cover; }

/* Sidebar tab box (ताजा अपडेट / लोकप्रिय) */
.with-nav-tabs.panel-danger {
    background: #fff;
    border: 1px solid var(--cd-line);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 18px 40px -30px rgba(31, 38, 51, .6);
}
.with-nav-tabs.panel-danger .panel-heading {
    background: linear-gradient(135deg, var(--cd-blue) 0%, var(--cd-blue-dark) 100%) !important;
    border: 0;
    padding: 10px 10px 0;
}
.with-nav-tabs.panel-danger .nav-tabs > li > a {
    margin-right: 4px;
    padding: 9px 18px;
    border: 0 !important;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font: 600 17px/1.2 'Mukta', sans-serif;
}
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus { background: rgba(255, 255, 255, .16); color: #fff; }
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus { background: #fff; color: var(--cd-blue); }
.with-nav-tabs.panel-danger .panel-body { padding: 4px 14px 10px; }
.cd-tablist li { border-bottom: 1px dashed var(--cd-line); }
.cd-tablist li:last-child { border-bottom: 0; }
.cd-tablist .lokaPritya_title { color: var(--cd-ink); }
.cd-tablist .lokaPritya_title:hover { color: var(--cd-blue); }

/* Back to top */
#return-to-top {
    border-radius: 50% !important;
    background: linear-gradient(135deg, var(--cd-blue), var(--cd-blue-dark));
    box-shadow: 0 10px 22px -10px rgba(31, 38, 51, .7);
}

/* Footer */
.cdf { margin-top: 40px; color: #c9d3e6; font-family: 'Mukta', sans-serif; }
.cdf-main {
    background: linear-gradient(160deg, #1d2d55 0%, #172446 100%);
    border-top: 4px solid var(--cd-green);
    padding: 44px 0 30px;
}
.cdf-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
    gap: 30px;
}
.cdf-grid::before, .cdf-grid::after { display: none; content: none; }
.cdf-logo { display: inline-block; background: #fff; border-radius: 12px; padding: 8px 14px; line-height: 0; }
.cdf-logo img { height: 56px; width: auto; }
.cdf-org { margin: 14px 0 4px; color: #fff; font-size: 17px; font-weight: 600; }
.cdf-reg { margin: 0 0 14px; font-size: 15px; }
.cdf-social { display: flex; gap: 10px; }
.cdf-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 18px;
    transition: background .2s, transform .2s;
}
.cdf-social a:hover { background: var(--cd-green); color: #fff; transform: translateY(-2px); text-decoration: none; }
.cdf-title {
    margin: 4px 0 16px;
    padding-bottom: 8px;
    color: #fff;
    font: 700 19px/1.3 'Mukta', sans-serif;
    border-bottom: 2px solid rgba(255, 255, 255, .12);
    position: relative;
}
.cdf-title::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 40px; height: 2px; background: var(--cd-green); }
.cdf-list, .cdf-links { list-style: none; margin: 0; padding: 0; }
.cdf-list li { margin-bottom: 10px; font-size: 16px; color: #fff; }
.cdf-list li span { display: block; color: #9fb0d0; font-size: 14px; }
.cdf-contact li { display: flex; gap: 10px; align-items: baseline; }
.cdf-contact .fa { color: var(--cd-green); width: 16px; }
.cdf a { color: #e6ecf8; }
.cdf a:hover { color: #fff; }
.cdf-links { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; }
.cdf-links a { font-size: 16px; }
.cdf-links a::before { content: "›"; margin-right: 6px; color: var(--cd-green); }
.cdf-bottom { background: #111b35; padding: 14px 0; }
.cdf-bottom p { margin: 0; text-align: center; font-size: 15px; color: #9fb0d0; }

@media (max-width: 991px) {
    .cdf-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
    .topic-border .topic-box-lg { font-size: 22px !important; }
    .nbc0 .cat-taja-title, .nbc0 .cat-taja-title:hover { font-size: 19px; padding: 50px 14px 12px; }
    .cat-bg-2 { padding: 26px 0 12px; }
    .cat-bg-3 { border-radius: 12px; padding: 16px 14px 4px; }
    .cat-nbc4-lg-img { float: none !important; width: 100%; margin: 0 !important; }
    .cat-nbc4-lg-title, .cat-nbc4-lg-title:hover { margin-left: 0 !important; font-size: 26px !important; line-height: 1.4 !important; }
    .cdf-main { padding: 32px 0 20px; }
    .cdf-grid { grid-template-columns: 1fr; gap: 24px; }
    .cdf-brand { text-align: center; }
    .cdf-social { justify-content: center; }
}

/* Phones: compact 2-column card grids + thumbnail lists (shorter page) */
@media (max-width: 767px) {
    .cat_nbc1 > .row, .nbc0Medium > .row, .nbc0Small > .row, .cat_nbc3 > .row > .col-md-12 > .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px 12px;
        margin: 0;
    }
    .cat_nbc1 > .row::before, .cat_nbc1 > .row::after,
    .nbc0Medium > .row::before, .nbc0Medium > .row::after,
    .nbc0Small > .row::before, .nbc0Small > .row::after,
    .cat_nbc3 > .row > .col-md-12 > .row::before, .cat_nbc3 > .row > .col-md-12 > .row::after { display: none; content: none; }
    .cat_nbc1 > .row > [class*="col-"], .nbc0Medium > .row > [class*="col-"],
    .nbc0Small > .row > [class*="col-"], .cat_nbc3 > .row > .col-md-12 > .row > [class*="col-"] { width: auto; padding: 0; float: none; }
    .cat_nbc1 .cat-nbc1-img, .nbc0Medium .cat-taja-med-img, .nbc0Small .cat-taja-med-img, .cat-nbc3-md-img { margin-bottom: 8px; }
    .cat-nbc1-title, .cat-nbc1-title:hover,
    .nbc0Medium .cat-taja-med-title, .nbc0Small .cat-taja-med-title, .cat-nbc3-md-title {
        font-size: 16px !important;
        line-height: 1.45 !important;
        margin-bottom: 4px;
    }

    .cat_vtn_darkbg .cat-vtn-cont, .cat_vtn .cat-vtn-cont {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 1px dashed var(--cd-line);
    }
    .cat_vtn_darkbg .cat-vtn-cont > a:first-child, .cat_vtn .cat-vtn-cont > a:first-child { flex: 0 0 120px; }
    .cat-vtn-darkbg-img, .cat-vtn-img { margin-bottom: 0 !important; }
    .cat-vtn-darkbg-title, .cat-vtn-darkbg-title:hover, .cat-vtn-title, .cat-vtn-title:hover {
        margin-bottom: 0 !important;
        font-size: 17px !important;
        line-height: 1.45 !important;
    }
}

/* =========================================================
   "ताजा समाचार" ticker, time on news cards, scroll effects
   ========================================================= */

/* Ticker */
.cdt { background: #fff; border-bottom: 1px solid var(--cd-line); }
.cdt-inner { display: flex; align-items: center; gap: 14px; height: 48px; overflow: hidden; }
.cdt-inner::before, .cdt-inner::after { display: none; content: none; }
.cdt-label {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px 5px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e62117 0%, #c4120a 100%);
    color: #fff;
    font: 700 15px/1.2 'Mukta', sans-serif;
    box-shadow: 0 6px 14px -8px rgba(230, 33, 23, .8);
}
.cdt-dot { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: cdPulse 1.6s infinite; }
.cdt-track {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
}
.cdt-move { display: inline-flex; white-space: nowrap; will-change: transform; animation: cdTicker var(--cdt-dur, 60s) linear infinite; }
.cdt-track:hover .cdt-move, .cdt-move:focus-within { animation-play-state: paused; }
.cdt-list { display: inline-flex; margin: 0; padding: 0; list-style: none; }
.cdt-item { display: inline-flex; align-items: baseline; gap: 8px; padding-right: 30px; font: 500 16px/1.4 'Mukta', sans-serif; }
.cdt-item::before { content: ""; align-self: center; width: 6px; height: 6px; border-radius: 2px; background: var(--cd-blue); transform: rotate(45deg); margin-right: 4px; }
.cdt-item a { color: var(--cd-ink); }
.cdt-item a:hover, .cdt-item a:focus { color: var(--cd-blue); text-decoration: none; }
.cdt-item time { color: var(--cd-green); font-size: 13px; font-weight: 600; }
@keyframes cdTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes cdPulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .85); }
    70% { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/* "३ घण्टा अघि" on homepage news cards */
.cd-ago {
    display: block;
    margin: -6px 0 14px;
    color: var(--cd-muted);
    font: 500 14px/1.4 'Mukta', sans-serif;
    text-align: left;
}
.cd-ago .fa { margin-right: 4px; color: var(--cd-green); }
.cat-bg-2 .cd-ago, .cat-bg-3 .cd-ago, .cat-nbc2-lg-cont .cd-ago, .cd-ago-light { color: rgba(255, 255, 255, .85); }
.cat-bg-2 .cd-ago .fa, .cat-bg-3 .cd-ago .fa, .cat-nbc2-lg-cont .cd-ago .fa, .cd-ago-light .fa { color: #8dff98; }
.nbc0 .cat-taja-title .cd-ago { margin: 6px 0 0; font-size: 15px; color: rgba(255, 255, 255, .85); }
.nbc0 .cat-taja-title .cd-ago .fa { color: #8dff98; }
.post-created .cd-ago, .post-created-nbc1-lg .cd-ago { display: inline; margin: 0; }
.cat-taja-med-title + .cd-ago, .cat-nbc3-md-title + .cd-ago, .cat-vtn-title + .cd-ago, .cat-vtn-darkbg-title + .cd-ago { margin-top: -10px; }
.cat-nbc1-title + .cd-ago { margin-top: -12px; margin-bottom: 18px; }

/* Sticky side columns get a little breathing room */
.cd-sticky { align-self: flex-start; }

/* Sections fade in while scrolling */
.cd-anim .cd-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s var(--cd-ease); }
.cd-anim .cd-reveal.is-in { opacity: 1; transform: none; }

@media (max-width: 767px) {
    .cdt-inner { height: 44px; gap: 10px; }
    .cdt-label { padding: 5px 11px 4px; font-size: 14px; }
    .cdt-item { font-size: 15px; padding-right: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .cdt-move { animation: none; }
    .cdt-track { overflow-x: auto; }
    .cdt-dot { animation: none; }
}

/* =========================================================
   Single news page + static pages (v2)
   ========================================================= */
.cd-single { padding-bottom: 10px; }
.cd-single .breadcrumb,
.cd-page .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 0;
    margin: 18px 0 0;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--cd-line);
}
.cd-single .breadcrumb > li,
.cd-page .breadcrumb > li {
    max-width: 100%;
    font: 500 14px/1.5 'Mukta', sans-serif;
    color: var(--cd-muted);
}
.cd-single .breadcrumb > li.active,
.cd-page .breadcrumb > li.active {
    max-width: 520px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cd-single .breadcrumb a, .cd-page .breadcrumb a { color: var(--cd-blue); }
.cd-single .breadcrumb > li + li::before, .cd-page .breadcrumb > li + li::before { content: "›"; padding: 0 8px; color: #a7b0bf; }
.cd-single .hamro-bigyapan { margin: 16px 0; }
.cd-single .hamro-bigyapan img { float: none; display: block; margin: 0 auto; }

/* Heading */
.cd-article-head { padding: 26px 0 0; }
.cd-article-cat {
    display: inline-block;
    margin-bottom: 14px;
    padding: 4px 14px;
    border-radius: 999px;
    background: var(--cd-blue);
    color: #fff;
    font: 600 15px/1.4 'Mukta', sans-serif;
    transition: background .2s;
}
.cd-article-cat:hover, .cd-article-cat:focus { background: var(--cd-blue-dark); color: #fff; text-decoration: none; }
h1.singleNewsSectionTitle.cd-article-title {
    max-width: 1000px;
    margin: 0;
    color: var(--cd-ink);
    font: 700 42px/1.38 'Mukta', sans-serif;
    text-align: left;
    letter-spacing: 0;
}
.cd-article-sub {
    max-width: 1000px;
    margin: 12px 0 0;
    padding-left: 14px;
    border-left: 4px solid var(--cd-green);
    color: #3d4a5c;
    font: 500 22px/1.55 'Mukta', sans-serif;
}

/* Author / date / share bar */
.cd-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 24px;
    margin: 22px 0 6px;
    padding: 14px 0;
    border-top: 1px solid var(--cd-line);
    border-bottom: 1px solid var(--cd-line);
}
.cd-article-meta .cd-byline { flex-wrap: nowrap; gap: 12px; width: auto; margin: 0; }
.cd-byline-avatar {
    flex: 0 0 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--cd-blue) 0%, var(--cd-green) 100%);
    color: #fff;
    font-size: 20px;
}
.cd-byline-avatar .fa { margin: 0; }
.cd-byline-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cd-byline-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: 15px; }
.cd-byline-read .fa { color: var(--cd-green); }
.cd-article-meta .newsShare.cd-share { float: none !important; margin: 0; }
.cd-share .sharethis-inline-share-buttons { min-height: 34px; }

/* Body */
.cd-single .row > .col-md-8 { padding-top: 6px; }
.cd-article-body { overflow: visible; }
.cd-article-figure { margin: 18px 0 22px; }
.cd-article-body .cd-article-figure img {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 14px;
    background: #eef1f6;
}
.cd-article-figure figcaption {
    margin-top: 8px;
    padding-left: 10px;
    border-left: 3px solid var(--cd-line);
    color: var(--cd-muted);
    font: italic 500 15px/1.5 'Mukta', sans-serif;
}
.cd-embed { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; }
.cd-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.cd-article-body .post-content {
    color: #222a36;
    font: 400 20px/1.9 'Mukta', sans-serif;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.cd-article-body .post-content::after { content: ""; display: table; clear: both; }
.cd-article-body .post-content p,
.cd-page-card .post-content p {
    margin: 0 0 1.05em;
    color: inherit;
    font: inherit;
    letter-spacing: 0;
    text-align: left !important;
}
.cd-article-body .post-content > p:first-child { font-size: 21px; }
.cd-article-body .post-content h2, .cd-article-body .post-content h3, .cd-article-body .post-content h4,
.cd-page-card .post-content h2, .cd-page-card .post-content h3, .cd-page-card .post-content h4 {
    float: none;
    width: auto;
    margin: 1.4em 0 .6em;
    padding: 0;
    border: 0;
    color: var(--cd-ink);
    font-family: 'Mukta', sans-serif;
    font-weight: 700;
    line-height: 1.45;
}
.cd-article-body .post-content h2 { font-size: 26px; }
.cd-article-body .post-content h3 { font-size: 23px; }
.cd-article-body .post-content h4 { font-size: 21px; }
.cd-article-body .post-content a, .cd-page-card .post-content a {
    color: var(--cd-blue);
    text-decoration: underline;
    text-decoration-color: rgba(66, 103, 178, .35);
    text-underline-offset: 3px;
}
.cd-article-body .post-content a:hover, .cd-page-card .post-content a:hover { text-decoration-color: currentColor; }
.cd-article-body .post-content img,
.cd-page-card .post-content img {
    float: none !important;
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: 22px auto 8px;
    border-radius: 12px;
}
.cd-article-body .post-content-caption {
    display: block;
    margin: 0 0 18px;
    color: var(--cd-muted);
    font: italic 500 15px/1.5 'Mukta', sans-serif;
    text-align: center;
}
.cd-article-body .post-content ul, .cd-article-body .post-content ol,
.cd-page-card .post-content ul, .cd-page-card .post-content ol { margin: 0 0 1.05em; padding-left: 1.4em; }
.cd-article-body .post-content li, .cd-page-card .post-content li { margin-bottom: .35em; }
.cd-article-body .post-content blockquote,
.cd-page-card .post-content blockquote {
    position: relative;
    margin: 24px 0;
    padding: 18px 22px 18px 56px;
    border: 0;
    border-radius: 12px;
    background: var(--cd-blue-soft);
}
.cd-article-body .post-content blockquote::before,
.cd-page-card .post-content blockquote::before {
    content: "\201C";
    position: absolute;
    left: 16px;
    top: 4px;
    color: var(--cd-blue);
    font: 700 54px/1 Georgia, serif;
    opacity: .5;
}
.cd-article-body .post-content blockquote p,
.cd-page-card .post-content blockquote p { margin: 0; color: var(--cd-blue-dark); font-weight: 600; line-height: 1.7; }
.cd-table-wrap { width: 100%; overflow-x: auto; margin: 0 0 1.2em; -webkit-overflow-scrolling: touch; }
.cd-table-wrap table { min-width: 100%; border-collapse: collapse; font-size: 17px; }
.cd-table-wrap th, .cd-table-wrap td { padding: 8px 10px; border: 1px solid var(--cd-line); }
.cd-article-body .post-content iframe { max-width: 100%; }
.cd-article-body .post-content .cd-embed { margin: 22px 0; }

/* Tags + share at the end */
.cd-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 26px 0 0;
    padding-top: 18px;
    border-top: 1px dashed var(--cd-line);
}
.cd-tags-label { color: var(--cd-ink); font: 700 16px/1 'Mukta', sans-serif; }
.cd-tags-label .fa { color: var(--cd-green); margin-right: 4px; }
.cd-tag-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cd-tag-list a {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid var(--cd-line);
    border-radius: 999px;
    background: #f7f9fc;
    color: #3d4a5c;
    font: 500 15px/1.4 'Mukta', sans-serif;
    transition: background .2s, color .2s, border-color .2s;
}
.cd-tag-list a:hover { background: var(--cd-blue); border-color: var(--cd-blue); color: #fff; text-decoration: none; }
.cd-share-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 18px;
    margin: 22px 0;
    padding: 16px 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f3f7ff 0%, #f1fbf2 100%);
    border: 1px solid var(--cd-line);
}
.cd-share-end-label { color: var(--cd-ink); font: 700 18px/1.3 'Mukta', sans-serif; }
.cd-share-end-label .fa { color: var(--cd-blue); margin-right: 6px; }

/* "यो पनि पढ्नुहोस्" box */
.cd-also {
    margin: 22px 0;
    padding: 16px 18px 6px;
    border: 1px solid var(--cd-line);
    border-left: 4px solid var(--cd-green);
    border-radius: 12px;
    background: #fff;
}
.cd-also-head { margin-bottom: 10px; color: var(--cd-ink); font: 700 18px/1.3 'Mukta', sans-serif; }
.cd-also-head .fa { color: var(--cd-green); margin-right: 6px; }
.cd-also-list { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.cd-also-list li { margin: 0; padding: 0; background: none !important; }
.cd-also-list li::before { display: none !important; content: none !important; }
.cd-also-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    border-top: 1px solid var(--cd-line);
    color: var(--cd-ink) !important;
    font: 600 18px/1.5 'Mukta', sans-serif;
    text-decoration: none !important;
}
.cd-also-list li:first-child .cd-also-item { border-top: 0; }
.cd-also-item:hover .cd-also-title { color: var(--cd-blue); }
.cd-also-img { flex: 0 0 96px; aspect-ratio: 16 / 10; border-radius: 8px; overflow: hidden; background: #eef1f6; }
.cd-also-img img { display: block; width: 100%; height: 100%; object-fit: cover; float: none !important; margin: 0 !important; }
.cd-also-title { transition: color .2s; }

/* Comments */
.cd-comments { margin: 26px 0 10px; }
.cd-block-title { margin: 0 0 12px; color: var(--cd-ink); font: 700 22px/1.3 'Mukta', sans-serif; }
.cd-block-title .fa { color: var(--cd-blue); margin-right: 6px; }

/* Related news cards */
.sambandhitSamachar.cd-related {
    margin: 28px 0;
    padding: 20px 20px 4px;
    border: 1px solid var(--cd-line);
    border-radius: 16px;
    background: #fff;
}
.cd-card-grid { display: grid; gap: 22px 20px; margin-bottom: 18px; }
.cd-card-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cd-card-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cd-card { display: flex; flex-direction: column; min-width: 0; }
.cd-card-img { display: block; aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; background: #eef1f6; }
.cd-card-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: none !important;
    margin: 0 !important;
    transition: transform .45s var(--cd-ease);
}
.cd-card:hover .cd-card-img img { transform: scale(1.05); }
.cd-card-body { padding-top: 10px; }
h3.cd-card-title {
    margin: 0 0 6px;
    font: 600 18px/1.5 'Mukta', sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
h3.cd-card-title a { color: var(--cd-ink); transition: color .2s; }
h3.cd-card-title a:hover { color: var(--cd-blue); text-decoration: none; }
.cd-card .cd-ago { margin: 0; font-size: 14px; }

/* Sidebar on the single page */
.cd-single-side { padding-top: 22px; }

/* Reading progress bar */
#cdReadProgress {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--cd-blue) 0%, var(--cd-green) 100%);
    transform: scaleX(0);
    transform-origin: 0 50%;
    pointer-events: none;
}

/* Static pages */
.cd-page { padding-bottom: 30px; }
.cd-page-card {
    margin: 22px 0 10px;
    padding: 30px 34px;
    border: 1px solid var(--cd-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 40px -34px rgba(31, 38, 51, .6);
}
.singleNewsContainer h1.cd-page-title {
    float: none;
    width: auto;
    margin: 0 0 18px;
    padding: 0 0 14px;
    border-bottom: 2px solid var(--cd-line);
    color: var(--cd-ink);
    font: 700 34px/1.35 'Mukta', sans-serif;
    letter-spacing: 0;
}
.cd-page-content { color: #222a36; font: 400 19px/1.85 'Mukta', sans-serif; }
.cd-page-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 999px;
    background: var(--cd-blue);
    color: #fff !important;
    text-decoration: none !important;
}
.cd-page-btn:hover { background: var(--cd-blue-dark); }

/* Tablets */
@media (max-width: 991px) {
    h1.singleNewsSectionTitle.cd-article-title { font-size: 34px; }
    .cd-single-side { padding-top: 10px; }
    .cd-card-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Phones */
@media (max-width: 767px) {
    .cd-single .breadcrumb, .cd-page .breadcrumb { margin-top: 12px; }
    .cd-single .breadcrumb > li.active, .cd-page .breadcrumb > li.active { max-width: 100%; }
    .cd-article-head { padding-top: 16px; }
    .cd-article-cat { margin-bottom: 10px; font-size: 14px; }
    h1.singleNewsSectionTitle.cd-article-title { font-size: 26px; line-height: 1.45; }
    .cd-article-sub { font-size: 18px; padding-left: 10px; }
    .cd-article-meta { margin-top: 16px; padding: 12px 0; gap: 12px; }
    .cd-article-meta .cd-share { width: 100%; }
    .cd-byline-avatar { flex-basis: 40px; width: 40px; height: 40px; font-size: 17px; }
    .cd-byline-row { font-size: 14px; gap: 2px 10px; }
    .cd-article-figure { margin: 14px -15px 18px; }
    .cd-article-body .cd-article-figure img, .cd-embed { border-radius: 0; }
    .cd-article-figure figcaption { margin: 8px 15px 0; }
    .cd-article-body .post-content { font-size: 19px; line-height: 1.85; }
    .cd-article-body .post-content > p:first-child { font-size: 19px; }
    .cd-article-body .post-content h2 { font-size: 23px; }
    .cd-article-body .post-content h3 { font-size: 21px; }
    .cd-article-body .post-content blockquote { padding: 14px 16px 14px 44px; }
    .cd-article-body .post-content blockquote::before { left: 10px; font-size: 44px; }
    .cd-share-end { padding: 14px; }
    .cd-also { padding: 14px 14px 4px; }
    .cd-also-item { font-size: 17px; gap: 12px; }
    .cd-also-img { flex-basis: 84px; }
    .sambandhitSamachar.cd-related { padding: 16px 14px 2px; border-radius: 14px; }
    .cd-card-grid-3 { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .cd-card-grid-3 .cd-card { flex-direction: row; gap: 12px; padding: 12px 0; border-top: 1px solid var(--cd-line); }
    .cd-card-grid-3 .cd-card:first-child { border-top: 0; padding-top: 0; }
    .cd-card-grid-3 .cd-card-img { flex: 0 0 120px; align-self: flex-start; }
    .cd-card-grid-3 .cd-card-body { padding-top: 0; }
    .cd-card-grid-4 { gap: 18px 12px; }
    h3.cd-card-title { font-size: 17px; }
    .cd-page-card { padding: 20px 16px; border-radius: 14px; }
    .singleNewsContainer h1.cd-page-title { font-size: 26px; }
    .cd-page-content { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .cd-card-img img, .cd-card:hover .cd-card-img img { transition: none; transform: none; }
}