/* =========================================================
   DK COMMUNITY — CUSTOM EDITORIAL HOMEPAGE
   ========================================================= */
:root{
    --cream:       #f5efe6;
    --cream-soft:  #faf6ef;
    --paper:       #ffffff;
    --ink:         #1b1b1b;
    --ink-soft:    #454545;
    --muted:       #7a7268;
    --line:        #e6ddce;
    --terracotta:  #b5522a;
    --terra-dark:  #8a3d1e;
    --terra-soft:  #d97a4a;
    --gold:        #c99a3f;
    --leaf:        #4a6b3a;
    --shadow-sm:   0 2px 8px rgba(27,27,27,.05);
    --shadow-md:   0 10px 30px rgba(27,27,27,.08);
    --shadow-lg:   0 24px 60px rgba(27,27,27,.12);
    --radius-sm:   10px;
    --radius-md:   18px;
    --radius-lg:   28px;
    --font-hindi:  'Tiro Devanagari Hindi', 'Poppins', serif;
    --font-ui:     'Poppins', system-ui, sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family: var(--font-ui);
    background: var(--cream);
    color: var(--ink);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.container{max-width:1200px;margin:0 auto;padding:0 22px}
.hi{font-family: var(--font-hindi);letter-spacing:.2px}

/* =========================================================
   NAVBAR
   ========================================================= */
.navbar{
    position: sticky;top: 0;z-index: 1000;
    background: rgba(255,255,255,.92);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--line);
    transition: all .3s ease;
}
.nav-inner{
    max-width: 1200px;margin: 0 auto;padding: 12px 22px;
    display: grid;grid-template-columns: auto 1fr auto;
    align-items: center;gap: 22px;
}
.nav-brand{
    display: flex;align-items: center;gap: 10px;
    font-weight: 800;font-size: 1.05rem;color: var(--ink);
    white-space: nowrap;
}
.nav-brand .brand-mark{
    width: 36px;height: 36px;border-radius: 50%;
    background: linear-gradient(135deg, var(--terracotta), var(--gold));
    color: #fff;display: grid;place-items: center;font-size: 1rem;
    box-shadow: 0 4px 14px rgba(181,82,42,.35);
    transition: transform .4s cubic-bezier(.2,.9,.3,1.3);
}
.nav-brand:hover .brand-mark{transform: rotate(-8deg) scale(1.06)}
.nav-brand .brand-text{display: flex;flex-direction: column;line-height: 1.05}
.nav-brand .brand-text small{
    font-size: .6rem;font-weight: 500;color: var(--muted);
    letter-spacing: 1.4px;text-transform: uppercase;
}
.nav-brand .brand-text strong{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: 1.15rem;color: var(--ink);
}
.nav-links{display: flex;justify-content: center;gap: 4px;flex-wrap: wrap;}
.nav-links a{
    padding: 8px 14px;font-size: .82rem;font-weight: 500;
    color: var(--ink-soft);border-radius: 999px;
    transition: all .25s ease;white-space: nowrap;
}
.nav-links a:hover{background: var(--ink);color: #fff;transform: translateY(-1px);}
.nav-links a.is-hot{color: var(--terracotta);font-weight: 600;}

.nav-menu-wrap{position: relative;}
.nav-menu-btn{
    width: 44px;height: 44px;border-radius: 50%;
    border: 1px solid var(--line);background: #fff;
    cursor: pointer;display: grid;place-items: center;
    gap: 4px;transition: all .3s ease;padding: 0;
}
.nav-menu-btn span{
    display: block;width: 18px;height: 2px;
    background: var(--ink);border-radius: 2px;
    transition: all .3s ease;
}
.nav-menu-wrap.open .nav-menu-btn{background: var(--ink);border-color: var(--ink);}
.nav-menu-wrap.open .nav-menu-btn span{background: #fff;}
.nav-menu-wrap.open .nav-menu-btn span:nth-child(1){transform: translateY(6px) rotate(45deg);}
.nav-menu-wrap.open .nav-menu-btn span:nth-child(2){opacity: 0;}
.nav-menu-wrap.open .nav-menu-btn span:nth-child(3){transform: translateY(-6px) rotate(-45deg);}
.nav-menu-btn:hover{transform: scale(1.05);box-shadow: var(--shadow-sm);}

.nav-dropdown{
    position: absolute;top: calc(100% + 14px);right: 0;
    min-width: 260px;background: #fff;
    border-radius: var(--radius-md);box-shadow: var(--shadow-lg);
    padding: 12px;opacity: 0;visibility: hidden;
    transform: translateY(-8px) scale(.97);
    transform-origin: top right;
    transition: all .28s cubic-bezier(.2,.8,.2,1);
    z-index: 9999;border: 1px solid var(--line);
}
.nav-menu-wrap.open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.nav-dropdown .dd-label{
    font-size: .62rem;font-weight: 700;letter-spacing: 1.5px;
    text-transform: uppercase;color: var(--muted);
    padding: 8px 12px 6px;
}
.nav-dropdown a{
    display: flex;align-items: center;gap: 10px;
    padding: 10px 12px;color: var(--ink-soft);
    font-size: .88rem;font-weight: 500;border-radius: 10px;
    transition: all .2s ease;white-space: nowrap;
}
.nav-dropdown a:hover{background: var(--cream-soft);color: var(--terracotta);transform: translateX(3px);}
.nav-dropdown a.dd-cta{
    background: linear-gradient(135deg, #fff3e6, #ffe6d1);
    color: var(--terra-dark);font-weight: 600;
    margin-bottom: 4px;border: 1px solid rgba(181,82,42,.15);
}
.nav-dropdown a.dd-cta:hover{
    background: linear-gradient(135deg, var(--terracotta), var(--terra-dark));
    color: #fff;border-color: transparent;
}
.nav-dropdown .dd-divider{height:1px;background: var(--line);margin: 6px 12px;}

@media (max-width: 980px){
    .nav-inner{grid-template-columns: auto auto;justify-content: space-between;}
    .nav-links{display: none;}
}
@media (max-width: 480px){
    .nav-brand .brand-text strong{font-size: 1rem;}
    .nav-inner{padding: 10px 14px;}
    .nav-menu-btn{width: 40px;height: 40px;}
}

/* =========================================================
   HERO
   ========================================================= */
.hero{position: relative;background: var(--cream);overflow: hidden;padding: 60px 0 0;}
.hero::before{
    content: '';position: absolute;top: -80px;right: -80px;
    width: 380px;height: 380px;border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(201,154,63,.25), transparent 65%);
    filter: blur(10px);z-index: 0;
}
.hero::after{
    content: '';position: absolute;bottom: 20%;left: -120px;
    width: 320px;height: 320px;border-radius: 50%;
    background: radial-gradient(circle at 60% 40%, rgba(181,82,42,.18), transparent 65%);
    filter: blur(14px);z-index: 0;
}
.hero-inner{
    position: relative;z-index: 1;
    display: grid;grid-template-columns: 1.15fr .85fr;
    gap: 50px;align-items: center;padding-bottom: 60px;
}
.hero-eyebrow{
    display: inline-flex;align-items: center;gap: 8px;
    background: #fff;border: 1px solid var(--line);
    padding: 7px 14px;border-radius: 999px;
    font-size: .72rem;font-weight: 600;letter-spacing: .8px;
    color: var(--terra-dark);text-transform: uppercase;
    margin-bottom: 22px;
}
.hero-eyebrow .dot{
    width: 7px;height: 7px;border-radius: 50%;
    background: #16a34a;
    box-shadow: 0 0 0 3px rgba(22,163,74,.18);
    animation: pulse 2s infinite;
}
@keyframes pulse{
    0%,100%{box-shadow: 0 0 0 3px rgba(22,163,74,.18)}
    50%{box-shadow: 0 0 0 6px rgba(22,163,74,.06)}
}
.hero-title{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: clamp(2rem, 5vw, 3.6rem);
    line-height: 1.15;color: var(--ink);
    margin-bottom: 20px;letter-spacing: -.5px;
}
.hero-title .line-2{
    display: block;color: var(--terracotta);position: relative;
}
.hero-title .line-2::after{
    content: '';position: absolute;left: 0;bottom: 4px;
    width: 100%;height: 8px;
    background: linear-gradient(90deg, rgba(201,154,63,.35), transparent);
    z-index: -1;border-radius: 4px;
}
.hero-desc{
    font-size: 1.02rem;color: var(--ink-soft);
    max-width: 540px;margin-bottom: 30px;line-height: 1.75;
}
.hero-desc strong{color: var(--terra-dark)}
.hero-actions{display: flex;gap: 14px;flex-wrap: wrap;align-items: center;}
.btn-primary{
    display: inline-flex;align-items: center;gap: 10px;
    background: var(--ink);color: #fff;
    padding: 14px 28px;border-radius: 999px;
    font-weight: 600;font-size: .92rem;
    transition: all .3s ease;
    box-shadow: 0 8px 24px rgba(27,27,27,.2);
    border: 1px solid var(--ink);
}
.btn-primary:hover{
    background: var(--terracotta);border-color: var(--terracotta);
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(181,82,42,.35);
}
.btn-ghost{
    display: inline-flex;align-items: center;gap: 8px;
    color: var(--ink);padding: 14px 22px;
    border-radius: 999px;font-weight: 500;font-size: .9rem;
    border: 1px solid var(--line);background: #fff;
    transition: all .3s ease;
}
.btn-ghost:hover{border-color: var(--ink);transform: translateY(-2px);}

.hero-quote-card{
    position: relative;background: #fff;
    border-radius: var(--radius-lg);padding: 34px 30px;
    box-shadow: var(--shadow-lg);border: 1px solid var(--line);
    transform: rotate(-1.5deg);
    transition: transform .5s cubic-bezier(.2,.9,.3,1.3);
}
.hero-quote-card:hover{transform: rotate(0deg) translateY(-6px);}
.hero-quote-card::before{
    content: '"';position: absolute;top: -18px;left: 24px;
    font-family: Georgia, serif;font-size: 6rem;
    line-height: 1;color: var(--terracotta);opacity: .9;
}
.hero-quote-card .quote-text{
    font-family: var(--font-hindi);font-size: 1.35rem;
    line-height: 1.6;color: var(--ink);
    margin-bottom: 22px;padding-top: 14px;
}
.hero-quote-card .quote-author{
    display: flex;align-items: center;gap: 12px;
    padding-top: 18px;border-top: 1px dashed var(--line);
}
.hero-quote-card .quote-author .avatar{
    width: 42px;height: 42px;border-radius: 50%;
    background: linear-gradient(135deg, var(--terracotta), var(--gold));
    display: grid;place-items: center;
    color: #fff;font-weight: 700;font-size: .85rem;
}
.hero-quote-card .quote-author .who{display: flex;flex-direction: column;line-height: 1.25;}
.hero-quote-card .quote-author .who strong{font-size: .9rem;color: var(--ink);}
.hero-quote-card .quote-author .who small{font-size: .72rem;color: var(--muted);}

.hero-stats{
    display: grid;grid-template-columns: repeat(3, 1fr);
    gap: 10px;margin-top: 20px;
}
.hero-stats .stat{
    background: var(--cream-soft);border: 1px solid var(--line);
    border-radius: var(--radius-sm);padding: 12px 10px;text-align: center;
}
.hero-stats .stat b{
    display: block;font-size: 1.15rem;font-weight: 800;
    color: var(--terracotta);line-height: 1.1;
}
.hero-stats .stat span{
    font-size: .68rem;color: var(--muted);letter-spacing: .3px;
}

/* Hero Mobile — 🔥 सबसे जरूरी fix */
@media (max-width: 900px){
    .hero-inner{
        grid-template-columns: 1fr;
        gap: 40px;
        padding-bottom: 44px;
    }
    .hero-quote-card{transform: rotate(0);}
    .hero{padding-top: 44px;}
}
@media (max-width: 480px){
    .hero-inner{padding-bottom: 36px;gap: 30px;}
    .hero-quote-card{padding: 26px 22px;}
    .hero-quote-card .quote-text{font-size: 1.1rem;}
    .hero-quote-card::before{font-size: 4.5rem;top: -14px;left: 18px;}
    .hero-stats .stat b{font-size: 1rem;}
    .hero-stats .stat span{font-size: .62rem;}
    .btn-primary,.btn-ghost{padding: 12px 20px;font-size: .85rem;}
    .hero-title{font-size: 1.85rem;}
    .hero-desc{font-size: .95rem;}
    .hero-eyebrow{font-size: .65rem;padding: 6px 12px;margin-bottom: 16px;}
}

/* ===== Ticker ===== */
.hero-ticker{
    background: var(--ink);color: #fff;
    overflow: hidden;padding: 12px 0;
    position: relative;width: 100%;
}
.hero-ticker .ticker-track{
    display: flex;gap: 60px;white-space: nowrap;
    animation: ticker 40s linear infinite;
    will-change: transform;width: max-content;
}
.hero-ticker .ticker-item{
    font-family: var(--font-hindi);font-size: .95rem;
    color: rgba(255,255,255,.9);
    display: inline-flex;align-items: center;gap: 10px;
    flex-shrink: 0;
}
.hero-ticker .ticker-item::before{
    content: '◆';color: var(--gold);font-size: .7rem;
}
@keyframes ticker{
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.hero-ticker:hover .ticker-track{animation-play-state: paused;}

@media (max-width: 600px){
    .hero-ticker{padding: 10px 0;}
    .hero-ticker .ticker-track{gap: 36px;animation-duration: 28s;}
    .hero-ticker .ticker-item{font-size: .82rem;}
}

/* ================================
   DK COMMUNITY — DIRECT LINK AD
================================ */

.dk-direct-ad {
    width: 100%;
    max-width: 760px;
    margin: 28px auto;
    padding: 6px;
    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #e8e0d7;
    border-radius: 18px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.08);

    overflow: hidden;
}

.dk-direct-ad a {
    display: block;
    width: 100%;
    line-height: 0;
    text-decoration: none;
    border-radius: 13px;
    overflow: hidden;
}

.dk-direct-ad img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;

    border: 0;
    border-radius: 13px;

    transition:
        transform 0.25s ease,
        filter 0.25s ease;
}

/* Desktop hover */
.dk-direct-ad a:hover img {
    transform: scale(1.01);
    filter: brightness(1.03);
}

/* Mobile */
@media (max-width: 600px) {

    .dk-direct-ad {
        margin: 22px auto;
        padding: 4px;
        border-radius: 14px;

        box-shadow:
            0 5px 18px rgba(0, 0, 0, 0.07);
    }

    .dk-direct-ad a,
    .dk-direct-ad img {
        border-radius: 11px;
    }
}

/* =========================================================
   SECTION HEADING
   ========================================================= */
.section-head{
    display: flex;align-items: flex-end;justify-content: space-between;
    gap: 20px;margin: 60px 0 34px;padding-bottom: 18px;
    border-bottom: 1px solid var(--line);position: relative;
}
.section-head::after{
    content: '';position: absolute;bottom: -1px;left: 0;
    width: 70px;height: 3px;background: var(--terracotta);border-radius: 3px;
}
.section-head .sh-left{display: flex;flex-direction: column;gap: 4px;}
.section-head .sh-eyebrow{
    font-size: .68rem;font-weight: 700;letter-spacing: 2px;
    text-transform: uppercase;color: var(--terracotta);
}
.section-head h2{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: clamp(1.5rem, 3vw, 2.1rem);
    color: var(--ink);line-height: 1.2;
}
.section-head .sh-link{
    font-size: .82rem;font-weight: 600;color: var(--ink-soft);
    display: inline-flex;align-items: center;gap: 6px;
    transition: all .25s ease;white-space: nowrap;
}
.section-head .sh-link:hover{color: var(--terracotta);gap: 12px;}

@media (max-width: 600px){
    .section-head{flex-direction: column;align-items: flex-start;gap: 12px;margin: 40px 0 24px;}
}

/* =========================================================
   CATEGORY BENTO GRID
   ========================================================= */
.bento{
    display: grid;grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: minmax(180px, auto);gap: 18px;
}
.bento-item{
    background: #fff;border-radius: var(--radius-md);
    overflow: hidden;position: relative;
    border: 1px solid var(--line);
    display: flex;flex-direction: column;
    transition: all .45s cubic-bezier(.2,.9,.3,1.1);
    box-shadow: var(--shadow-sm);
}
.bento-item:hover{
    transform: translateY(-6px);box-shadow: var(--shadow-lg);
    border-color: rgba(181,82,42,.4);
}
.bento-item .img-wrap{position: relative;overflow: hidden;background: var(--cream-soft);}
.bento-item .img-wrap img{
    width: 100%;height: 100%;object-fit: cover;
    transition: transform .7s ease;
}
.bento-item:hover .img-wrap img{transform: scale(1.06);}
.bento-item .icon-chip{
    position: absolute;top: 14px;left: 14px;
    width: 40px;height: 40px;border-radius: 12px;
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(8px);
    display: grid;place-items: center;font-size: 1.1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);z-index: 2;
}
.bento-item .body{padding: 20px 22px 22px;display: flex;flex-direction: column;flex: 1;}
.bento-item h3{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: 1.2rem;color: var(--ink);
    margin-bottom: 8px;line-height: 1.25;
}
.bento-item p{
    font-size: .85rem;color: var(--muted);
    line-height: 1.65;margin-bottom: 16px;flex: 1;
}
.bento-item .bento-cta{
    display: inline-flex;align-items: center;gap: 8px;
    font-size: .82rem;font-weight: 600;
    color: var(--terracotta);transition: all .25s ease;
    align-self: flex-start;
}
.bento-item .bento-cta:hover{gap: 14px;}

.bento-item.is-large{grid-column: span 4;grid-row: span 2;}
.bento-item.is-large .img-wrap{height: 260px;}
.bento-item.is-large .img-wrap img{object-position: center 30%;}
.bento-item.is-large h3{font-size: 1.55rem;}
.bento-item.is-large p{font-size: .92rem;}

.bento-item.is-small{grid-column: span 2;}
.bento-item.is-small .img-wrap{height: 150px;}
.bento-item.is-small .img-wrap img{object-position: center 25%;}

.bento-item.is-wide{grid-column: span 3;}
.bento-item.is-wide .img-wrap{height: 200px;}
.bento-item.is-wide .img-wrap img{object-position: center 40%;}

.bento-item.is-dark{background: var(--ink);border-color: var(--ink);color: #fff;}
.bento-item.is-dark h3{color: #fff;}
.bento-item.is-dark p{color: rgba(255,255,255,.72);}
.bento-item.is-dark .bento-cta{color: var(--gold);}
.bento-item.is-dark .icon-chip{background: rgba(255,255,255,.14);color: #fff;}

@media (max-width: 980px){
    .bento{grid-template-columns: repeat(4,1fr);}
    .bento-item.is-large{grid-column: span 4;grid-row: auto;}
    .bento-item.is-small{grid-column: span 2;}
    .bento-item.is-wide{grid-column: span 4;}
}
@media (max-width: 600px){
    .bento{grid-template-columns: 1fr;gap: 14px;}
    .bento-item, .bento-item.is-large, .bento-item.is-small, .bento-item.is-wide{grid-column: span 1;grid-row: auto;}
    .bento-item.is-large .img-wrap{height: 200px;}
    .bento-item.is-wide .img-wrap{height: 180px;}
}

/* =========================================================
   FEATURED ARTICLE
   ========================================================= */
.featured{
    display: grid;grid-template-columns: 1.15fr 1fr;
    gap: 0;background: #fff;border-radius: var(--radius-lg);
    overflow: hidden;border: 1px solid var(--line);
    box-shadow: var(--shadow-md);margin-bottom: 40px;
}
.featured .f-img{
    position: relative;min-height: 400px;overflow: hidden;
    background:
        radial-gradient(circle at 15% 20%, rgba(201,154,63,.35), transparent 55%),
        radial-gradient(circle at 85% 85%, rgba(181,82,42,.55), transparent 60%),
        linear-gradient(135deg, #1e140c 0%, #3a2418 55%, #1e140c 100%);
    display: flex;align-items: center;justify-content: center;
    padding: 40px 34px;
}
.featured .f-img::before{
    content: '';position: absolute;inset: 0;
    background-image: repeating-linear-gradient(45deg,
        rgba(255,255,255,.02) 0 2px, transparent 2px 8px);
    opacity: .6;pointer-events: none;
}
.featured .f-img::after{
    content: '';position: absolute;inset: 0;
    background: radial-gradient(circle at center, transparent 30%, rgba(0,0,0,.55) 100%);
    pointer-events: none;
}
.f-poster{
    position: relative;z-index: 3;text-align: center;
    max-width: 400px;padding: 34px 24px 28px;
    border: 1.5px solid rgba(201,154,63,.7);
    border-radius: 18px;background: #1a1008 !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 0 6px rgba(201,154,63,.12);
    animation: posterFloat 5s ease-in-out infinite;
}
@keyframes posterFloat{
    0%,100%{transform: translateY(0)}
    50%{transform: translateY(-6px)}
}
.f-poster-mark{
    display: block;font-family: Georgia, serif;
    font-size: 3.4rem;line-height: .6;
    color: #c99a3f !important;margin-bottom: 10px;
    text-shadow: 0 4px 20px rgba(201,154,63,.5);
}
.f-poster-line{
    font-family: var(--font-hindi);font-size: 1.28rem;
    line-height: 1.5;color: #ffffff !important;
    margin-bottom: 6px;letter-spacing: .3px;
    text-shadow: 0 2px 10px rgba(0,0,0,.8);
    opacity: 1 !important;
}
.f-poster-line-2{
    color: #ffc94a !important;font-style: italic;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0,0,0,.8);
    opacity: 1 !important;
}
.f-poster-author{
    display: block;font-size: .7rem;font-weight: 700;
    letter-spacing: 2px;text-transform: uppercase;
    color: #e8dcc4 !important;padding-top: 14px;
    border-top: 1px dashed rgba(201,154,63,.5);
    margin-top: 4px;text-shadow: 0 1px 6px rgba(0,0,0,.6);
}
.f-corner{position: absolute;width: 34px;height: 34px;z-index: 4;pointer-events: none;}
.f-corner-tl{
    top: 18px;left: 18px;
    border-top: 2px solid var(--gold);border-left: 2px solid var(--gold);
    border-top-left-radius: 6px;opacity: .7;
}
.f-corner-br{
    bottom: 18px;right: 18px;
    border-bottom: 2px solid var(--gold);border-right: 2px solid var(--gold);
    border-bottom-right-radius: 6px;opacity: .7;
}
.featured .f-img .f-badge{
    position: absolute;top: 20px;left: 50%;transform: translateX(-50%);
    background: rgba(255,255,255,.95);color: var(--terracotta);
    padding: 6px 14px;border-radius: 999px;
    font-size: .68rem;font-weight: 700;letter-spacing: 1.2px;
    text-transform: uppercase;z-index: 5;
    box-shadow: 0 6px 20px rgba(0,0,0,.35);
}
.featured .f-body{
    padding: 40px 38px;display: flex;flex-direction: column;
    justify-content: center;
    background: linear-gradient(135deg, #ffffff 0%, #fdf9f3 100%);
    position: relative;z-index: 2;
}
.featured .f-meta{
    display: flex;align-items: center;gap: 14px;
    margin-bottom: 16px;font-size: .75rem;
    color: var(--muted);flex-wrap: wrap;
}
.featured .f-meta .cat{
    background: var(--cream);color: var(--terra-dark);
    padding: 4px 12px;border-radius: 999px;font-weight: 600;
}
.featured h3{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: clamp(1.4rem, 2.4vw, 1.95rem);
    line-height: 1.3;color: #0f0f0f;margin-bottom: 16px;
}
.featured .f-body p{
    color: #2c2c2c;font-size: 1rem;line-height: 1.8;
    margin-bottom: 24px;font-weight: 400;letter-spacing: .1px;
}
.featured .read-btn{
    display: inline-flex;align-items: center;gap: 10px;
    align-self: flex-start;background: var(--ink);color: #fff;
    padding: 12px 26px;border-radius: 999px;
    font-weight: 600;font-size: .88rem;transition: all .3s ease;
}
.featured .read-btn:hover{
    background: var(--terracotta);transform: translateY(-2px);gap: 16px;
}

@media (max-width: 800px){
    .featured{grid-template-columns: 1fr;}
    .featured .f-img{min-height: 300px;padding: 30px 20px;}
    .featured .f-body{padding: 28px 22px;}
    .f-poster{padding: 24px 18px 20px;}
    .f-poster-mark{font-size: 2.4rem;}
    .f-poster-line{font-size: 1.05rem;}
    .f-poster-line-2{font-size: 1rem;}
    .f-corner{width: 24px;height: 24px;}
}
@media (max-width: 480px){
    .f-poster-line{font-size: .95rem;}
    .f-poster-line-2{font-size: .92rem;}
    .f-poster-author{font-size: .62rem;letter-spacing: 1.5px;}
}

/* =========================================================
   ARTICLE GRID
   ========================================================= */
.article-masonry{
    display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;
}
.acard{
    background: #fff;border: 1px solid var(--line);
    border-radius: var(--radius-md);padding: 24px 22px;
    display: flex;flex-direction: column;
    transition: all .4s cubic-bezier(.2,.9,.3,1.1);
    position: relative;overflow: hidden;
    min-width: 0;word-wrap: break-word;
}
.acard::before{
    content: '';position: absolute;top: 0;left: 0;
    width: 100%;height: 3px;
    background: linear-gradient(90deg, var(--terracotta), var(--gold));
    transform: scaleX(0);transform-origin: left;
    transition: transform .4s ease;
}
.acard:hover{transform: translateY(-6px);box-shadow: var(--shadow-lg);border-color: transparent;}
.acard:hover::before{transform: scaleX(1);}
.acard .acard-top{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 14px;}
.acard .chip{
    font-size: .68rem;font-weight: 600;padding: 4px 10px;
    border-radius: 999px;background: var(--cream-soft);
    color: var(--ink-soft);border: 1px solid var(--line);
    letter-spacing: .3px;
}
.acard .chip.is-new{background: #fff3d6;color: #a86b00;border-color: #ffe0a6;}
.acard .chip.is-cat{background: rgba(181,82,42,.08);color: var(--terra-dark);border-color: rgba(181,82,42,.2);}
.acard h3{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: 1.12rem;line-height: 1.35;
    color: var(--ink);margin-bottom: 10px;
}
.acard p{
    font-size: .86rem;color: var(--muted);
    line-height: 1.65;margin-bottom: 16px;flex: 1;
}
.acard .meta{
    font-size: .72rem;color: var(--muted);
    margin-bottom: 16px;display: flex;align-items: center;gap: 8px;
}
.acard .meta::before{content: '✦';color: var(--gold);font-size: .7rem;}
.acard .read-btn{
    display: inline-flex;align-items: center;gap: 8px;
    align-self: flex-start;background: var(--ink);color: #fff;
    padding: 10px 20px;border-radius: 999px;
    font-weight: 600;font-size: .78rem;
    transition: all .3s ease;border: none;cursor: pointer;
}
.acard .read-btn:hover{background: var(--terracotta);gap: 14px;}
.acard .read-btn.nuskha-btn{background: var(--leaf);}
.acard .read-btn.nuskha-btn:hover{background: #3a5530;}

.nuskha-badge{
    background: linear-gradient(135deg, #fef9e8, #fdf0d1);
    padding: 10px 14px;border-radius: 12px;
    border-left: 3px solid var(--gold);
    margin: 8px 0 14px;font-family: var(--font-hindi);
    font-size: .82rem;color: #7a5210;line-height: 1.55;
}
.acard .btn-group{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 4px;}
.acard.is-featured{
    grid-column: span 2;
    background: linear-gradient(135deg, #fff, #fdf6ec);
    border-color: rgba(181,82,42,.25);
}
.acard.is-featured h3{font-size: 1.3rem;}

@media (max-width: 900px){
    .article-masonry{grid-template-columns: repeat(2, 1fr);}
    .acard.is-featured{grid-column: span 2;}
}
@media (max-width: 600px){
    .article-masonry{grid-template-columns: 1fr;}
    .acard.is-featured{grid-column: span 1;}
    .acard .btn-group{flex-direction: column;align-items: stretch;}
    .acard .read-btn{text-align: center;justify-content: center;}
}

.view-all{text-align: center;margin: 40px 0 20px;}
.view-all a{
    display: inline-flex;align-items: center;gap: 12px;
    padding: 14px 30px;background: transparent;
    border: 1.5px solid var(--ink);color: var(--ink);
    border-radius: 999px;font-weight: 600;font-size: .88rem;
    transition: all .3s ease;
}
.view-all a:hover{background: var(--ink);color: #fff;transform: translateY(-2px);gap: 18px;}

/* =========================================================
   NEWSLETTER STRIP
   ========================================================= */
.nl-strip{
    background: linear-gradient(135deg, var(--ink) 0%, #2b2018 100%);
    color: #fff;border-radius: var(--radius-lg);
    padding: 44px 44px;margin: 60px 0 20px;
    display: grid;grid-template-columns: 1fr auto;
    gap: 40px;align-items: center;
    position: relative;overflow: hidden;
}
.nl-strip::before{
    content: '';position: absolute;top: -60px;right: -60px;
    width: 240px;height: 240px;border-radius: 50%;
    background: radial-gradient(circle, rgba(201,154,63,.4), transparent 70%);
}
.nl-strip::after{
    content: '';position: absolute;bottom: -80px;left: -40px;
    width: 200px;height: 200px;border-radius: 50%;
    background: radial-gradient(circle, rgba(181,82,42,.35), transparent 70%);
}
.nl-strip > *{position: relative;z-index: 1;}
.nl-strip h3{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: clamp(1.3rem, 2.4vw, 1.75rem);
    line-height: 1.3;margin-bottom: 8px;
}
.nl-strip p{
    color: rgba(255,255,255,.72);font-size: .92rem;
    line-height: 1.6;max-width: 460px;
}
.nl-strip form{
    display: flex;gap: 8px;
    background: rgba(255,255,255,.08);
    padding: 6px;border-radius: 999px;
    border: 1px solid rgba(255,255,255,.14);
    min-width: 380px;
}
.nl-strip input{
    flex: 1;background: transparent;border: none;
    outline: none;color: #fff;padding: 12px 18px;
    font-size: .9rem;font-family: inherit;
}
.nl-strip input::placeholder{color: rgba(255,255,255,.5)}
.nl-strip button{
    background: var(--gold);color: #2b2018;
    border: none;padding: 12px 26px;
    border-radius: 999px;font-weight: 700;
    font-size: .85rem;cursor: pointer;
    transition: all .3s ease;font-family: inherit;
    white-space: nowrap;
}
.nl-strip button:hover{
    background: #e0b25b;transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(201,154,63,.4);
}

@media (max-width: 800px){
    .nl-strip{grid-template-columns: 1fr;padding: 32px 24px;gap: 24px;}
    .nl-strip form{min-width: 0;flex-direction: column;border-radius: 18px;padding: 10px;}
    .nl-strip input{padding: 12px 14px;}
    .nl-strip button{width: 100%;padding: 14px;}
}

/* =========================================================
   AUTHOR
   ========================================================= */
.author-editorial{
    display: grid;grid-template-columns: .85fr 1.15fr;
    gap: 0;background: #fff;border-radius: var(--radius-lg);
    overflow: hidden;border: 1px solid var(--line);
    box-shadow: var(--shadow-md);margin: 40px 0;
}
.author-visual{
    background: linear-gradient(135deg, var(--terracotta), var(--terra-dark));
    padding: 44px 30px;display: flex;flex-direction: column;
    align-items: center;justify-content: center;
    color: #fff;position: relative;overflow: hidden;
}
.author-visual::before{
    content: '';position: absolute;inset: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.15), transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(201,154,63,.35), transparent 60%);
}
.author-visual > *{position: relative;z-index: 1;}
.author-avatar{
    width: 130px;height: 130px;border-radius: 50%;
    border: 4px solid rgba(255,255,255,.85);
    overflow: hidden;margin-bottom: 18px;
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
}
.author-avatar img{width: 100%;height: 100%;object-fit: cover;}
.author-visual .badge{
    background: rgba(255,255,255,.2);
    border: 1px solid rgba(255,255,255,.35);
    padding: 5px 14px;border-radius: 999px;
    font-size: .68rem;font-weight: 700;
    letter-spacing: 1.5px;text-transform: uppercase;
}
.author-body{padding: 44px 42px;}
.author-body .eyebrow{
    font-size: .68rem;letter-spacing: 2px;
    text-transform: uppercase;color: var(--terracotta);
    font-weight: 700;margin-bottom: 8px;
}
.author-body h3{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: 1.8rem;color: var(--ink);margin-bottom: 6px;
}
.author-body .role{
    font-size: .85rem;color: var(--muted);
    margin-bottom: 20px;font-weight: 500;
}
.author-body .bio{
    color: var(--ink-soft);font-size: .95rem;
    line-height: 1.75;margin-bottom: 18px;
}
.author-body .mission{
    background: var(--cream-soft);
    border-left: 3px solid var(--terracotta);
    padding: 16px 20px;border-radius: 10px;
    font-size: .92rem;color: var(--ink);
    line-height: 1.7;margin-bottom: 24px;
    font-family: var(--font-hindi);
}
.author-body .author-btn{
    display: inline-flex;align-items: center;gap: 10px;
    background: var(--ink);color: #fff;
    padding: 13px 28px;border-radius: 999px;
    font-weight: 600;font-size: .88rem;transition: all .3s ease;
}
.author-body .author-btn:hover{background: var(--terracotta);transform: translateY(-2px);gap: 16px;}

@media (max-width: 800px){
    .author-editorial{grid-template-columns: 1fr;}
    .author-body{padding: 30px 24px;}
    .author-visual{padding: 34px 24px;}
}

/* =========================================================
   NEWSLETTER MODAL
   ========================================================= */
.nl-modal{
    position: fixed;inset: 0;z-index: 999999;
    display: none;align-items: center;justify-content: center;
    padding: 16px;
}
.nl-modal.open{display: flex;animation: nlFadeIn .25s ease;}
@keyframes nlFadeIn{from{opacity:0}to{opacity:1}}
.nl-overlay{
    position: absolute;inset: 0;
    background: rgba(20,15,10,.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.nl-box{
    position: relative;background: #fff;
    border-radius: 24px;max-width: 460px;width: 100%;
    padding: 36px 30px 28px;text-align: center;
    box-shadow: 0 30px 70px rgba(0,0,0,.4);
    animation: nlPopIn .45s cubic-bezier(.2,.9,.3,1.2);
    overflow: hidden;
}
@keyframes nlPopIn{
    from{opacity:0;transform: scale(.9) translateY(20px);}
    to{opacity:1;transform: scale(1) translateY(0);}
}
.nl-box::before{
    content: '';position: absolute;top: 0;left: 0;right: 0;
    height: 5px;background: linear-gradient(90deg, var(--terracotta), var(--gold), var(--terracotta));
    background-size: 200% 100%;
    animation: nlRainbow 4s linear infinite;
}
@keyframes nlRainbow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.nl-close{
    position: absolute;top: 14px;right: 14px;
    width: 34px;height: 34px;border: none;
    background: rgba(0,0,0,.06);color: var(--ink-soft);
    border-radius: 50%;font-size: 14px;cursor: pointer;
    display: grid;place-items: center;transition: all .25s ease;
}
.nl-close:hover{background: var(--terracotta);color: #fff;transform: rotate(90deg);}
.nl-icon{
    font-size: 48px;margin-bottom: 6px;display: inline-block;
    animation: nlBounce 2s ease-in-out infinite;
}
@keyframes nlBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.nl-box h3{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: 1.25rem;color: var(--ink);
    margin-bottom: 8px;line-height: 1.4;
}
.nl-sub{font-size: .84rem;color: var(--muted);margin-bottom: 22px;line-height: 1.55;}
.nl-form{display: flex;flex-direction: column;gap: 10px;margin-bottom: 14px;}
.nl-form input{
    width: 100%;padding: 14px 18px;border: 2px solid var(--line);
    border-radius: 12px;font-size: .9rem;font-family: inherit;
    outline: none;transition: all .25s ease;
    background: var(--cream-soft);color: var(--ink);
    box-sizing: border-box;
}
.nl-form input:focus{border-color: var(--terracotta);background: #fff;box-shadow: 0 0 0 4px rgba(181,82,42,.12);}
.nl-form button{
    width: 100%;padding: 14px 18px;border: none;
    border-radius: 12px;background: linear-gradient(135deg, var(--terracotta), var(--terra-dark));
    color: #fff;font-size: .92rem;font-weight: 700;
    cursor: pointer;transition: all .25s ease;
    box-shadow: 0 6px 20px rgba(181,82,42,.35);
    font-family: inherit;
}
.nl-form button:hover{transform: translateY(-2px);box-shadow: 0 10px 26px rgba(181,82,42,.45);}
.nl-form button:active{transform: translateY(0) scale(.98);}
.nl-note{display: block;font-size: .72rem;color: var(--muted);line-height: 1.5;}

@media (max-width: 480px){
    .nl-box{padding: 28px 20px 22px;border-radius: 20px;}
    .nl-icon{font-size: 40px;}
    .nl-box h3{font-size: 1.1rem;}
}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{
    background: #1c1712;color: rgba(255,255,255,.72);
    margin-top: 60px;position: relative;overflow: hidden;
}
.footer::before{
    content: '';position: absolute;top: 0;left: 0;right: 0;
    height: 4px;background: linear-gradient(90deg, var(--terracotta), var(--gold), var(--terracotta));
}
.footer-top{
    max-width: 1200px;margin: 0 auto;padding: 60px 22px 40px;
    display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 40px;
}
.footer-brand .f-logo{
    font-family: var(--font-hindi);font-weight: 400;
    font-size: 1.4rem;color: #fff;margin-bottom: 10px;
    display: flex;align-items: center;gap: 10px;
}
.footer-brand .f-logo .brand-mark{
    width: 34px;height: 34px;border-radius: 50%;
    background: linear-gradient(135deg, var(--terracotta), var(--gold));
    display: grid;place-items: center;font-size: .9rem;
}
.footer-brand p{font-size: .85rem;line-height: 1.7;color: rgba(255,255,255,.55);margin-bottom: 16px;max-width: 320px;}
.footer-brand .f-quote{
    font-family: var(--font-hindi);font-size: .92rem;
    color: var(--gold);border-left: 2px solid var(--gold);
    padding-left: 12px;line-height: 1.5;
}
.footer h4{
    color: #fff;font-size: .78rem;font-weight: 700;
    letter-spacing: 1.8px;text-transform: uppercase;
    margin-bottom: 18px;position: relative;padding-bottom: 10px;
}
.footer h4::after{
    content: '';position: absolute;bottom: 0;left: 0;
    width: 26px;height: 2px;background: var(--terracotta);
}
.footer ul{list-style: none;}
.footer ul li{margin-bottom: 10px;}
.footer ul a{
    color: rgba(255,255,255,.65);font-size: .86rem;
    transition: all .25s ease;display: inline-block;
}
.footer ul a:hover{color: var(--gold);transform: translateX(4px);}
.footer-bottom{
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 22px;text-align: center;
    font-size: .78rem;color: rgba(255,255,255,.45);line-height: 1.7;
}
.footer-bottom strong{color: rgba(255,255,255,.75);}
.home-download-btn {
    display: inline-block;
    background: #B45309;
    color: #fff;
    padding: 0.6rem 1.5rem;
    border-radius: 40px;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.9rem;
    transition: 0.3s;
}
.home-download-btn:hover {
    background: #92400E;
    transform: translateY(-2px);
}

@media (max-width: 900px){
    .footer-top{grid-template-columns: 1fr 1fr;gap: 34px;padding: 46px 22px 30px;}
}
@media (max-width: 560px){
    .footer-top{grid-template-columns: 1fr;gap: 30px;}
}

.homepage-sticky-ad {
    width: fit-content;
    max-width: 100%;

    margin: 28px auto;
    padding: 10px;

    display: flex;
    justify-content: center;
    align-items: center;

    background: #ffffff;

    border: 1px solid #ead9c8;
    border-radius: 16px;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.08),
        0 1px 4px rgba(181, 101, 59, 0.08);

    box-sizing: border-box;

    position: relative;

    /* Ad जितना space लेगा, box उतना ही रहेगा */
    height: auto;
}


/* हल्का ADVERTISEMENT label */
.homepage-sticky-ad::before {
    content: "ADVERTISEMENT";

    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);

    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;

    color: #aaa;
    background: #fff;

    padding: 0 7px;

    z-index: 2;
}


/* Mobile */
@media (max-width: 480px) {

    .homepage-sticky-ad {
        width: fit-content;
        max-width: calc(100% - 20px);

        margin: 24px auto;

        padding: 8px;

        border-radius: 14px;
    }
}