*{
    box-sizing:border-box;
}

/* =========================================================
   ROOT
========================================================= */

:root{
    --green:#075c46;
    --green-dark:#034635;
    --green-soft:#e8f2ed;

    --teal:#176b69;
    --teal-soft:#e5f1f0;

    --gold:#a86d28;
    --gold-soft:#f3e3ca;

    --terracotta:#984f40;
    --terracotta-soft:#f2e4df;

    --burgundy:#743d4c;
    --burgundy-soft:#f0e3e8;

    --plum:#684b70;
    --plum-soft:#eee7f0;

    --blue:#41657b;
    --blue-soft:#e8eef3;

    --brown:#745234;
    --brown-soft:#f1e8dc;

    --olive:#607043;
    --olive-soft:#ebefe2;

    --ink:#26302b;
    --ink-soft:#4f5b55;
    --muted:#78827c;
    --faint:#9aa39e;

    --paper:#f5f7f4;
    --white:#fff;

    --line:#dce5df;

    --shadow:
        0 5px 20px rgba(25,55,43,.075);

    --shadow-soft:
        0 2px 10px rgba(25,55,43,.05);
}


/* =========================================================
   BASE
========================================================= */

html{
    height:100%;
    scroll-behavior:smooth;
}

body{
    margin:0;
    min-height:100%;
    color:var(--ink);

    background:
        linear-gradient(
            180deg,
            #fbfcfa 0%,
            #f1f5f2 100%
        );

    font-family:
        "Noto Sans Bengali",
        "Nirmala UI",
        Arial,
        sans-serif;

    line-height:1.55;

    overflow-x:hidden;
    overflow-y:auto;
}


/* =========================================================
   DISTRICT MAP BACKGROUND
========================================================= */

body::before{
    content:"";

    position:fixed;

    inset:0;

    z-index:0;

    pointer-events:none;

    background-image:
        url("/assets/district-map.png");

    background-repeat:no-repeat;

    background-position:center center;

    background-size:
        min(72vw,1050px);

    opacity:.065;

    filter:
        grayscale(.45)
        saturate(.55)
        sepia(.10);
}

body > *{
    position:relative;
    z-index:1;
}


a{
    color:inherit;
    text-decoration:none;
}


button,
input,
textarea,
select{
    font-family:inherit;
}


/* =========================================================
   ORIGINAL SITE HEADER SUPPORT
========================================================= */

.site-header{
    height:68px;

    position:relative;

    z-index:100;

    background:
        rgba(255,255,255,.97);

    border-bottom:
        1px solid
        var(--line);

    box-shadow:
        0 2px 12px
        rgba(20,55,40,.055);
}

.header-inner{
    height:68px;

    display:flex;

    align-items:center;

    gap:16px;

    max-width:1500px;

    margin:auto;

    padding:0 12px;
}

.brand{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.brand-logo{
    width:46px;
    height:46px;
    object-fit:contain;
}

.brand-text{
    min-width:0;
}

.brand-text strong{
    display:block;

    color:
        var(--green-dark);

    font-family:
        "Noto Serif Bengali",
        "Nirmala UI",
        Georgia,
        serif;

    font-size:20px;

    line-height:1.05;

    white-space:nowrap;
}

.brand-text small{
    display:block;

    margin-top:3px;

    color:#4f5752;

    font-size:10px;
}

.main-nav{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    flex:1;

    font-size:11px;

    font-weight:800;
}

.main-nav a{
    padding:7px 3px;

    color:
        var(--green-dark);
}

.main-nav a:hover{
    color:
        var(--gold);
}

.header-actions{
    display:flex;

    align-items:center;

    gap:6px;
}

.header-actions a{
    padding:7px 10px;

    border-radius:7px;

    font-size:10px;

    font-weight:800;
}

.login-link{
    background:
        var(--green);

    color:#fff;
}

.register-link{
    background:
        var(--gold);

    color:#fff;
}

.menu-toggle{
    display:none;
}


/* =========================================================
   INPUT NOTICE
========================================================= */

.ddk-input-notice{
    position:fixed;
    inset:0;

    display:flex;

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

    padding:
        90px 18px 18px;

    background:
        rgba(40,32,27,.16);

    backdrop-filter:blur(2px);

    z-index:99999;

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    transition:.2s;
}

.ddk-input-notice.show{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.ddk-input-notice-card{
    position:relative;

    display:flex;

    gap:12px;

    align-items:flex-start;

    max-width:520px;
    width:100%;

    padding:
        16px 42px 16px 16px;

    border:
        1px solid
        #dfcdb8;

    border-radius:14px;

    background:#fffaf4;

    box-shadow:
        0 14px 45px
        rgba(50,35,25,.18);

    color:#4b4038;
}

.ddk-input-notice-icon{
    width:28px;
    height:28px;

    flex:0 0 28px;

    border-radius:50%;

    display:flex;

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

    background:#f0dfc8;

    color:#865b32;

    font-weight:800;
}

.ddk-input-notice-card strong{
    display:block;

    color:#74483d;

    font-size:15px;

    margin-bottom:4px;
}

.ddk-input-notice-card p{
    margin:0;

    line-height:1.55;

    font-size:13px;

    color:#675b52;
}

.ddk-input-notice-close{
    position:absolute;

    right:10px;
    top:8px;

    border:0;

    background:transparent;

    color:#806f63;

    font-size:24px;

    cursor:pointer;
}


/* =========================================================
   COMPLETE HOMEPAGE REFERENCE DESIGN
========================================================= */

:root{
    --ddk-green:#075b45;
    --ddk-green-dark:#034635;
    --ddk-red:#a70d35;
    --ddk-gold:#9a681f;
    --ddk-paper:#fffaf0;
    --ddk-paper2:#f7edda;
    --ddk-line:#dfc9a6;
    --ddk-ink:#40382f;
}

html,
body{
    overflow-x:hidden!important;
}

body{
    background:#f7efdc!important;
}


/* =========================================================
   CUSTOM HEADER
========================================================= */

.ddk-new-header{
    position:relative!important;
    z-index:1000!important;

    background:#fffdf7!important;

    box-shadow:
        0 2px 12px
        rgba(60,45,25,.12)!important;
}

.ddk-header-top{
    min-height:105px!important;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(211,226,188,.45),
            transparent 22%
        ),
        radial-gradient(
            circle at 88% 20%,
            rgba(245,220,171,.42),
            transparent 25%
        ),
        #fffdf7!important;
}

.ddk-header-inner{
    width:
        min(
            1500px,
            calc(100% - 34px)
        )!important;

    min-height:105px!important;

    margin:auto!important;

    display:grid!important;

    grid-template-columns:
        395px
        minmax(360px,1fr)
        auto!important;

    align-items:center!important;

    gap:20px!important;
}

.ddk-header-brand{
    display:flex!important;

    align-items:center!important;

    gap:12px!important;

    text-decoration:none!important;
}

.ddk-header-brand img{
    width:82px!important;
    height:82px!important;

    object-fit:contain!important;
}

.ddk-header-brand strong{
    display:block!important;

    color:#07533f!important;

    font-family:
        "Noto Serif Bengali",
        "Nirmala UI",
        Georgia,
        serif!important;

    font-size:27px!important;

    line-height:1.05!important;

    white-space:nowrap!important;
}

.ddk-header-brand small{
    display:block!important;

    margin-top:5px!important;

    color:#333!important;

    font-size:13px!important;
}


/* HEADER SEARCH */

.ddk-header-search{
    width:100%!important;

    max-width:620px!important;

    justify-self:center!important;
}

.ddk-search-line{
    height:42px!important;

    display:flex!important;

    align-items:stretch!important;

    overflow:hidden!important;

    border:
        1px solid
        #d9d2c5!important;

    border-radius:5px!important;

    background:#fff!important;
}

.ddk-search-icon{
    width:40px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    color:#555!important;
}

.ddk-search-line input{
    flex:1!important;

    min-width:0!important;

    border:0!important;

    outline:0!important;

    padding:0 7px!important;

    font-size:13px!important;
}

.ddk-search-line button{
    width:88px!important;

    border:0!important;

    background:#075b45!important;

    color:#fff!important;

    font-size:13px!important;

    font-weight:800!important;
}

.ddk-search-options{
    display:flex!important;

    gap:22px!important;

    margin-top:5px!important;

    padding-left:3px!important;
}

.ddk-search-options label{
    display:flex!important;

    align-items:center!important;

    gap:4px!important;

    font-size:11px!important;

    color:#4c4944!important;
}


/* HEADER BUTTONS */

.ddk-header-actions{
    display:flex!important;

    align-items:center!important;

    gap:8px!important;
}

.ddk-head-btn{
    min-height:43px!important;

    padding:
        0 17px!important;

    display:inline-flex!important;

    align-items:center!important;

    justify-content:center!important;

    border-radius:8px!important;

    color:#fff!important;

    font-size:12px!important;

    font-weight:800!important;

    white-space:nowrap!important;
}

.ddk-head-red{
    background:#ad0e36!important;
}

.ddk-head-gold{
    background:#91651f!important;
}

.ddk-head-green{
    background:#075b45!important;
}

.ddk-mobile-menu-btn{
    display:none;
}


/* =========================================================
   GREEN NAV
========================================================= */

.ddk-main-nav-wrap{
    min-height:53px!important;

    background:
        linear-gradient(
            180deg,
            #075e48,
            #034a39
        )!important;

    border-bottom:
        3px solid
        #b98a45!important;
}

.ddk-main-nav-inner{
    width:
        min(
            1500px,
            calc(100% - 34px)
        )!important;

    min-height:53px!important;

    margin:auto!important;
}

.ddk-main-navigation{
    width:100%!important;

    min-height:53px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:0!important;
}

.ddk-main-navigation a{
    height:53px!important;

    padding:
        0 21px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    color:#fff!important;

    font-family:
        "Noto Serif Bengali",
        "Nirmala UI",
        sans-serif!important;

    font-size:14px!important;

    font-weight:700!important;

    text-decoration:none!important;
}

.ddk-main-navigation a:hover{
    background:
        rgba(255,255,255,.10)!important;

    color:#f2cf7b!important;
}

.ddk-main-navigation .ddk-nav-home{
    color:#f1c75d!important;
}


/* =========================================================
   HOMEPAGE OUTER
========================================================= */

.ddk-home{
    width:100%!important;

    max-width:none!important;

    min-height:0!important;

    padding:
        10px 16px 35px!important;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(223,202,159,.18),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 38%,
            rgba(178,202,169,.18),
            transparent 25%
        ),
        #f8f0df!important;

    overflow:visible!important;
}


/* =========================================================
   MAIN GRID
========================================================= */

.ddk-home-grid{
    width:
        min(
            1500px,
            100%
        )!important;

    height:auto!important;

    min-height:0!important;

    margin:0 auto!important;

    display:grid!important;

    grid-template-columns:
        repeat(
            12,
            minmax(0,1fr)
        )!important;

    grid-template-rows:
        350px
        315px
        190px
        auto
        auto!important;

    gap:12px!important;
}


/* =========================================================
   PANELS
========================================================= */

.ddk-panel{
    position:relative!important;

    min-width:0!important;

    min-height:0!important;

    overflow:hidden!important;

    border:
        1px solid
        rgba(160,122,66,.30)!important;

    border-radius:17px!important;

    background:
        rgba(255,252,244,.97)!important;

    box-shadow:
        0 6px 20px
        rgba(75,52,27,.08)!important;
}

.ddk-panel-head{
    min-height:57px!important;

    display:flex!important;

    align-items:flex-start!important;

    justify-content:space-between!important;

    gap:10px!important;

    padding:
        13px 18px 5px!important;
}

.ddk-panel-head.compact{
    min-height:57px!important;
}

.ddk-panel-head h2{
    margin:
        2px 0 0!important;

    font-family:
        "Noto Serif Bengali",
        Georgia,
        serif!important;

    font-size:24px!important;

    line-height:1.1!important;

    font-weight:900!important;
}

.ddk-kicker{
    font-size:10px!important;
}

.ddk-kicker::before{
    width:17px!important;
}


/* =========================================================
   SECTION COLOURS
========================================================= */

.hero-kicker{
    color:#9a681f!important;
}

.moments-kicker{
    color:#9a681f!important;
}

.weekly-kicker{
    color:#a70d35!important;
}

.new-kicker{
    color:#075b45!important;
}

.submission-kicker{
    color:#607043!important;
}

.listen-kicker{
    color:#176b69!important;
}

.search-kicker{
    color:#41657b!important;
}

.donation-kicker{
    color:#745234!important;
}

.poets-kicker{
    color:#367055!important;
}

.news-kicker{
    color:#743d4c!important;
}

.discussion-kicker{
    color:#684b70!important;
}


/* =========================================================
   LIVE COUNTER
========================================================= */

.ddk-live-counter{
    position:absolute!important;

    top:7px!important;

    right:12px!important;

    z-index:80!important;

    padding:
        5px 10px!important;

    font-size:8px!important;

    background:
        rgba(255,255,255,.94)!important;

    border:
        1px solid
        rgba(7,92,70,.16)!important;
}


/* =========================================================
   HERO
========================================================= */

.ddk-hero-area{
    grid-column:1/-1!important;

    grid-row:1!important;

    min-height:350px!important;

    display:flex!important;

    align-items:center!important;

    border-radius:20px!important;

    border-color:#d6bd88!important;

    position:relative!important;

    background:
        radial-gradient(
            circle at 84% 65%,
            rgba(255,213,118,.82),
            transparent 18%
        ),
        radial-gradient(
            ellipse at 93% 65%,
            rgba(43,91,57,.48),
            transparent 22%
        ),
        radial-gradient(
            ellipse at 8% 83%,
            rgba(92,116,62,.34),
            transparent 25%
        ),
        linear-gradient(
            105deg,
            #f4dfad 0%,
            #fff2cf 43%,
            #ecd39d 72%,
            #d9bd79 100%
        )!important;
}

.ddk-hero-area:before{
    content:"";

    position:absolute;

    left:-35px;
    bottom:-65px;

    width:370px;
    height:240px;

    background:
        radial-gradient(
            ellipse,
            rgba(101,67,33,.22),
            transparent 66%
        );

    transform:rotate(-9deg);

    pointer-events:none;
}

.ddk-hero-area:after{
    content:"☼  ≋ ≋ ≋";

    position:absolute;

    right:35px;
    bottom:35px;

    color:
        rgba(76,91,57,.30);

    font:
        90px Georgia,serif;

    letter-spacing:14px;

    pointer-events:none;
}

.ddk-hero-content{
    position:relative!important;

    z-index:3!important;

    width:66%!important;

    max-width:900px!important;

    padding:
        22px 40px!important;
}

.ddk-hero-logo{
    display:none!important;
}

.ddk-main-title{
    margin:
        3px 0 12px!important;

    color:#075540!important;

    font-family:
        "Noto Serif Bengali",
        Georgia,
        serif!important;

    font-size:
        clamp(
            46px,
            5.4vw,
            76px
        )!important;

    line-height:.98!important;

    letter-spacing:-.035em!important;

    font-weight:900!important;
}

.ddk-main-title span{
    display:inline-block!important;

    margin-top:9px!important;

    padding:
        6px 24px 7px!important;

    background:#985027!important;

    color:#fff!important;

    font-size:
        clamp(
            16px,
            1.6vw,
            25px
        )!important;

    line-height:1.35!important;

    clip-path:
        polygon(
            2% 9%,
            97% 0,
            100% 52%,
            96% 91%,
            3% 100%,
            0 48%
        );
}

.ddk-hero-description{
    max-width:650px!important;

    margin:0!important;

    color:#5d4d3d!important;

    font-size:14px!important;

    line-height:1.65!important;
}

.ddk-hero-actions{
    margin-top:16px!important;

    display:flex!important;

    gap:14px!important;
}

.ddk-btn{
    min-height:43px!important;

    padding:
        0 24px!important;

    border-radius:10px!important;

    font-size:13px!important;

    font-weight:800!important;
}

.ddk-btn-primary{
    background:#ad0e36!important;
    color:#fff!important;
}

.ddk-btn-secondary{
    background:#087354!important;
    color:#fff!important;
}

.ddk-btn-outline{
    background:#a36a20!important;
    color:#fff!important;

    border:0!important;
}

.ddk-hero-ornament{
    right:35px!important;

    bottom:20px!important;

    color:
        rgba(100,70,35,.22)!important;

    font-size:90px!important;
}


/* =========================================================
   NEW POEMS
========================================================= */

.ddk-new-area{
    grid-column:1/9!important;

    grid-row:2!important;

    background:
        linear-gradient(
            145deg,
            #fffdf8,
            #f7edda
        )!important;
}

.ddk-new-area .ddk-vertical-window{
    height:
        calc(100% - 62px)!important;

    padding:
        0 15px 14px!important;

    overflow:hidden!important;
}

.ddk-new-area .ddk-vertical-track{
    height:100%!important;

    display:grid!important;

    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        )!important;

    gap:9px!important;

    animation:none!important;

    overflow:hidden!important;
}

.ddk-poem-list-item{
    min-width:0!important;

    min-height:0!important;

    display:flex!important;

    flex-direction:column!important;

    align-items:stretch!important;

    padding:0!important;

    overflow:hidden!important;

    border:
        1px solid
        #e4d5bd!important;

    border-radius:12px!important;

    background:#fff!important;

    box-shadow:
        0 3px 10px
        rgba(68,48,27,.07)!important;

    position:relative!important;
}

.ddk-number{
    position:absolute!important;

    top:7px!important;
    left:7px!important;

    z-index:5!important;

    width:25px!important;
    height:25px!important;

    background:#075b45!important;

    color:#fff!important;
}

.ddk-poem-thumb{
    width:100%!important;

    height:126px!important;

    flex:0 0 126px!important;

    object-fit:cover!important;

    border:0!important;

    border-radius:0!important;

    background:
        linear-gradient(
            135deg,
            #d9e4ca,
            #e5c887
        );
}

.ddk-list-copy{
    min-width:0!important;

    padding:
        9px 10px 8px!important;
}

.ddk-list-copy strong{
    display:block!important;

    color:#3c3832!important;

    font-family:
        "Noto Serif Bengali",
        Georgia,
        serif!important;

    font-size:14px!important;

    line-height:1.25!important;

    white-space:nowrap!important;

    overflow:hidden!important;

    text-overflow:ellipsis!important;
}

.ddk-list-copy small{
    display:block!important;

    margin-top:4px!important;

    color:#537267!important;

    font-size:10px!important;

    white-space:nowrap!important;

    overflow:hidden!important;

    text-overflow:ellipsis!important;
}


/* =========================================================
   WEEKLY / FEATURED POEM
========================================================= */

.ddk-weekly-area{
    grid-column:9/13!important;

    grid-row:2/4!important;

    display:flex!important;

    flex-direction:column!important;

    padding:0!important;

    background:
        linear-gradient(
            145deg,
            #fffdf7,
            #f2e2c6
        )!important;

    border-color:#e0cfb5!important;
}

.ddk-weekly-top{
    padding:
        14px 18px 4px!important;
}

.ddk-weekly-title{
    margin:
        3px 0 1px!important;

    color:#874638!important;

    font-size:25px!important;
}

.ddk-weekly-author{
    color:#075b45!important;

    font-size:11px!important;
}

.ddk-feature-badge{
    padding:
        4px 8px!important;

    border-radius:999px!important;

    background:#f2dfd4!important;

    color:#a04d37!important;

    font-size:8px!important;

    font-weight:900!important;
}

.ddk-weekly-tags{
    display:flex!important;

    gap:4px!important;

    margin:
        6px 13px!important;
}

.ddk-weekly-tags span{
    padding:
        3px 6px!important;

    border-radius:999px!important;

    background:#f0e9dd!important;

    color:#756653!important;

    font-size:7px!important;
}

.ddk-weekly-reading{
    flex:1!important;

    min-height:0!important;

    margin:
        4px 13px!important;

    padding:12px!important;

    border:
        1px solid
        #dfcfb4!important;

    border-radius:11px!important;

    background:
        rgba(255,255,255,.68)!important;

    font-family:
        "Noto Serif Bengali",
        Georgia,
        serif!important;

    font-size:12px!important;

    line-height:1.8!important;

    overflow:auto!important;
}

.ddk-weekly-footer{
    padding:
        5px 13px 12px!important;
}

.ddk-reactions{
    display:flex!important;

    gap:4px!important;

    flex-wrap:wrap!important;

    margin-bottom:5px!important;
}

.ddk-reactions span{
    padding:
        3px 5px!important;

    border-radius:10px!important;

    background:#eee5d7!important;

    font-size:7px!important;
}

.ddk-weekly-footer .ddk-small-primary{
    display:block!important;

    text-align:center!important;

    padding:8px!important;

    border-radius:20px!important;

    background:#075b45!important;

    color:#fff!important;
}


/* =========================================================
   OUR POETS
========================================================= */

.ddk-poets-area{
    grid-column:1/5!important;

    grid-row:3!important;

    background:
        linear-gradient(
            145deg,
            #fffdf7,
            #f3e8d3
        )!important;
}

.ddk-poet-window{
    height:
        calc(100% - 58px)!important;

    padding:
        0 15px 8px!important;

    overflow:hidden!important;
}

.ddk-poet-track{
    height:100%!important;

    display:flex!important;

    align-items:center!important;

    gap:12px!important;

    overflow:hidden!important;

    animation:none!important;
}

.ddk-poet-card{
    width:67px!important;

    flex:0 0 67px!important;

    text-align:center!important;
}

.ddk-poet-card img,
.ddk-poet-placeholder{
    width:57px!important;
    height:57px!important;

    border-radius:50%!important;

    object-fit:cover!important;

    border:
        2px solid
        #fff!important;

    box-shadow:
        0 2px 8px
        rgba(50,35,20,.15)!important;
}

.ddk-poet-card strong{
    display:block!important;

    width:100%!important;

    overflow:hidden!important;

    white-space:nowrap!important;

    text-overflow:ellipsis!important;

    font-size:9px!important;
}


/* =========================================================
   SEARCH
========================================================= */

.ddk-search-area{
    grid-column:5/9!important;

    grid-row:3!important;

    background:
        linear-gradient(
            145deg,
            #fffdf8,
            #f5ecdf
        )!important;
}

.ddk-search-form{
    margin:
        0 15px 8px!important;

    height:36px!important;

    display:flex!important;
}

.ddk-search-form input{
    flex:1!important;

    min-width:0!important;

    border:
        1px solid
        #dfd1bc!important;

    border-radius:
        7px 0 0 7px!important;

    padding:
        0 10px!important;
}

.ddk-search-form button{
    width:66px!important;

    border:0!important;

    border-radius:
        0 7px 7px 0!important;

    background:#075b45!important;

    color:#fff!important;

    font-weight:800!important;
}

.ddk-category-window{
    margin:
        0 15px!important;
}

.ddk-category-track{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:5px!important;

    animation:none!important;
}

.ddk-category-track a{
    padding:
        4px 8px!important;

    border-radius:20px!important;

    background:#eee2ce!important;

    color:#66563f!important;

    font-size:9px!important;
}


/* =========================================================
   SUBMISSION
========================================================= */

.ddk-submission-area{
    grid-column:1/9!important;

    grid-row:4!important;

    min-height:185px!important;

    background:
        linear-gradient(
            145deg,
            #fffdf7,
            #f1e6d2
        )!important;
}

.ddk-submission-intro{
    margin:
        0 24px 14px!important;

    color:#62584d!important;

    font-size:11px!important;

    line-height:1.55!important;

    text-align:center!important;
}

.ddk-submission-area .ddk-panel-head{
    justify-content:center!important;
    text-align:center!important;
}

.ddk-submission-area .ddk-panel-head-main{
    width:100%!important;
    text-align:center!important;
}

.ddk-submission-area .ddk-panel-head h2{
    justify-content:center!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.ddk-submission-actions{
    margin:
        0 18px 8px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
}

.submission-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:145px!important;
    min-height:36px!important;
    padding:
        8px 20px!important;

    border-radius:22px!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:700!important;
    text-decoration:none!important;
    box-shadow:0 3px 10px rgba(70,45,20,.12)!important;
    transition:transform .18s ease, box-shadow .18s ease!important;
}

.submission-button:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 5px 14px rgba(70,45,20,.16)!important;
}

.submission-button-primary{
    background:#075b45!important;
}

.submission-button-secondary{
    background:#9b681f!important;
}



/* =========================================================
   NEWS
========================================================= */

.ddk-news-area{
    grid-column:9/13!important;

    grid-row:4!important;

    min-height:185px!important;

    background:
        linear-gradient(
            145deg,
            #fffdf7,
            #f5e9d5
        )!important;
}

.ddk-news-window{
    height:
        calc(100% - 58px)!important;

    padding:
        0 14px 8px!important;

    overflow:auto!important;
}

.ddk-news-track{
    display:flex!important;

    flex-direction:column!important;

    gap:4px!important;

    animation:none!important;
}

.ddk-news-item{
    min-height:39px!important;

    display:flex!important;

    flex-direction:column!important;

    justify-content:center!important;

    padding:
        4px 6px!important;

    border-bottom:
        1px solid
        #e7d9c2!important;

    background:
        rgba(255,255,255,.45)!important;
}

.ddk-news-item strong{
    color:#4d4338!important;

    font-family:
        "Noto Serif Bengali",
        Georgia,
        serif!important;

    font-size:10px!important;
}

.ddk-news-item small{
    color:#99846a!important;

    font-size:8px!important;
}


/* =========================================================
   EVENT RESULT
========================================================= */

.ddk-event-result{
    margin-top:7px!important;

    padding:8px!important;

    border:
        1px solid
        #decdbb!important;

    border-radius:9px!important;

    background:
        linear-gradient(
            145deg,
            #fffaf3,
            #f5e9da
        )!important;
}

.ddk-event-result-top{
    text-align:center!important;

    margin-bottom:6px!important;
}

.ddk-event-label{
    display:block!important;

    color:#a06b32!important;

    font-size:7px!important;

    font-weight:900!important;
}

.ddk-event-result-top strong{
    display:block!important;

    color:#743d4c!important;

    font-family:
        "Noto Serif Bengali",
        Georgia,
        serif!important;

    font-size:10px!important;
}

.ddk-event-result-top small{
    display:block!important;

    color:#92735b!important;

    font-size:7px!important;
}

.ddk-winners{
    display:grid!important;

    grid-template-columns:
        repeat(3,1fr)!important;

    gap:4px!important;
}

.winner{
    min-height:52px!important;

    display:flex!important;

    flex-direction:column!important;

    align-items:center!important;

    justify-content:center!important;

    padding:
        4px 3px!important;

    border-radius:7px!important;

    text-align:center!important;
}

.winner-medal{
    font-size:13px!important;
}

.winner strong{
    font-size:8px!important;
}

.winner em{
    width:100%!important;

    overflow:hidden!important;

    white-space:nowrap!important;

    text-overflow:ellipsis!important;

    font-style:normal!important;

    font-size:7px!important;
}

.winner.first{
    background:#f4e3bd!important;
    color:#825a27!important;
}

.winner.second{
    background:#e9e9e6!important;
    color:#60635f!important;
}

.winner.third{
    background:#ead9cb!important;
    color:#805847!important;
}

.ddk-event-link{
    display:block!important;

    margin-top:6px!important;

    padding:5px!important;

    border-radius:6px!important;

    background:#743d4c!important;

    color:#fff!important;

    text-align:center!important;

    font-size:7px!important;

    font-weight:900!important;
}

.winner-photo-mini{
    width:22px!important;
    height:22px!important;

    object-fit:cover!important;

    border-radius:50%!important;

    border:
        1px solid
        rgba(255,255,255,.7)!important;

    margin-bottom:2px!important;
}


/* =========================================================
   LOWER EXISTING MODULES
========================================================= */

.ddk-moments-area,
.ddk-listen-area,
.ddk-donation-area,
.ddk-discussion-area{
    grid-column:1/-1!important;

    grid-row:auto!important;

    min-height:175px!important;
}

.ddk-moments-area{
    background:
        linear-gradient(
            145deg,
            #fffdf8,
            #eee4d4
        )!important;
}

.ddk-listen-area{
    background:
        linear-gradient(
            145deg,
            #f7faf8,
            #e8f1ed
        )!important;
}

.ddk-donation-area{
    background:
        linear-gradient(
            145deg,
            #fffaf2,
            #f5ead8
        )!important;
}

.ddk-discussion-area{
    background:
        linear-gradient(
            145deg,
            #faf8fb,
            #eee9f0
        )!important;
}

.ddk-moments-window,
.ddk-listen-area .ddk-vertical-window,
.ddk-discussion-window{
    overflow:auto!important;
}

.ddk-moments-track,
.ddk-discussion-track,
.ddk-listen-area .ddk-vertical-track{
    animation:none!important;
}

.ddk-memory-card{
    width:150px!important;

    height:110px!important;

    flex:0 0 150px!important;
}

.ddk-audio-item{
    min-height:40px!important;
}

.ddk-discussion-item{
    padding:8px!important;

    margin-bottom:5px!important;
}


/* =========================================================
   ORIGINAL SITE MODULES / DETAIL PAGES
========================================================= */

.content-card,
.article-page,
.receipt-card,
.reaction-panel,
.comments-panel,
.report-panel{
    background:
        rgba(255,255,255,.92);

    border:
        1px solid
        rgba(7,92,70,.12);

    border-radius:18px;

    padding:26px;

    margin-bottom:20px;

    box-shadow:
        0 10px 30px
        rgba(31,61,47,.06);
}

.detail-hero{
    padding:28px;

    margin-bottom:20px;

    border-radius:20px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.95),
            rgba(235,243,237,.94)
        );

    border:
        1px solid
        rgba(7,92,70,.12);
}

.rich-text{
    line-height:1.95;
    white-space:normal;
}

.public-winners{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:18px;
}


/* =========================================================
   STATUS / EVENT POEM SELECTION
========================================================= */

.status-open,
.status-closed{
    display:inline-flex;

    align-items:center;

    padding:
        6px 11px;

    border-radius:999px;

    font-size:12px;

    font-weight:800;

    margin-top:8px;
}

.status-open{
    background:#e8f5ec;

    color:#17633d;

    border:
        1px solid
        #bfe0c9;
}

.status-closed{
    background:#f3eee9;

    color:#745c4c;

    border:
        1px solid
        #dfd0c4;
}

.event-poem-list{
    display:grid;

    gap:8px;

    margin-top:18px;
}

.event-poem-row{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:center;

    padding:
        13px 15px;

    border:
        1px solid
        #e5ddd5;

    border-radius:12px;

    background:#fffdf9;
}

.event-poem-row.mine{
    border-color:#a8cdb5;

    background:#f3faf5;
}

.event-poem-copy{
    min-width:0;

    display:flex;

    flex-direction:column;

    gap:3px;
}

.event-poem-copy strong{
    font-family:
        "Noto Serif Bengali",
        serif;

    font-size:18px;

    color:#4b3932;
}

.event-poem-copy span{
    font-size:12px;

    color:#81756e;
}

.event-poem-action{
    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:8px;

    flex-wrap:wrap;
}

.selection-badge{
    display:inline-flex;

    align-items:center;

    padding:
        7px 10px;

    border-radius:8px;

    background:#e7f4ea;

    color:#17633d;

    font-size:12px;

    font-weight:800;
}

.selection-badge.occupied{
    background:#f5eee8;

    color:#75584a;
}


/* =========================================================
   POEM / SEARCH IMAGES
========================================================= */

.ddk-poem-list-item{
    display:flex;

    align-items:center;

    gap:10px;
}

.ddk-poem-thumb{
    width:46px;

    height:46px;

    flex:
        0 0 46px;

    object-fit:cover;

    border-radius:10px;

    border:
        1px solid
        #e5d9ce;

    background:#f7efe7;
}

.ddk-search-result{
    display:grid;

    grid-template-columns:
        auto 1fr;

    column-gap:16px;

    align-items:start;
}

.ddk-search-result>
.eyebrow,
.ddk-search-result>
h2,
.ddk-search-result>
strong,
.ddk-search-result>
p{
    grid-column:2;
}

.ddk-search-thumb{
    grid-row:1 / span 4;

    width:72px;

    height:72px;
}

.poem-cover{
    display:block;

    width:
        min(
            180px,
            45vw
        );

    aspect-ratio:1;

    object-fit:cover;

    border-radius:18px;

    margin:
        0 auto 18px;

    box-shadow:
        0 16px 40px
        rgba(64,35,20,.12);
}

.admin-poem-cover{
    width:140px;

    height:140px;

    object-fit:cover;

    border-radius:16px;
}


/* =========================================================
   RESPONSIVE — DESKTOP
========================================================= */

@media(max-width:1100px){

    .ddk-header-inner{
        grid-template-columns:
            300px
            1fr
            auto!important;
    }

    .ddk-header-brand strong{
        font-size:21px!important;
    }

    .ddk-head-btn{
        padding:
            0 10px!important;

        font-size:10px!important;
    }

    .ddk-main-navigation a{
        padding:
            0 10px!important;

        font-size:11px!important;
    }

    .ddk-main-title{
        font-size:50px!important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:800px){

    body{
        overflow-x:hidden;

        overflow-y:auto;
    }

    body::before{
        background-size:120vw;

        opacity:.038;
    }

    .ddk-header-top{
        min-height:75px!important;
    }

    .ddk-header-inner{
        min-height:75px!important;

        display:flex!important;

        justify-content:
            space-between!important;
    }

    .ddk-header-brand img{
        width:54px!important;

        height:54px!important;
    }

    .ddk-header-brand strong{
        font-size:16px!important;

        white-space:
            normal!important;
    }

    .ddk-header-brand small{
        display:none!important;
    }

    .ddk-header-search,
    .ddk-header-actions{
        display:none!important;
    }

    .ddk-mobile-menu-btn{
        display:flex!important;

        width:42px!important;

        height:42px!important;

        align-items:center!important;

        justify-content:center!important;

        border:0!important;

        border-radius:8px!important;

        background:#075b45!important;

        color:#fff!important;

        font-size:21px!important;
    }

    .ddk-main-navigation{
        display:none!important;

        flex-direction:column!important;
    }

    .ddk-main-navigation.ddk-mobile-open{
        display:flex!important;
    }

    .ddk-main-navigation a{
        width:100%!important;

        height:43px!important;
    }

    .ddk-home{
        padding:8px!important;
    }

    .ddk-home-grid{
        display:flex!important;

        flex-direction:column!important;

        gap:9px!important;
    }

    .ddk-hero-area,
    .ddk-new-area,
    .ddk-weekly-area,
    .ddk-poets-area,
    .ddk-search-area,
    .ddk-submission-area,
    .ddk-news-area,
    .ddk-moments-area,
    .ddk-listen-area,
    .ddk-donation-area,
    .ddk-discussion-area{
        width:100%!important;

        grid-column:auto!important;

        grid-row:auto!important;
    }

    .ddk-hero-area{
        min-height:410px!important;

        align-items:flex-end!important;
    }

    .ddk-hero-content{
        width:100%!important;

        padding:
            25px 18px!important;
    }

    .ddk-main-title{
        font-size:37px!important;
    }

    .ddk-main-title span{
        font-size:15px!important;
    }

    .ddk-new-area .ddk-vertical-track{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )!important;

        overflow:auto!important;
    }

    .ddk-search-result{
        grid-template-columns:
            58px 1fr;
    }

    .ddk-search-thumb{
        width:58px;

        height:58px;
    }

    .event-poem-row{
        grid-template-columns:1fr;
    }

    .event-poem-action{
        justify-content:flex-start;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px){

    .ddk-main-title{
        font-size:32px!important;
    }

    .ddk-panel-head h2{
        font-size:20px!important;
    }

    body::before{
        background-size:140vw;

        opacity:.032;
    }
}


/* =========================================================
   FINAL POEM COVER SUPPORT
========================================================= */

.ddk-poem-list-item{
    display:flex;
    align-items:center;
    gap:10px;
}

.ddk-poem-thumb{
    width:46px;
    height:46px;

    flex:
        0 0 46px;

    object-fit:cover;

    border-radius:10px;

    border:
        1px solid
        #e5d9ce;

    background:#f7efe7;
}

.ddk-search-result{
    display:grid;

    grid-template-columns:
        auto 1fr;

    column-gap:16px;

    align-items:start;
}

.ddk-search-result>
.eyebrow,
.ddk-search-result>
h2,
.ddk-search-result>
strong,
.ddk-search-result>
p{
    grid-column:2;
}

.ddk-search-thumb{
    grid-row:
        1 / span 4;

    width:72px;
    height:72px;
}

.poem-cover{
    display:block;

    width:
        min(
            180px,
            45vw
        );

    aspect-ratio:1;

    object-fit:cover;

    border-radius:18px;

    margin:
        0 auto 18px;

    box-shadow:
        0 16px 40px
        rgba(64,35,20,.12);
}

.admin-poem-cover{
    width:140px;

    height:140px;

    object-fit:cover;

    border-radius:16px;
}

/* =========================================================
   DDK HOMEPAGE — FINAL PLACEMENT / VISUAL FIT
   This block intentionally comes last so the homepage layout
   is controlled from one place.
========================================================= */

html, body{
    overflow-x:hidden !important;
}

body{
    background:#f7efdc !important;
    color:#40382f;
}

/* ---------- HEADER ---------- */

.ddk-new-header{
    position:relative !important;
    z-index:1000 !important;
    background:#fffdf7 !important;
    box-shadow:0 2px 12px rgba(60,45,25,.12) !important;
}

.ddk-header-top{
    min-height:112px !important;
    background:
        radial-gradient(circle at 8% 30%, rgba(211,226,188,.48), transparent 22%),
        radial-gradient(circle at 92% 25%, rgba(245,220,171,.48), transparent 25%),
        url("/assets/images/home/home-floral-left.png") -105px center/115px auto no-repeat,
        url("/assets/images/home/home-floral-right.png") right center/115px auto no-repeat,
        #fffdf7 !important;
}

.ddk-header-inner{
    width:min(1500px, calc(100% - 32px)) !important;
    min-height:112px !important;
    margin:auto !important;
    display:grid !important;
    grid-template-columns:430px minmax(390px, 1fr) auto !important;
    align-items:center !important;
    gap:24px !important;
}

.ddk-header-brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

.ddk-header-brand img{
    width:82px !important;
    height:82px !important;
    object-fit:contain !important;
}

.ddk-header-brand strong{
    display:block !important;
    color:#07533f !important;
    font-family:"Noto Serif Bengali","Nirmala UI",Georgia,serif !important;
    font-size:28px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
}

.ddk-header-brand small{
    display:block !important;
    margin-top:5px !important;
    color:#333 !important;
    font-size:13px !important;
}

.ddk-header-search{
    width:100% !important;
    max-width:620px !important;
    justify-self:center !important;
}

.ddk-search-line{
    height:42px !important;
    display:flex !important;
    align-items:stretch !important;
    overflow:hidden !important;
    border:1px solid #d9d2c5 !important;
    border-radius:5px !important;
    background:#fff !important;
}

.ddk-search-icon{
    width:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.ddk-search-line input{
    flex:1 !important;
    min-width:0 !important;
    border:0 !important;
    outline:0 !important;
    padding:0 8px !important;
    font-size:13px !important;
}

.ddk-search-line button{
    width:90px !important;
    border:0 !important;
    background:#075b45 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.ddk-search-options{
    display:flex !important;
    gap:22px !important;
    margin-top:5px !important;
    padding-left:3px !important;
}

.ddk-search-options label{
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    font-size:11px !important;
    color:#4c4944 !important;
}

.ddk-header-actions{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
}

.ddk-head-btn{
    min-height:43px !important;
    padding:0 17px !important;
    border-radius:8px !important;
    font-size:12px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}

.ddk-main-nav-wrap{
    min-height:53px !important;
    background:linear-gradient(180deg,#075e48,#034a39) !important;
    border-bottom:3px solid #b98a45 !important;
}

.ddk-main-nav-inner{
    width:min(1500px, calc(100% - 32px)) !important;
    min-height:53px !important;
    margin:auto !important;
}

.ddk-main-navigation{
    width:100% !important;
    min-height:53px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
}

.ddk-main-navigation a{
    height:53px !important;
    padding:0 21px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-family:"Noto Serif Bengali","Nirmala UI",sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
}

.ddk-main-navigation a:hover{
    background:rgba(255,255,255,.10) !important;
    color:#f2cf7b !important;
}

.ddk-main-navigation .ddk-nav-home{
    color:#f1c75d !important;
}

/* ---------- HOMEPAGE CANVAS ---------- */

.ddk-home{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    padding:10px 16px 35px !important;
    overflow:visible !important;
    background:
        radial-gradient(circle at 10% 12%, rgba(223,202,159,.18), transparent 25%),
        radial-gradient(circle at 88% 35%, rgba(178,202,169,.18), transparent 24%),
        #f8f0df !important;
}

.ddk-home::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
        url("/assets/images/home/home-leaf-left.png") left bottom/170px auto no-repeat,
        url("/assets/images/home/home-leaf-right.png") right top/170px auto no-repeat,
        url("/assets/images/home/home-floral-left.png") left 18px/150px auto no-repeat,
        url("/assets/images/home/home-floral-right.png") right 20px/150px auto no-repeat !important;
    opacity:.42 !important;
    z-index:0 !important;
}

.ddk-home-grid{
    position:relative !important;
    z-index:2 !important;
    width:min(1500px,100%) !important;
    height:auto !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(16,minmax(0,1fr)) !important;
    grid-template-rows:345px 315px 190px auto auto !important;
    gap:10px !important;
    overflow:visible !important;
}

.ddk-panel{
    position:relative !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(160,122,66,.30) !important;
    border-radius:17px !important;
    background:rgba(255,252,244,.97) !important;
    box-shadow:0 6px 20px rgba(75,52,27,.08) !important;
}

.ddk-panel::before{
    content:"" !important;
    position:absolute !important;
    left:14px !important;
    right:14px !important;
    top:0 !important;
    height:3px !important;
    border-radius:0 0 5px 5px !important;
    background:linear-gradient(90deg,#075b45,#c69a50,#a70d35) !important;
    z-index:5 !important;
}

.ddk-panel-head{
    position:relative !important;
    z-index:4 !important;
    min-height:57px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:11px 18px 5px !important;
}

.ddk-panel-head-main{min-width:0 !important;}

.ddk-panel-head h2{
    margin:2px 0 0 !important;
    color:#075b45 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:23px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
}

.ddk-kicker{
    display:block !important;
    color:#9a681f !important;
    font-size:9px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
}

.ddk-head-icon{
    width:20px !important;
    height:20px !important;
    object-fit:contain !important;
    vertical-align:-5px !important;
    margin-right:4px !important;
}

.ddk-view-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:5px 10px !important;
    border-radius:13px !important;
    background:#075b45 !important;
    color:#fff !important;
    font-size:8px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

/* ---------- HERO: 12 COLS ---------- */

.ddk-hero-area{
    grid-column:1/13 !important;
    grid-row:1 !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    padding:18px 28px !important;
    border-radius:20px !important;
    border-color:#d6bd88 !important;
    background:
        linear-gradient(90deg,rgba(255,249,230,.88),rgba(255,247,222,.50)),
        url("/assets/images/home/home-header-bg.jpg") center/cover no-repeat !important;
}

.ddk-hero-area::after{
    content:"" !important;
    position:absolute !important;
    right:16px !important;
    bottom:0 !important;
    width:225px !important;
    height:155px !important;
    background:url("/assets/images/home/home-book-quill.png") right bottom/contain no-repeat !important;
    opacity:.78 !important;
    pointer-events:none !important;
}

.ddk-hero-content{
    position:relative !important;
    z-index:3 !important;
    width:72% !important;
    max-width:780px !important;
    padding:15px 28px !important;
}

.ddk-brand-row{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    margin-bottom:3px !important;
}

.ddk-hero-logo{display:none !important;}

.ddk-main-title{
    margin:0 !important;
    color:#075540 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:clamp(42px,4.1vw,64px) !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
    font-weight:900 !important;
}

.ddk-main-title span{
    display:inline-block !important;
    margin-top:7px !important;
    padding:4px 20px 5px !important;
    color:#fff !important;
    background:#9c5427 !important;
    clip-path:polygon(2% 8%,97% 0,100% 50%,96% 92%,3% 100%,0 48%) !important;
    font-size:clamp(15px,1.45vw,22px) !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}

.ddk-hero-description{
    max-width:640px !important;
    margin:8px 0 0 !important;
    color:#5f554a !important;
    font-size:13px !important;
    line-height:1.55 !important;
}

.ddk-hero-actions{
    display:flex !important;
    gap:13px !important;
    margin-top:13px !important;
    flex-wrap:wrap !important;
}

.ddk-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 22px !important;
    border-radius:12px !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.ddk-btn-primary{background:#ad0e36 !important;}
.ddk-btn-secondary{background:#087354 !important;}
.ddk-btn-outline{background:#a36a20 !important;}

/* ---------- WEEKLY: keep backend intact but place it below viewport ---------- */

.ddk-weekly-area{
    display:none !important;
}

/* ---------- NEW POEMS: 12 COLS ---------- */

.ddk-new-area{
    grid-column:1/13 !important;
    grid-row:2 !important;
    background:
        linear-gradient(145deg,rgba(255,253,248,.97),rgba(246,234,213,.95)),
        url("/assets/images/home/home-divider.png") center bottom/80% auto no-repeat !important;
}

.ddk-scroll-window{
    height:calc(100% - 57px) !important;
    padding:0 15px 12px !important;
    overflow:hidden !important;
}

.ddk-new-track{
    height:100% !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:10px !important;
    overflow:hidden !important;
    animation:none !important;
}

.ddk-poem-list-item{
    min-width:0 !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid #e4d5bd !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 3px 10px rgba(68,48,27,.07) !important;
}

.ddk-poem-thumb{
    width:100% !important;
    height:126px !important;
    flex:0 0 126px !important;
    object-fit:cover !important;
    border:0 !important;
    border-radius:0 !important;
    background:linear-gradient(135deg,#d9e4ca,#e5c887) !important;
}

.ddk-list-copy{
    min-width:0 !important;
    padding:9px 10px 8px !important;
}

.ddk-list-copy strong{
    display:block !important;
    color:#3c3832 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:14px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.ddk-list-copy small{
    display:block !important;
    margin-top:4px !important;
    color:#537267 !important;
    font-size:10px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* ---------- EVENT: right sidebar row 2 ---------- */

.ddk-event-area{
    grid-column:13/17 !important;
    grid-row:2 !important;
    min-height:0 !important;
    background:
        linear-gradient(145deg,rgba(255,253,247,.97),rgba(244,226,193,.95)),
        url("/assets/images/home/home-books.png") right bottom/180px auto no-repeat !important;
}

.ddk-event-body{
    height:calc(100% - 57px) !important;
    overflow:hidden !important;
    padding:0 13px 10px !important;
}

.ddk-event-result{
    margin-top:5px !important;
    padding:10px !important;
    border:1px solid #decdbb !important;
    border-radius:11px !important;
    background:linear-gradient(145deg,#fffaf3,#f5e9da) !important;
}

.ddk-event-result-top{
    text-align:center !important;
    margin-bottom:7px !important;
}

.ddk-event-label{
    display:inline-block !important;
    padding:3px 7px !important;
    border-radius:9px !important;
    background:#075b45 !important;
    color:#fff !important;
    font-size:7px !important;
    font-weight:900 !important;
}

.ddk-event-result-top strong{
    display:block !important;
    margin-top:4px !important;
    color:#a70d35 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:17px !important;
}

.ddk-event-result-top small{
    display:block !important;
    color:#92735b !important;
    font-size:9px !important;
}

.ddk-winners{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:5px !important;
}

.winner{
    min-height:58px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    padding:4px 3px !important;
    border-radius:8px !important;
    text-align:center !important;
}

.winner-medal{font-size:15px !important;}
.winner strong{font-size:8px !important;}
.winner em{
    width:100% !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    font-style:normal !important;
    font-size:7px !important;
}

.winner.first{background:#f4e3bd !important;color:#825a27 !important;}
.winner.second{background:#e9e9e6 !important;color:#60635f !important;}
.winner.third{background:#ead9cb !important;color:#805847 !important;}

.winner-photo-mini{
    width:24px !important;
    height:24px !important;
    object-fit:cover !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.7) !important;
    margin-bottom:2px !important;
}

.ddk-event-link{
    display:block !important;
    margin-top:7px !important;
    padding:7px !important;
    border-radius:8px !important;
    background:#a70d35 !important;
    color:#fff !important;
    text-align:center !important;
    font-size:8px !important;
    font-weight:900 !important;
}

/* ---------- ROW 3: POETS / SEARCH / DONATION / NEWS ---------- */

.ddk-poets-area{
    grid-column:1/5 !important;
    grid-row:3 !important;
    background:linear-gradient(145deg,#fffdf7,#f3e8d3) !important;
}

.ddk-poet-window{
    height:calc(100% - 57px) !important;
    padding:0 14px 8px !important;
    overflow:hidden !important;
}

.ddk-poet-track{
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    overflow:hidden !important;
    animation:none !important;
}

.ddk-poet-card{
    width:66px !important;
    flex:0 0 66px !important;
    text-align:center !important;
}

.ddk-poet-card img,
.ddk-poet-placeholder{
    width:56px !important;
    height:56px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    border:2px solid #fff !important;
    box-shadow:0 2px 8px rgba(50,35,20,.15) !important;
}

.ddk-poet-card strong{
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    font-size:9px !important;
}

.ddk-search-area{
    grid-column:5/9 !important;
    grid-row:3 !important;
    background:linear-gradient(145deg,#fffdf8,#f5ecdf) !important;
}

.ddk-search-area .ddk-panel-head h2{
    color:#41657b !important;
}

.ddk-search-form{
    margin:0 15px 9px !important;
    height:37px !important;
    display:flex !important;
}

.ddk-search-form input{
    flex:1 !important;
    min-width:0 !important;
    border:1px solid #dfd1bc !important;
    border-radius:7px 0 0 7px !important;
    padding:0 10px !important;
    outline:0 !important;
    font-size:9px !important;
}

.ddk-search-form button{
    width:68px !important;
    border:0 !important;
    border-radius:0 7px 7px 0 !important;
    background:#075b45 !important;
    color:#fff !important;
    font-weight:800 !important;
    font-size:9px !important;
}

.ddk-category-window{
    margin:0 15px !important;
}

.ddk-category-track{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
}

.ddk-category-track a{
    padding:4px 8px !important;
    border-radius:20px !important;
    background:#eee2ce !important;
    color:#66563f !important;
    font-size:8px !important;
}

.ddk-donation-area{
    grid-column:9/13 !important;
    grid-row:3 !important;
    background:
        linear-gradient(145deg,#fffaf2,#f5ead8),
        url("/assets/images/home/home-donation.png") right bottom/190px auto no-repeat !important;
}

.ddk-donation-text{
    margin:0 18px 10px !important;
    color:#62584d !important;
    font-size:10px !important;
    line-height:1.5 !important;
    max-width:280px !important;
}

.ddk-donation-button{
    display:inline-flex !important;
    margin:0 18px !important;
    padding:7px 15px !important;
    border-radius:20px !important;
    background:#9b681f !important;
    color:#fff !important;
    font-size:9px !important;
    font-weight:900 !important;
}

.ddk-news-discussion-area{
    grid-column:13/17 !important;
    grid-row:3 !important;
    min-height:0 !important;
    display:block !important;
    overflow:hidden !important;
}

.ddk-news-discussion-area .ddk-mini-panel:first-child{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:100% !important;
    background:linear-gradient(145deg,#fffdf7,#f5e9d5) !important;
}

.ddk-news-discussion-area .ddk-mini-panel:nth-child(2){
    display:none !important;
}

.ddk-mini-head{
    min-height:57px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:11px 18px 5px !important;
}

.ddk-mini-head h2{
    margin:2px 0 0 !important;
    color:#743d4c !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:22px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
}

.ddk-news-window,
.ddk-mini-window{
    flex:1 !important;
    min-height:0 !important;
    padding:0 14px 8px !important;
    overflow:hidden !important;
}

.ddk-news-track{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
    animation:none !important;
}

.ddk-news-item{
    min-height:43px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:4px 7px !important;
    border-bottom:1px solid #e7d9c2 !important;
    background:rgba(255,255,255,.45) !important;
}

.ddk-news-item strong{
    color:#4d4338 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:10px !important;
}

.ddk-news-item small{
    color:#99846a !important;
    font-size:8px !important;
}

/* ---------- LOWER MODULES: leave them after the showcase ---------- */

.ddk-submission-area,
.ddk-listen-area,
.ddk-discussion-area,
.ddk-moments-area{
    grid-column:1/-1 !important;
    grid-row:auto !important;
    min-height:185px !important;
}

.ddk-listen-area{background:linear-gradient(145deg,#f7faf8,#e8f1ed) !important;}
.ddk-submission-area{background:linear-gradient(145deg,#fffdf7,#f1e6d2) !important;}
.ddk-discussion-area{background:linear-gradient(145deg,#faf8fb,#eee9f0) !important;}
.ddk-moments-area{background:linear-gradient(145deg,#fffdf8,#eee4d4) !important;}

/* ---------- DESKTOP ---------- */

@media (min-width:1101px){
    html,body{overflow-y:auto !important;}
}

/* ---------- TABLET ---------- */

@media (max-width:1100px){
    .ddk-header-inner{
        grid-template-columns:1fr auto !important;
        gap:12px !important;
    }

    .ddk-header-search{
        grid-column:1/-1 !important;
        grid-row:2 !important;
        max-width:none !important;
        padding-bottom:8px !important;
    }

    .ddk-header-top{
        min-height:158px !important;
    }

    .ddk-header-inner{
        min-height:158px !important;
    }

    .ddk-home-grid{
        grid-template-columns:repeat(8,minmax(0,1fr)) !important;
        grid-template-rows:auto !important;
    }

    .ddk-hero-area,
    .ddk-new-area{
        grid-column:1/-1 !important;
        grid-row:auto !important;
        min-height:320px !important;
    }

    .ddk-event-area,
    .ddk-poets-area,
    .ddk-search-area,
    .ddk-donation-area,
    .ddk-news-discussion-area{
        grid-column:auto !important;
        grid-row:auto !important;
        min-height:200px !important;
    }

    .ddk-new-track{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

/* ---------- MOBILE ---------- */

@media (max-width:700px){
    .ddk-header-inner{
        display:flex !important;
        flex-wrap:wrap !important;
        min-height:auto !important;
        padding:8px 0 !important;
    }

    .ddk-header-top{
        min-height:0 !important;
    }

    .ddk-header-brand strong{font-size:20px !important;}
    .ddk-header-brand img{width:60px !important;height:60px !important;}
    .ddk-header-actions{margin-left:auto !important;}
    .ddk-main-navigation{display:none !important;}

    .ddk-home{padding:7px !important;}

    .ddk-home-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:8px !important;
    }

    .ddk-hero-area{
        min-height:360px !important;
        padding:20px 16px !important;
        align-items:flex-end !important;
    }

    .ddk-hero-content{
        width:100% !important;
        padding:18px 10px !important;
    }

    .ddk-main-title{font-size:36px !important;}
    .ddk-main-title span{font-size:14px !important;}

    .ddk-new-area{min-height:430px !important;}
    .ddk-new-track{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    .ddk-event-area,
    .ddk-poets-area,
    .ddk-search-area,
    .ddk-donation-area,
    .ddk-news-discussion-area,
    .ddk-submission-area,
    .ddk-listen-area{min-height:220px !important;}
}

/* =========================================================
   DDK — FINAL HOMEPAGE PLACEMENT FIX
   Match the intended visual hierarchy:
   HERO FULL WIDTH
   NEW POEMS + EVENT
   POETS + SEARCH + DONATION + NEWS
   Other modules remain below.
========================================================= */

/* Desktop canvas */
@media (min-width:1101px){

    .ddk-home-grid{
        grid-template-columns:repeat(16,minmax(0,1fr)) !important;
        grid-template-rows:350px 315px 190px auto auto !important;
        gap:10px !important;
        overflow:visible !important;
    }

    /* HERO MUST SPAN THE WHOLE PAGE */
    .ddk-hero-area{
        grid-column:1/-1 !important;
        grid-row:1 !important;
        min-height:0 !important;
        width:100% !important;
    }

    .ddk-hero-content{
        width:68% !important;
        max-width:900px !important;
    }

    .ddk-main-title{
        font-size:clamp(46px,4.5vw,70px) !important;
    }

    .ddk-hero-description{
        max-width:690px !important;
        font-size:13px !important;
    }

    /* MAIN SHOWCASE ROW */
    .ddk-new-area{
        grid-column:1/13 !important;
        grid-row:2 !important;
        min-height:0 !important;
    }

    .ddk-event-area{
        grid-column:13/17 !important;
        grid-row:2 !important;
        min-height:0 !important;
    }

    /* FOUR EQUAL LOWER BLOCKS */
    .ddk-poets-area{
        grid-column:1/5 !important;
        grid-row:3 !important;
        min-height:0 !important;
    }

    .ddk-search-area{
        grid-column:5/9 !important;
        grid-row:3 !important;
        min-height:0 !important;
    }

    .ddk-donation-area{
        grid-column:9/13 !important;
        grid-row:3 !important;
        min-height:0 !important;
    }

    .ddk-news-discussion-area{
        grid-column:13/17 !important;
        grid-row:3 !important;
        min-height:0 !important;
    }

    /* Keep secondary content below the showcase, never beside it */
    .ddk-submission-area,
    .ddk-listen-area,
    .ddk-discussion-area,
    .ddk-moments-area{
        grid-column:1/-1 !important;
        grid-row:auto !important;
    }

    /* New-poem cards: remain a clean horizontal row */
    .ddk-new-track{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    /* If only one poem exists, keep it compact rather than stretching */
    .ddk-new-track > .ddk-poem-list-item:only-child{
        width:205px !important;
        justify-self:start !important;
    }
}

/* Tablet: preserve the same hierarchy without desktop overflow */
@media (min-width:701px) and (max-width:1100px){

    .ddk-home-grid{
        display:grid !important;
        grid-template-columns:repeat(8,minmax(0,1fr)) !important;
        grid-template-rows:auto !important;
        gap:9px !important;
    }

    .ddk-hero-area,
    .ddk-new-area{
        grid-column:1/-1 !important;
        grid-row:auto !important;
    }

    .ddk-event-area{
        grid-column:1/-1 !important;
        grid-row:auto !important;
    }

    .ddk-poets-area,
    .ddk-search-area,
    .ddk-donation-area,
    .ddk-news-discussion-area{
        grid-column:span 4 !important;
        grid-row:auto !important;
    }
}

/* Mobile stays one clean vertical flow */
@media (max-width:700px){

    .ddk-home-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:9px !important;
    }

    .ddk-hero-area,
    .ddk-new-area,
    .ddk-event-area,
    .ddk-poets-area,
    .ddk-search-area,
    .ddk-donation-area,
    .ddk-news-discussion-area,
    .ddk-submission-area,
    .ddk-listen-area{
        width:100% !important;
        grid-column:auto !important;
        grid-row:auto !important;
    }

    .ddk-new-track{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* =========================================================
   DDK HOMEPAGE — FINAL CLEAN DESKTOP COMPOSITION
   This block intentionally overrides the earlier experimental
   homepage placement rules without changing PHP/data.
========================================================= */

@media (min-width:1101px){

  .ddk-home{
    width:100% !important;
    max-width:none !important;
    padding:12px 16px 28px !important;
    overflow:visible !important;
  }

  .ddk-home-grid{
    width:min(1500px,100%) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(16,minmax(0,1fr)) !important;
    grid-template-rows:300px 230px 150px 150px !important;
    gap:10px !important;
    align-items:stretch !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  .ddk-panel{
    min-width:0 !important;
    min-height:0 !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
  }

  /* ======================================================
     ROW 1 — HERO + EVENT
     Hero is the main attraction: 12/16 width.
  ====================================================== */

  .ddk-hero-area{
    grid-column:1/13 !important;
    grid-row:1 !important;
    height:300px !important;
    min-height:300px !important;
    padding:0 !important;
    display:flex !important;
    align-items:stretch !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:
      linear-gradient(90deg,rgba(255,249,230,.18),rgba(255,247,222,.04)),
      url("/assets/images/home/home-header-bg.jpeg") center center / cover no-repeat !important;
  }

  .ddk-hero-area::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg,
        rgba(255,248,225,.82) 0%,
        rgba(255,248,225,.52) 39%,
        rgba(255,248,225,.08) 72%,
        rgba(255,248,225,.00) 100%) !important;
  }

  .ddk-hero-area::after{
    content:"" !important;
    position:absolute !important;
    right:16px !important;
    bottom:5px !important;
    width:285px !important;
    height:205px !important;
    z-index:3 !important;
    pointer-events:none !important;
    background:url("/assets/images/home/home-book-quill.png") right bottom / contain no-repeat !important;
    opacity:1 !important;
  }

  .ddk-hero-content{
    position:relative !important;
    z-index:4 !important;
    width:72% !important;
    max-width:850px !important;
    padding:28px 30px !important;
    align-self:center !important;
  }

  .ddk-brand-row{margin-bottom:2px !important;}
  .ddk-main-title{
    margin:0 !important;
    font-size:clamp(48px,4.35vw,72px) !important;
    line-height:.98 !important;
    color:#075540 !important;
  }

  .ddk-main-title span{
    margin-top:8px !important;
    padding:5px 22px 6px !important;
    font-size:clamp(16px,1.45vw,23px) !important;
    line-height:1.2 !important;
  }

  .ddk-hero-description{
    max-width:650px !important;
    margin:8px 0 0 !important;
    font-size:13px !important;
    line-height:1.45 !important;
  }

  .ddk-hero-actions{
    margin-top:12px !important;
    gap:10px !important;
  }

  .ddk-btn{
    min-height:40px !important;
    padding:0 20px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }

  .ddk-event-area{
    grid-column:13/17 !important;
    grid-row:1 !important;
    height:300px !important;
    min-height:300px !important;
    overflow:hidden !important;
  }

  .ddk-event-body{
    height:calc(100% - 57px) !important;
    padding:0 12px 10px !important;
    overflow:hidden !important;
  }

  /* ======================================================
     ROW 2 — NEW / LISTEN / POETS / WEEKLY
  ====================================================== */

  .ddk-new-area{
    grid-column:1/5 !important;
    grid-row:2 !important;
    height:230px !important;
    min-height:230px !important;
  }

  .ddk-listen-area{
    grid-column:5/9 !important;
    grid-row:2 !important;
    height:230px !important;
    min-height:230px !important;
    overflow:hidden !important;
  }

  .ddk-poets-area{
    grid-column:9/13 !important;
    grid-row:2 !important;
    height:230px !important;
    min-height:230px !important;
  }

  .ddk-weekly-area{
    display:flex !important;
    grid-column:13/17 !important;
    grid-row:2 !important;
    height:230px !important;
    min-height:230px !important;
    flex-direction:column !important;
    padding:0 !important;
    overflow:hidden !important;
    background:
      linear-gradient(145deg,rgba(255,253,247,.97),rgba(244,226,193,.96)),
      url("/assets/images/home/home-books.png") right bottom / 150px auto no-repeat !important;
  }

  .ddk-weekly-top{
    padding:11px 13px 3px !important;
  }

  .ddk-weekly-title{
    margin:2px 0 0 !important;
    font-size:20px !important;
    line-height:1.12 !important;
  }

  .ddk-weekly-author{font-size:9px !important;}
  .ddk-weekly-tags{margin:4px 10px !important;}

  .ddk-weekly-reading{
    flex:1 1 auto !important;
    min-height:0 !important;
    margin:3px 10px !important;
    padding:8px 9px !important;
    font-size:10px !important;
    line-height:1.55 !important;
    overflow:hidden !important;
  }

  .ddk-weekly-footer{padding:4px 10px 8px !important;}
  .ddk-weekly-footer .ddk-small-primary{padding:6px !important;font-size:8px !important;}

  /* New poem card: one/two/three items never create a huge empty
     visual hole. The track remains a compact horizontal card row. */
  .ddk-scroll-window{
    height:calc(100% - 57px) !important;
    padding:0 12px 10px !important;
    overflow:hidden !important;
  }

  .ddk-new-track{
    height:100% !important;
    display:grid !important;
    grid-template-columns:repeat(1,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:hidden !important;
  }

  .ddk-new-track > .ddk-poem-list-item{
    width:100% !important;
    height:100% !important;
  }

  .ddk-poem-thumb{
    height:132px !important;
    flex:0 0 132px !important;
  }

  /* Listen panel is a compact editorial card, not an empty tall box. */
  .ddk-listen-area .ddk-vertical-window{
    height:calc(100% - 57px) !important;
    padding:0 12px 8px !important;
    overflow:hidden !important;
  }

  .ddk-listen-area .ddk-vertical-track{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    height:100% !important;
    overflow:hidden !important;
  }

  .ddk-listen-area .ddk-audio-item{
    min-width:0 !important;
    min-height:0 !important;
    height:100% !important;
  }

  /* ======================================================
     ROW 3 — SUBMISSION / SEARCH / NEWS RAIL
     News spans the right rail; no giant blank hole.
  ====================================================== */

  .ddk-submission-area{
    grid-column:1/9 !important;
    grid-row:3 !important;
    height:150px !important;
    min-height:150px !important;
  }

  .ddk-search-area{
    grid-column:9/13 !important;
    grid-row:3 !important;
    height:150px !important;
    min-height:150px !important;
  }

  .ddk-news-discussion-area{
    grid-column:13/17 !important;
    grid-row:3/5 !important;
    height:310px !important;
    min-height:310px !important;
    overflow:hidden !important;
  }

  .ddk-news-discussion-area .ddk-mini-panel:first-child{
    height:100% !important;
  }

  /* Donation sits beneath search, not as an orphaned full-width block. */
  .ddk-donation-area{
    grid-column:9/13 !important;
    grid-row:4 !important;
    height:150px !important;
    min-height:150px !important;
    overflow:hidden !important;
  }

  /* The remaining secondary modules go below the designed portal face. */
  .ddk-discussion-area,
  .ddk-moments-area{
    grid-column:1/9 !important;
    grid-row:4 !important;
    height:150px !important;
    min-height:150px !important;
  }

  .ddk-listen-area .ddk-panel-head h2,
  .ddk-poets-area .ddk-panel-head h2,
  .ddk-search-area .ddk-panel-head h2{
    font-size:21px !important;
  }

  .ddk-panel-head{
    min-height:54px !important;
    padding:10px 14px 4px !important;
  }

  .ddk-panel-head h2{font-size:21px !important;}
  .ddk-kicker{font-size:8px !important;}
  .ddk-view-link{font-size:8px !important;padding:5px 9px !important;}

  /* Prevent the old full-width lower modules from re-entering the
     first four rows through earlier CSS rules. */
  .ddk-submission-area,
  .ddk-listen-area,
  .ddk-donation-area,
  .ddk-discussion-area,
  .ddk-moments-area,
  .ddk-news-discussion-area,
  .ddk-new-area,
  .ddk-weekly-area,
  .ddk-event-area,
  .ddk-poets-area,
  .ddk-search-area,
  .ddk-hero-area{
    align-self:stretch !important;
    justify-self:stretch !important;
  }
}

/* =========================================================
   SMALLER DESKTOPS / TABLET
========================================================= */
@media (min-width:701px) and (max-width:1100px){
  .ddk-home-grid{
    grid-template-columns:repeat(8,minmax(0,1fr)) !important;
    grid-template-rows:270px auto auto auto auto !important;
    gap:9px !important;
  }
  .ddk-hero-area{grid-column:1/-1 !important;grid-row:1 !important;height:270px !important;min-height:270px !important;}
  .ddk-event-area{grid-column:1/5 !important;grid-row:2 !important;height:220px !important;min-height:220px !important;}
  .ddk-weekly-area{display:flex !important;grid-column:5/9 !important;grid-row:2 !important;height:220px !important;min-height:220px !important;}
  .ddk-new-area{grid-column:1/5 !important;grid-row:3 !important;height:240px !important;min-height:240px !important;}
  .ddk-listen-area{grid-column:5/9 !important;grid-row:3 !important;height:240px !important;min-height:240px !important;}
  .ddk-poets-area{grid-column:1/5 !important;grid-row:4 !important;height:180px !important;min-height:180px !important;}
  .ddk-search-area{grid-column:5/9 !important;grid-row:4 !important;height:180px !important;min-height:180px !important;}
  .ddk-submission-area,.ddk-donation-area,.ddk-news-discussion-area{grid-column:1/-1 !important;grid-row:auto !important;height:auto !important;min-height:180px !important;}
}

/* =========================================================
   MOBILE — clean single column, no desktop geometry leakage
========================================================= */
@media (max-width:700px){
  .ddk-home-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  .ddk-hero-area{
    order:1 !important;
    width:100% !important;
    height:360px !important;
    min-height:360px !important;
  }
  .ddk-event-area{order:2 !important;}
  .ddk-weekly-area{order:3 !important;display:flex !important;}
  .ddk-new-area{order:4 !important;}
  .ddk-listen-area{order:5 !important;}
  .ddk-poets-area{order:6 !important;}
  /* Mobile only: keep reciter honours below OUR POETS. */
  .ddk-reciter-honours-area{order:8 !important;}
  .ddk-submission-area{order:7 !important;}
  .ddk-submission-actions{
    gap:8px !important;
    margin-left:12px !important;
    margin-right:12px !important;
  }
  .submission-button{
    min-width:132px !important;
    padding:8px 14px !important;
  }
  .ddk-search-area{order:9 !important;}
  .ddk-donation-area{order:10 !important;}
  .ddk-news-discussion-area{order:11 !important;}
  .ddk-discussion-area{order:12 !important;}
  .ddk-moments-area{order:13 !important;}
  .ddk-main-title{font-size:36px !important;}
  .ddk-hero-content{width:100% !important;padding:20px 15px !important;}
  .ddk-hero-area::after{width:190px !important;height:140px !important;right:5px !important;}
}

/* =========================================================
   HERO TYPOGRAPHY / READABILITY FINAL FIX
   Fixes clipped heading and compressed Bengali word spacing.
========================================================= */
@media (min-width:1101px){
  .ddk-hero-area{
    align-items:center !important;
    overflow:hidden !important;
  }

  .ddk-hero-content{
    width:68% !important;
    max-width:760px !important;
    padding:22px 30px !important;
    margin:0 !important;
  }

  .ddk-main-title{
    font-size:clamp(42px,3.55vw,56px) !important;
    line-height:1.04 !important;
    letter-spacing:normal !important;
    word-spacing:normal !important;
    white-space:normal !important;
    margin:0 !important;
  }

  .ddk-main-title span{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    margin-top:8px !important;
    padding:6px 24px 7px !important;
    color:#fff !important;
    background:#985027 !important;
    font-size:clamp(15px,1.25vw,19px) !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:normal !important;
    word-spacing:.22em !important;
    white-space:normal !important;
    clip-path:polygon(2% 8%,97% 0,100% 50%,96% 92%,3% 100%,0 48%) !important;
  }

  .ddk-hero-description{
    max-width:620px !important;
    margin:8px 0 0 !important;
    font-size:11px !important;
    line-height:1.55 !important;
    letter-spacing:normal !important;
    word-spacing:.08em !important;
  }

  .ddk-hero-actions{
    margin-top:11px !important;
    gap:10px !important;
  }

  .ddk-btn{
    min-height:39px !important;
    padding:0 19px !important;
    font-size:12px !important;
  }

  /* Keep the artwork visible while giving the text a clean reading field. */
  .ddk-hero-area::before{
    background:linear-gradient(
      90deg,
      rgba(255,248,225,.94) 0%,
      rgba(255,248,225,.82) 38%,
      rgba(255,248,225,.28) 64%,
      rgba(255,248,225,0) 100%
    ) !important;
  }
}

/* =========================================================
   FINAL HERO CLEAN FIX — 25 SEP 2026
   Keep the real asset logo. Keep the hero artwork visible.
   Prevent Bengali heading from being clipped by the navbar.
========================================================= */

@media (min-width:1101px){
  .ddk-hero-area{
    grid-column:1/13 !important;
    grid-row:1 !important;
    min-height:350px !important;
    height:350px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    position:relative !important;
  }

  .ddk-hero-area::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:linear-gradient(
      90deg,
      rgba(255,248,225,.92) 0%,
      rgba(255,248,225,.72) 34%,
      rgba(255,248,225,.28) 62%,
      rgba(255,248,225,.03) 100%
    ) !important;
  }

  .ddk-hero-area::after{
    z-index:2 !important;
    right:18px !important;
    bottom:0 !important;
    width:285px !important;
    height:205px !important;
    opacity:1 !important;
    background:url("/assets/images/home/home-book-quill.png") right bottom/contain no-repeat !important;
  }

  .ddk-hero-content{
    z-index:4 !important;
    width:68% !important;
    max-width:820px !important;
    padding:18px 30px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .ddk-brand-row{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    margin:0 0 3px !important;
  }

  /* Real logo asset — no generated/reworked logo. */
  .ddk-hero-logo{
    display:block !important;
    width:46px !important;
    height:46px !important;
    object-fit:contain !important;
    flex:0 0 46px !important;
  }

  .ddk-kicker{
    font-size:10px !important;
    line-height:1.15 !important;
    color:#075540 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  .ddk-main-title{
    margin:0 !important;
    color:#075540 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:clamp(38px,3.15vw,50px) !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    word-spacing:normal !important;
    white-space:normal !important;
    font-weight:900 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
  }

  .ddk-main-title span{
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    margin-top:7px !important;
    padding:5px 18px 6px !important;
    color:#fff !important;
    background:#985027 !important;
    font-size:clamp(15px,1.25vw,19px) !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    word-spacing:.16em !important;
    white-space:nowrap !important;
    clip-path:polygon(2% 8%,97% 0,100% 50%,96% 92%,3% 100%,0 48%) !important;
  }

  .ddk-hero-description{
    max-width:590px !important;
    margin:7px 0 0 !important;
    color:#4d463e !important;
    font-size:10px !important;
    line-height:1.45 !important;
    letter-spacing:0 !important;
    word-spacing:.08em !important;
  }

  .ddk-hero-actions{
    display:flex !important;
    gap:9px !important;
    margin-top:10px !important;
    flex-wrap:nowrap !important;
  }

  .ddk-btn{
    min-height:36px !important;
    padding:0 18px !important;
    border-radius:11px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
}

/* =========================================================
   HOMEPAGE — WEEKLY POEM / NEWS REBALANCE
   26 SEP 2026
   Keep the restored homepage composition; only give the
   weekly poem enough room and move literature news below.
========================================================= */

@media (min-width:1101px){

  .ddk-home-grid{
    grid-template-rows:350px auto 150px 150px auto !important;
    align-items:start !important;
  }

  /* The weekly poem gets the right rail across the second and
     third rows, so its content is no longer squeezed into 230px. */
  .ddk-weekly-area{
    grid-column:13/17 !important;
    grid-row:2/4 !important;
    height:auto !important;
    min-height:390px !important;
    max-height:none !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
    padding:0 !important;
  }

  .ddk-weekly-top{
    flex:0 0 auto !important;
    padding:12px 14px 5px !important;
  }

  .ddk-weekly-title{
    font-size:22px !important;
    line-height:1.2 !important;
    margin:3px 0 1px !important;
  }

  .ddk-weekly-author{
    font-size:10px !important;
  }

  .ddk-weekly-body{
    display:grid !important;
    grid-template-columns:82px minmax(0,1fr) !important;
    gap:9px !important;
    align-items:start !important;
    padding:4px 12px 0 !important;
    min-height:0 !important;
  }

  .ddk-weekly-poet-photo{
    width:82px !important;
    height:82px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    border:2px solid #e5d2b5 !important;
    background:#eee5dc !important;
    box-shadow:0 2px 7px rgba(75,52,27,.10) !important;
  }

  .ddk-weekly-poet-photo img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
  }

  .ddk-weekly-photo-fallback{
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    color:#7a5c3a !important;
    font-size:30px !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
  }

  .ddk-weekly-text{
    min-width:0 !important;
  }

  .ddk-weekly-tags{
    margin:0 0 5px !important;
    gap:4px !important;
    flex-wrap:wrap !important;
  }

  .ddk-weekly-tags span{
    font-size:7px !important;
    padding:3px 6px !important;
  }

  .ddk-weekly-reading{
    margin:0 !important;
    padding:8px 9px !important;
    min-height:250px !important;
    max-height:none !important;
    overflow:visible !important;
    font-size:11px !important;
    line-height:1.75 !important;
  }

  .ddk-weekly-footer{
    flex:0 0 auto !important;
    padding:6px 12px 10px !important;
    margin-top:auto !important;
  }

  /* Literature news is moved out of the cramped position directly
     below the weekly poem. It gets its own lower row. */
  .ddk-news-discussion-area{
    grid-column:1/-1 !important;
    grid-row:5 !important;
    height:150px !important;
    min-height:150px !important;
    overflow:hidden !important;
  }

  .ddk-news-discussion-area .ddk-mini-panel:first-child{
    height:100% !important;
  }

  /* Keep the discussion mini-panel hidden, as in the restored design. */
  .ddk-news-discussion-area .ddk-mini-panel:nth-child(2){
    display:none !important;
  }

  .ddk-submission-area{
    grid-column:1/9 !important;
    grid-row:4 !important;
    height:150px !important;
    min-height:150px !important;
  }

  .ddk-search-area{
    grid-column:9/13 !important;
    grid-row:4 !important;
    height:150px !important;
    min-height:150px !important;
  }

  .ddk-donation-area{
    grid-column:9/13 !important;
    grid-row:5 !important;
    height:150px !important;
    min-height:150px !important;
  }

  .ddk-discussion-area,
  .ddk-moments-area{
    grid-column:1/9 !important;
    grid-row:5 !important;
    height:150px !important;
    min-height:150px !important;
  }
}

@media (min-width:701px) and (max-width:1100px){

  .ddk-weekly-area{
    height:auto !important;
    min-height:380px !important;
    overflow:visible !important;
  }

  .ddk-weekly-body{
    display:grid !important;
    grid-template-columns:78px minmax(0,1fr) !important;
    gap:8px !important;
    padding:4px 12px 0 !important;
  }

  .ddk-weekly-poet-photo{
    width:78px !important;
    height:78px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    border:2px solid #e5d2b5 !important;
    background:#eee5dc !important;
  }

  .ddk-weekly-poet-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .ddk-weekly-photo-fallback{
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    font-size:28px !important;
  }

  .ddk-weekly-reading{
    overflow:visible !important;
    max-height:none !important;
  }

  .ddk-news-discussion-area{
    grid-row:auto !important;
    height:auto !important;
    min-height:180px !important;
  }
}

@media (max-width:700px){

  .ddk-weekly-area{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  .ddk-weekly-body{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:8px !important;
    padding:4px 10px 0 !important;
    align-items:start !important;
  }

  .ddk-weekly-poet-photo{
    width:72px !important;
    height:72px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    border:2px solid #e5d2b5 !important;
    background:#eee5dc !important;
  }

  .ddk-weekly-poet-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .ddk-weekly-photo-fallback{
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    font-size:26px !important;
  }

  .ddk-weekly-reading{
    max-height:none !important;
    overflow:visible !important;
    font-size:11px !important;
    line-height:1.7 !important;
  }

  .ddk-news-discussion-area{
    order:10 !important;
    height:auto !important;
    min-height:180px !important;
  }
}


/* =========================================================
   HOMEPAGE SAFE PATCH — EVENT + WEEKLY POEM
   Based on the latest uploaded working files.
   Only targeted overrides are added here.
========================================================= */

@media (min-width:1101px){

  /* EVENT: always occupy the right side of the hero row. */
  .ddk-event-area{
    display:flex !important;
    flex-direction:column !important;
    grid-column:13/17 !important;
    grid-row:1 !important;
    height:350px !important;
    min-height:350px !important;
    overflow:hidden !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .ddk-event-area .ddk-panel-head{
    flex:0 0 auto !important;
  }

  .ddk-event-body{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding:0 12px 10px !important;
  }

  .ddk-event-result{
    margin-top:6px !important;
    padding:10px !important;
  }

  .ddk-event-result-top{
    margin-bottom:8px !important;
  }

  .ddk-event-result-top strong{
    font-size:17px !important;
    line-height:1.3 !important;
  }

  .ddk-event-result-top small{
    margin-top:2px !important;
    font-size:9px !important;
  }

  .ddk-event-status{
    display:inline-block !important;
    margin-top:5px !important;
    padding:4px 8px !important;
    border-radius:999px !important;
    background:#edf5ef !important;
    color:#075b45 !important;
    font-size:8px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
  }

  /* No empty 1st/2nd/3rd cards when results have not been entered. */
  .ddk-winners{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    margin-top:8px !important;
  }

  .ddk-winners .winner{
    min-width:0 !important;
    min-height:64px !important;
    padding:5px 3px !important;
    overflow:hidden !important;
  }

  .ddk-winners .winner-photo-mini{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    object-fit:cover !important;
    border-radius:50% !important;
    margin:0 0 3px !important;
  }

  .ddk-winners .winner strong{
    font-size:8px !important;
    line-height:1.25 !important;
  }

  .ddk-winners .winner em{
    font-size:7px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .ddk-event-link{
    margin-top:8px !important;
    padding:7px 8px !important;
    font-size:8px !important;
  }

  /* WEEKLY POEM: compact right rail below the event. */
  .ddk-weekly-area{
    display:flex !important;
    flex-direction:column !important;
    grid-column:13/17 !important;
    grid-row:2/4 !important;
    height:auto !important;
    min-height:390px !important;
    max-height:none !important;
    overflow:hidden !important;
    padding:0 !important;
  }

  .ddk-weekly-top{
    flex:0 0 auto !important;
    padding:11px 13px 4px !important;
  }

  .ddk-weekly-title{
    font-size:20px !important;
    line-height:1.2 !important;
    margin:2px 0 1px !important;
  }

  .ddk-weekly-author{
    font-size:9px !important;
  }

  .ddk-weekly-body{
    display:grid !important;
    grid-template-columns:60px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:start !important;
    padding:4px 11px 0 !important;
    min-height:0 !important;
  }

  .ddk-weekly-poet-photo{
    width:60px !important;
    height:60px !important;
    flex:0 0 60px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    border:2px solid #e5d2b5 !important;
  }

  .ddk-weekly-poet-photo img{
    width:60px !important;
    height:60px !important;
    max-width:60px !important;
    max-height:60px !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:50% !important;
  }

  /* Safety rule for any older weekly-image markup still present
     on the live copy: it must never become a large full-card image. */
  .ddk-weekly-area img:not(.ddk-head-icon){
    max-width:60px !important;
    max-height:60px !important;
    object-fit:cover !important;
  }

  .ddk-weekly-reading{
    min-height:0 !important;
    max-height:225px !important;
    overflow:auto !important;
    margin:0 !important;
    padding:7px 8px !important;
    font-size:10px !important;
    line-height:1.65 !important;
  }

  .ddk-weekly-footer{
    flex:0 0 auto !important;
    padding:5px 10px 8px !important;
  }

  .ddk-weekly-footer .ddk-small-primary{
    padding:6px !important;
    font-size:8px !important;
  }
}

/* Tablet/mobile: keep the weekly image compact too. */
@media (max-width:1100px){

  .ddk-weekly-poet-photo{
    width:64px !important;
    height:64px !important;
    flex:0 0 64px !important;
  }

  .ddk-weekly-poet-photo img{
    width:64px !important;
    height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    object-fit:cover !important;
    border-radius:50% !important;
  }

  .ddk-weekly-area img:not(.ddk-head-icon){
    max-width:64px !important;
    max-height:64px !important;
    object-fit:cover !important;
  }
}


/* =========================================================
   SEARCH PAGE — CLEAN, STRUCTURED RESULT LAYOUT
   Added as a page-specific layer; homepage layout is untouched.
========================================================= */
.ddk-search-page{
    padding:34px 0 46px;
    background:linear-gradient(180deg,#fffdf9 0%,#f7f0e7 100%);
    min-height:calc(100vh - 180px);
}

.ddk-search-hero{
    margin-bottom:28px;
}

.ddk-search-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 20px;
}

.ddk-search-heading .eyebrow,
.ddk-search-results-head .eyebrow{
    display:block;
    color:#a70d35;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    margin-bottom:5px;
}

.ddk-search-heading h1{
    margin:0;
    color:#075b45;
    font-family:"Noto Serif Bengali","Noto Sans Bengali","Nirmala UI",Georgia,serif;
    font-size:32px;
    line-height:1.25;
    font-weight:900;
}

.ddk-search-heading p{
    margin:8px auto 0;
    color:#76685d;
    font-size:13px;
    line-height:1.7;
}

.ddk-search-panel{
    max-width:1120px;
    margin:0 auto;
    padding:18px;
    border:1px solid #e3d5c6;
    border-radius:16px;
    background:rgba(255,252,247,.96);
    box-shadow:0 8px 25px rgba(72,48,29,.07);
}

.ddk-search-mode{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin-bottom:14px;
}

.ddk-search-mode-item{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 13px;
    border:1px solid #ded1c2;
    border-radius:999px;
    background:#fff;
    color:#65574e;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}

.ddk-search-mode-item:has(input:checked){
    border-color:#075b45;
    background:#075b45;
    color:#fff;
}

.ddk-search-mode-item input{
    accent-color:#075b45;
    margin:0;
}

.ddk-search-fields{
    display:grid;
    grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(150px,1fr)) auto;
    gap:10px;
    align-items:end;
}

.ddk-search-field{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}

.ddk-search-field > span{
    color:#6c5c51;
    font-size:11px;
    font-weight:800;
}

.ddk-search-field input,
.ddk-search-field select{
    width:100%;
    min-height:43px;
    padding:0 12px;
    border:1px solid #d9cbbd;
    border-radius:9px;
    background:#fff;
    color:#40372f;
    font-family:inherit;
    font-size:12px;
    outline:none;
    box-sizing:border-box;
}

.ddk-search-field input:focus,
.ddk-search-field select:focus{
    border-color:#075b45;
    box-shadow:0 0 0 3px rgba(7,91,69,.08);
}

.ddk-search-submit{
    min-height:43px;
    padding:0 18px;
    border:0;
    border-radius:9px;
    background:#a70d35;
    color:#fff;
    font-family:inherit;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
}

.ddk-search-submit:hover{
    background:#8f0b2e;
}

.ddk-search-results-section{
    max-width:1120px;
    margin:0 auto;
}

.ddk-search-results-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}

.ddk-search-results-head h2{
    margin:0;
    color:#075b45;
    font-family:"Noto Serif Bengali","Noto Sans Bengali","Nirmala UI",Georgia,serif;
    font-size:21px;
    font-weight:900;
}

.ddk-search-count{
    display:flex;
    align-items:baseline;
    gap:5px;
    padding:7px 12px;
    border:1px solid #e1d2c1;
    border-radius:999px;
    background:#fffaf3;
    color:#79695c;
    font-size:11px;
    white-space:nowrap;
}

.ddk-search-count strong{
    color:#a70d35;
    font-size:16px;
}

.ddk-search-results-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.ddk-search-card{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap:14px;
    min-width:0;
    padding:12px;
    border:1px solid #e3d6c8;
    border-radius:14px;
    background:#fffdf9;
    color:inherit;
    text-decoration:none;
    box-shadow:0 4px 15px rgba(72,48,29,.045);
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}

.ddk-search-card:hover{
    transform:translateY(-2px);
    border-color:#cdbba7;
    box-shadow:0 9px 24px rgba(72,48,29,.09);
}

.ddk-search-card-media{
    width:96px;
    height:118px;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #e1d4c6;
    background:#f2e9df;
    align-self:start;
}

.ddk-search-card-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.ddk-search-card-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#b28b6c;
    background:linear-gradient(145deg,#f5eadc,#ead8c4);
    font-family:"Noto Serif Bengali",serif;
    font-size:34px;
    font-weight:900;
}

.ddk-search-card-body{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:2px 2px 1px 0;
}

.ddk-search-card-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    align-items:center;
    color:#a70d35;
    font-size:9px;
    font-weight:800;
    line-height:1.4;
}

.ddk-search-card-meta i{
    color:#bca996;
    font-style:normal;
}

.ddk-search-card h3{
    margin:6px 0 5px;
    color:#2f5145;
    font-family:"Noto Serif Bengali","Noto Sans Bengali","Nirmala UI",Georgia,serif;
    font-size:19px;
    line-height:1.35;
    font-weight:900;
}

.ddk-search-card-poet,
.ddk-search-card-date{
    margin:0;
    color:#655a52;
    font-size:11px;
    line-height:1.6;
}

.ddk-search-card-poet span{
    color:#92735b;
    font-weight:700;
    margin-right:3px;
}

.ddk-search-card-date{
    color:#918176;
    font-size:9px;
    margin-top:2px;
}

.ddk-search-read{
    margin-top:auto;
    padding-top:9px;
    color:#075b45;
    font-size:10px;
    font-weight:900;
}

.ddk-search-read b{
    margin-left:3px;
    font-size:13px;
}

.ddk-search-empty{
    padding:42px 20px;
    text-align:center;
    border:1px dashed #d8c7b5;
    border-radius:14px;
    background:#fffaf4;
}

.ddk-search-empty-icon{
    width:48px;
    height:48px;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f0e2d2;
    color:#8d6a4b;
    font-size:25px;
}

.ddk-search-empty h3{
    margin:0;
    color:#075b45;
    font-family:"Noto Serif Bengali",serif;
    font-size:19px;
}

.ddk-search-empty p{
    margin:6px 0 14px;
    color:#7d7066;
    font-size:12px;
}

.ddk-search-empty a{
    display:inline-block;
    padding:8px 14px;
    border-radius:8px;
    background:#075b45;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

/* Common footer: the same footer.php is used throughout the site. */
.site-footer{
    margin-top:0;
    padding:30px 0 0;
    border-top:1px solid #dfd2c4;
    background:linear-gradient(180deg,#075b45 0%,#034635 100%);
    color:#edf6f1;
}

.site-footer .footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr;
    gap:30px;
    padding-bottom:24px;
}

.site-footer .footer-grid > div{
    min-width:0;
}

.site-footer .footer-grid > div:first-child strong{
    display:block;
    color:#fff;
    font-family:"Noto Serif Bengali","Noto Sans Bengali",serif;
    font-size:17px;
    margin-bottom:5px;
}

.site-footer .footer-grid p{
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1.7;
}

.site-footer .footer-grid a{
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 0 7px;
    color:rgba(255,255,255,.84);
    text-decoration:none;
    font-size:11px;
    line-height:1.45;
}

.site-footer .footer-grid a:hover{
    color:#fff;
    text-decoration:underline;
}

.site-footer .footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 0;
    border-top:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.64);
    font-size:9px;
}

@media (max-width:900px){
    .ddk-search-fields{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ddk-search-field-main{
        grid-column:1 / -1;
    }

    .ddk-search-submit{
        width:100%;
    }

    .ddk-search-results-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:700px){
    .ddk-search-page{
        padding:22px 0 30px;
    }

    .ddk-search-heading h1{
        font-size:27px;
    }

    .ddk-search-heading p{
        font-size:12px;
        padding:0 8px;
    }

    .ddk-search-panel{
        padding:12px;
        border-radius:13px;
    }

    .ddk-search-mode{
        justify-content:flex-start;
    }

    .ddk-search-mode-item{
        flex:1 1 100%;
        justify-content:center;
    }

    .ddk-search-fields{
        grid-template-columns:1fr;
    }

    .ddk-search-field-main{
        grid-column:auto;
    }

    .ddk-search-results-head{
        align-items:flex-start;
    }

    .ddk-search-results-head h2{
        font-size:18px;
    }

    .ddk-search-card{
        grid-template-columns:78px minmax(0,1fr);
        gap:11px;
        padding:10px;
    }

    .ddk-search-card-media{
        width:78px;
        height:100px;
    }

    .ddk-search-card h3{
        font-size:17px;
    }

    .site-footer .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:20px;
    }

    .site-footer .footer-grid > div:first-child{
        grid-column:1 / -1;
    }

    .site-footer .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:420px){
    .ddk-search-card{
        grid-template-columns:68px minmax(0,1fr);
    }

    .ddk-search-card-media{
        width:68px;
        height:88px;
    }
}

/* =========================================================
   THIS WEEK'S POEM — READABILITY & PRESENTATION
   27 SEP 2026
   Target: .ddk-weekly-area only
   No section allocation / homepage layout / backend changes.
========================================================= */

@media (min-width:1101px){
    /* Section heading: centered, prominent and elegant */
    .ddk-weekly-area .ddk-weekly-top{
        text-align:center !important;
    }

    .ddk-weekly-area .ddk-kicker{
        display:block !important;
        margin:0 0 4px !important;
        text-align:center !important;
        font-size:15px !important;
        line-height:1.4 !important;
        font-weight:800 !important;
        letter-spacing:.02em !important;
        color:#075b45 !important;
    }

    /* Keep the selected poem title and poet name readable without
       changing their existing visual hierarchy. */
    .ddk-weekly-area .ddk-weekly-title{
        text-align:center !important;
        font-size:23px !important;
        line-height:1.3 !important;
        margin:2px 0 2px !important;
    }

    .ddk-weekly-area .ddk-weekly-author{
        text-align:center !important;
        font-size:12px !important;
        line-height:1.5 !important;
    }

    /* Remove the separate 'বিশেষ' badge beside the heading. */
    .ddk-weekly-area .ddk-feature-badge{
        display:none !important;
    }

    /* Three poem information tabs: same comfortable size,
       cleaner colour treatment. */
    .ddk-weekly-area .ddk-weekly-tags{
        gap:5px !important;
        margin:0 0 6px !important;
        align-items:center !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span{
        font-size:12px !important;
        line-height:1.4 !important;
        padding:4px 8px !important;
        background:#f3eadc !important;
        color:#5e4b3b !important;
        border:1px solid #e1cfb6 !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span:nth-child(2){
        background:#e8f2ed !important;
        color:#075b45 !important;
        border-color:#c9dfd4 !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span.special{
        background:#f4e3e0 !important;
        color:#8d3e35 !important;
        border-color:#e5c5bf !important;
    }

    /* Give the reading area a little more horizontal room by
       allowing it to use the space below the poet photo. */
    .ddk-weekly-area .ddk-weekly-reading{
        margin-left:-60px !important;
        width:calc(100% + 60px) !important;
        box-sizing:border-box !important;
        font-size:15px !important;
        line-height:1.8 !important;
        color:#2f241d !important;
        overflow:auto !important;
    }

    .ddk-weekly-area .ddk-weekly-footer .ddk-small-primary{
        font-size:11px !important;
        line-height:1.4 !important;
    }
}

@media (min-width:701px) and (max-width:1100px){
    .ddk-weekly-area .ddk-weekly-top{
        text-align:center !important;
    }

    .ddk-weekly-area .ddk-kicker{
        display:block !important;
        margin:0 0 4px !important;
        text-align:center !important;
        font-size:14px !important;
        line-height:1.4 !important;
        font-weight:800 !important;
        color:#075b45 !important;
    }

    .ddk-weekly-area .ddk-weekly-title{
        text-align:center !important;
        font-size:22px !important;
        line-height:1.3 !important;
    }

    .ddk-weekly-area .ddk-weekly-author{
        text-align:center !important;
        font-size:12px !important;
        line-height:1.5 !important;
    }

    .ddk-weekly-area .ddk-feature-badge{
        display:none !important;
    }

    .ddk-weekly-area .ddk-weekly-tags{
        gap:5px !important;
        margin:0 0 6px !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span{
        font-size:12px !important;
        line-height:1.4 !important;
        padding:4px 8px !important;
        background:#f3eadc !important;
        color:#5e4b3b !important;
        border:1px solid #e1cfb6 !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span:nth-child(2){
        background:#e8f2ed !important;
        color:#075b45 !important;
        border-color:#c9dfd4 !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span.special{
        background:#f4e3e0 !important;
        color:#8d3e35 !important;
        border-color:#e5c5bf !important;
    }

    .ddk-weekly-area .ddk-weekly-reading{
        font-size:14px !important;
        line-height:1.8 !important;
        color:#2f241d !important;
        overflow:auto !important;
    }
}

@media (max-width:700px){
    .ddk-weekly-area .ddk-weekly-top{
        text-align:center !important;
    }

    .ddk-weekly-area .ddk-kicker{
        display:block !important;
        margin:0 0 4px !important;
        text-align:center !important;
        font-size:14px !important;
        line-height:1.4 !important;
        font-weight:800 !important;
        color:#075b45 !important;
    }

    .ddk-weekly-area .ddk-weekly-title{
        text-align:center !important;
        font-size:20px !important;
        line-height:1.3 !important;
    }

    .ddk-weekly-area .ddk-weekly-author{
        text-align:center !important;
        font-size:12px !important;
    }

    .ddk-weekly-area .ddk-feature-badge{
        display:none !important;
    }

    .ddk-weekly-area .ddk-weekly-tags{
        gap:5px !important;
        margin:0 0 6px !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span{
        font-size:11px !important;
        line-height:1.4 !important;
        padding:4px 7px !important;
        background:#f3eadc !important;
        color:#5e4b3b !important;
        border:1px solid #e1cfb6 !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span:nth-child(2){
        background:#e8f2ed !important;
        color:#075b45 !important;
        border-color:#c9dfd4 !important;
    }

    .ddk-weekly-area .ddk-weekly-tags span.special{
        background:#f4e3e0 !important;
        color:#8d3e35 !important;
        border-color:#e5c5bf !important;
    }

    .ddk-weekly-area .ddk-weekly-reading{
        font-size:14px !important;
        line-height:1.8 !important;
        color:#2f241d !important;
        overflow:auto !important;
    }
}

/* =========================================================
   HERO — READABILITY & PRESENTATION POLISH
   27 SEP 2026
   ---------------------------------------------------------
   Hero area / section allocation / homepage composition are
   intentionally unchanged. This patch only improves the
   existing typography, contrast and CTA presentation.
========================================================= */

@media (min-width:1101px){

  /* Main Bengali heading: stronger separation from artwork */
  .ddk-hero-area .ddk-main-title{
    color:#064c3b !important;
    font-size:clamp(46px,3.8vw,60px) !important;
    line-height:1.04 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-shadow:
      0 2px 0 rgba(255,250,232,.98),
      0 0 3px rgba(255,250,232,.95),
      1px 2px 7px rgba(255,255,255,.72) !important;
    -webkit-text-stroke:0.25px rgba(255,250,232,.75) !important;
  }

  /* Existing brown brush-stroke tagline — keep its shape, improve type */
  .ddk-hero-area .ddk-main-title span{
    margin-top:8px !important;
    padding:6px 22px 7px !important;
    font-size:clamp(17px,1.35vw,21px) !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    text-shadow:0 1px 1px rgba(90,42,15,.28) !important;
  }

  /* Description: readable without changing its allocated area */
  .ddk-hero-area .ddk-hero-description{
    max-width:690px !important;
    margin:9px 0 0 !important;
    padding:7px 12px !important;
    box-sizing:border-box !important;
    color:#2f241d !important;
    background:rgba(255,248,225,.74) !important;
    border:1px solid rgba(142,106,57,.20) !important;
    border-radius:9px !important;
    box-shadow:0 2px 8px rgba(72,54,31,.10) !important;
    font-size:15px !important;
    line-height:1.65 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    word-spacing:.05em !important;
    text-shadow:0 1px 0 rgba(255,255,255,.55) !important;
  }

  /* Three existing buttons: same placement, cleaner presentation */
  .ddk-hero-area .ddk-hero-actions{
    display:flex !important;
    gap:10px !important;
    margin-top:13px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }

  .ddk-hero-area .ddk-btn{
    min-height:43px !important;
    padding:0 21px !important;
    border-radius:13px !important;
    border:1px solid rgba(255,255,255,.72) !important;
    box-shadow:
      0 3px 8px rgba(54,42,24,.18),
      inset 0 1px 0 rgba(255,255,255,.18) !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
  }

  .ddk-hero-area .ddk-btn-primary{
    background:linear-gradient(180deg,#bd1743 0%,#a90d34 100%) !important;
  }

  .ddk-hero-area .ddk-btn-secondary{
    background:linear-gradient(180deg,#0a8060 0%,#076b50 100%) !important;
  }

  .ddk-hero-area .ddk-btn-outline{
    background:linear-gradient(180deg,#b47729 0%,#9b641d 100%) !important;
  }

  .ddk-hero-area .ddk-btn:hover{
    transform:translateY(-1px) !important;
    box-shadow:
      0 5px 12px rgba(54,42,24,.22),
      inset 0 1px 0 rgba(255,255,255,.20) !important;
    filter:saturate(1.05) !important;
  }
}

/* Smaller screens: improve readability without changing layout */
@media (min-width:701px) and (max-width:1100px){
  .ddk-hero-area .ddk-main-title{
    font-size:42px !important;
    line-height:1.05 !important;
    text-shadow:
      0 2px 0 rgba(255,250,232,.98),
      0 0 4px rgba(255,250,232,.92) !important;
  }

  .ddk-hero-area .ddk-hero-description{
    max-width:620px !important;
    padding:7px 11px !important;
    color:#2f241d !important;
    background:rgba(255,248,225,.72) !important;
    border-radius:8px !important;
    font-size:14px !important;
    line-height:1.6 !important;
    font-weight:600 !important;
  }

  .ddk-hero-area .ddk-btn{
    min-height:40px !important;
    padding:0 17px !important;
    font-size:12px !important;
    border-radius:12px !important;
  }
}

@media (max-width:700px){
  .ddk-hero-area .ddk-main-title{
    text-shadow:
      0 2px 0 rgba(255,250,232,.98),
      0 0 4px rgba(255,250,232,.92) !important;
  }

  .ddk-hero-area .ddk-hero-description{
    color:#2f241d !important;
    background:rgba(255,248,225,.72) !important;
    border-radius:8px !important;
    font-size:13px !important;
    line-height:1.6 !important;
    font-weight:600 !important;
  }

  .ddk-hero-area .ddk-btn{
    border-radius:11px !important;
    font-size:11px !important;
  }
}

/* =========================================================
   HERO HEADING — FINAL READABILITY TUNE
   Keep the original heading size; change colour/contrast only.
========================================================= */
@media (min-width:1101px){
  .ddk-hero-area .ddk-main-title{
    font-size:clamp(38px,3.15vw,50px) !important;
    line-height:1.05 !important;
    color:#70401f !important;
    font-weight:900 !important;
    text-shadow:
      0 2px 0 rgba(255,249,225,.98),
      0 0 3px rgba(255,249,225,.96),
      1px 2px 5px rgba(75,42,20,.28) !important;
    -webkit-text-stroke:0.35px rgba(255,249,225,.88) !important;
  }
}

@media (min-width:701px) and (max-width:1100px){
  .ddk-hero-area .ddk-main-title{
    font-size:clamp(38px,3.15vw,50px) !important;
    line-height:1.05 !important;
    color:#70401f !important;
    text-shadow:
      0 2px 0 rgba(255,249,225,.98),
      0 0 3px rgba(255,249,225,.96),
      1px 2px 5px rgba(75,42,20,.28) !important;
    -webkit-text-stroke:0.3px rgba(255,249,225,.88) !important;
  }
}

@media (max-width:700px){
  .ddk-hero-area .ddk-main-title{
    color:#70401f !important;
    text-shadow:
      0 2px 0 rgba(255,249,225,.98),
      0 0 3px rgba(255,249,225,.96),
      1px 2px 5px rgba(75,42,20,.28) !important;
    -webkit-text-stroke:0.25px rgba(255,249,225,.88) !important;
  }
}

/* =========================================================
   HERO — FINAL CENTERED CONTENT & READABILITY TUNE
   27 SEP 2026
   ---------------------------------------------------------
   IMPORTANT: No hero area allocation, grid placement, height,
   artwork, or homepage layout is changed here.
   Only text alignment, description readability and CTA spacing.
========================================================= */

@media (min-width:701px){

  /* Keep the existing content area exactly where it is,
     but center everything inside that existing area. */
  .ddk-hero-area .ddk-hero-content{
    text-align:center !important;
  }

  /* Heading: keep the currently approved size/colour. */
  .ddk-hero-area .ddk-main-title{
    text-align:center !important;
  }

  /* Brown tagline: centered beneath the heading. */
  .ddk-hero-area .ddk-main-title span{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Main description: larger, darker and centered. */
  .ddk-hero-area .ddk-hero-description{
    max-width:700px !important;
    margin:12px auto 0 !important;
    padding:8px 16px !important;
    box-sizing:border-box !important;
    color:#2b241e !important;
    background:rgba(255,248,225,.76) !important;
    border:1px solid rgba(142,106,57,.22) !important;
    border-radius:9px !important;
    box-shadow:0 2px 8px rgba(72,54,31,.10) !important;
    font-size:17px !important;
    line-height:1.7 !important;
    font-weight:600 !important;
    text-align:center !important;
    text-shadow:0 1px 0 rgba(255,255,255,.58) !important;
  }

  /* Three existing buttons: centered and comfortably separated. */
  .ddk-hero-area .ddk-hero-actions{
    justify-content:center !important;
    align-items:center !important;
    gap:16px !important;
    margin-top:15px !important;
  }

  .ddk-hero-area .ddk-btn{
    min-height:43px !important;
    padding:0 22px !important;
  }
}

@media (max-width:700px){

  .ddk-hero-area .ddk-hero-content{
    text-align:center !important;
  }

  .ddk-hero-area .ddk-main-title{
    text-align:center !important;
  }

  .ddk-hero-area .ddk-main-title span{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .ddk-hero-area .ddk-hero-description{
    max-width:100% !important;
    margin:10px auto 0 !important;
    color:#2b241e !important;
    font-size:14px !important;
    line-height:1.65 !important;
    text-align:center !important;
  }

  .ddk-hero-area .ddk-hero-actions{
    justify-content:center !important;
    gap:11px !important;
  }
}

/* =========================================================
   HERO — FINAL VERTICAL POSITION & DIRECT-TEXT TUNE
   27 SEP 2026
   ---------------------------------------------------------
   No hero height, grid allocation, artwork or section placement
   changed. Only moves the existing content slightly downward,
   removes the description panel, and improves text contrast.
========================================================= */

@media (min-width:701px){
  .ddk-hero-area .ddk-hero-content{
    position:relative !important;
    top:18px !important;
  }

  .ddk-hero-area .ddk-hero-description{
    max-width:760px !important;
    padding:0 !important;
    margin:12px auto 0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#ffe08a !important;
    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:700 !important;
    text-align:center !important;
    text-shadow:
      0 1px 0 rgba(255,250,232,.95),
      0 1px 3px rgba(255,250,232,.65) !important;
  }

  .ddk-hero-area .ddk-hero-actions{
    justify-content:center !important;
    gap:18px !important;
    margin-top:18px !important;
  }
}

@media (max-width:700px){
  .ddk-hero-area .ddk-hero-content{
    position:relative !important;
    top:10px !important;
  }

  .ddk-hero-area .ddk-hero-description{
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#ffe08a !important;
    font-size:14px !important;
    line-height:1.55 !important;
    font-weight:700 !important;
    text-align:center !important;
    text-shadow:
      0 1px 0 rgba(255,250,232,.95),
      0 1px 3px rgba(255,250,232,.65) !important;
  }

  .ddk-hero-area .ddk-hero-actions{
    justify-content:center !important;
    gap:12px !important;
    margin-top:16px !important;
  }
}

/* =========================================================
   EVENT MANAGEMENT DETAILS — additive, homepage-safe
========================================================= */
.ddk-event-message{
    margin:6px 0 7px;
    padding:6px 8px;
    border-left:2px solid #a06b32;
    border-radius:6px;
    background:#fff8ef;
    color:#6b5547;
    font-family:"Noto Serif Bengali",Georgia,serif;
    font-size:8px;
    line-height:1.45;
    text-align:center;
}
.event-result-message{
    margin:12px 0 18px;
    padding:14px 18px;
    border-left:3px solid #a06b32;
    border-radius:10px;
    background:linear-gradient(145deg,#fffaf3,#f7ecdf);
    color:#5e5148;
    font-family:"Noto Serif Bengali",Georgia,serif;
    line-height:1.7;
}
/* Event participation date range */
.ddk-event-date-range{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    width:100%;
    margin:9px auto 2px;
    padding:8px 10px;
    border-radius:9px;
    background:rgba(185,151,91,.10);
    color:#4e4037;
    font-size:16px;
    font-weight:600;
    line-height:1.55;
    box-sizing:border-box;
}
.ddk-event-date-range span{
    flex:0 0 100%;
    font-weight:800;
    font-size:16px;
    color:#08634f;
}
.ddk-event-date-range b{
    font-size:20px;
    line-height:1;
    font-weight:800;
    color:#a06b32;
}
.ddk-event-date-range .ddk-event-date-value{
    font-size:20px;
    font-weight:800;
    letter-spacing:.15px;
}
.event-date-range{margin:8px 0 0;padding:9px 13px;border-left:3px solid var(--gold,#b9975b);background:rgba(185,151,91,.08);border-radius:0 8px 8px 0;line-height:1.65}
.event-date-range strong{font-weight:700}
.event-date-range span{padding:0 5px}
@media(max-width:640px){
    .ddk-event-date-range{gap:5px;padding:7px 8px;font-size:15px}
    .ddk-event-date-range span{font-size:15px}
    .ddk-event-date-range .ddk-event-date-value{font-size:18px}
    .ddk-event-date-range b{font-size:18px}
    .event-date-range{font-size:.95rem}
}


/* Event date range readability refinement — 27 Sep 2026 */

/* =========================================================
   NEW POEMS — COMPACT LITERARY CAROUSEL
   Image stays modest; title/poet/details remain visible.
   The homepage canvas/layout is unchanged.
========================================================= */
.ddk-new-area .ddk-new-poem-window{
    height:calc(100% - 57px) !important;
    padding:0 12px 10px !important;
    overflow:hidden !important;
    position:relative !important;
}

.ddk-new-area .ddk-new-track{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    overflow:visible !important;
    animation:none !important;
    transition:transform .7s ease !important;
    will-change:transform !important;
}

.ddk-new-area .ddk-poem-list-item{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    flex:0 0 100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:14px !important;
    padding:10px !important;
    box-sizing:border-box !important;
    border:1px solid #e1d0b4 !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,#fffdf8,#f8eedc) !important;
    box-shadow:0 3px 10px rgba(68,48,27,.08) !important;
    overflow:hidden !important;
    text-decoration:none !important;
}

.ddk-new-area .ddk-poem-thumb-wrap{
    width:104px !important;
    height:104px !important;
    min-width:104px !important;
    flex:0 0 104px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:11px !important;
    background:#eee3ce !important;
    border:1px solid #ddc9a8 !important;
}

.ddk-new-area .ddk-poem-thumb{
    display:block !important;
    width:104px !important;
    height:104px !important;
    min-width:104px !important;
    max-width:104px !important;
    flex:0 0 104px !important;
    object-fit:cover !important;
    border:0 !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,#d9e4ca,#e5c887) !important;
}

.ddk-new-area .ddk-poem-thumb-fallback{
    display:grid !important;
    place-items:center !important;
    color:#9a681f !important;
    font-size:30px !important;
    font-family:Georgia,serif !important;
}

.ddk-new-area .ddk-list-copy{
    min-width:0 !important;
    flex:1 1 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:4px !important;
    overflow:hidden !important;
}

.ddk-new-area .ddk-new-poem-title{
    display:block !important;
    width:100% !important;
    color:#075b47 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.ddk-new-area .ddk-new-poem-author{
    display:block !important;
    color:#4b4035 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.ddk-new-area .ddk-new-poem-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    color:#776a5b !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:10px !important;
    line-height:1.3 !important;
}

.ddk-new-area .ddk-new-poem-meta span{
    display:inline-block !important;
    padding:2px 7px !important;
    border-radius:20px !important;
    background:rgba(7,91,71,.08) !important;
}

.ddk-new-area .ddk-new-poem-more{
    margin-top:3px !important;
    color:#a36a20 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:11px !important;
    font-weight:800 !important;
}

@media (max-width:1100px){
    .ddk-new-area .ddk-poem-thumb-wrap,
    .ddk-new-area .ddk-poem-thumb{
        width:100px !important;
        height:100px !important;
        min-width:100px !important;
        max-width:100px !important;
        flex-basis:100px !important;
    }
}

@media (max-width:700px){
    .ddk-new-area .ddk-poem-list-item{
        gap:10px !important;
        padding:8px !important;
    }
    .ddk-new-area .ddk-poem-thumb-wrap,
    .ddk-new-area .ddk-poem-thumb{
        width:92px !important;
        height:92px !important;
        min-width:92px !important;
        max-width:92px !important;
        flex-basis:92px !important;
    }
    .ddk-new-area .ddk-new-poem-title{font-size:15px !important;}
    .ddk-new-area .ddk-new-poem-author{font-size:12px !important;}
    .ddk-new-area .ddk-new-poem-meta{font-size:9px !important;}
}

/* FINAL NEW POEMS PRESENTATION — cover image + title + poet + category only */
.ddk-new-area .ddk-new-poem-window{height:calc(100% - 57px) !important;overflow:hidden !important;}
.ddk-new-area .ddk-new-track{display:flex !important;flex-direction:column !important;grid-template-columns:none !important;gap:0 !important;height:100% !important;overflow:visible !important;animation:none !important;}
.ddk-new-area .ddk-poem-list-item{display:flex !important;flex:0 0 100% !important;width:100% !important;height:100% !important;min-height:0 !important;flex-direction:row !important;align-items:center !important;gap:14px !important;padding:12px !important;box-sizing:border-box !important;}
.ddk-new-area .ddk-poem-thumb-wrap{width:112px !important;height:112px !important;min-width:112px !important;flex:0 0 112px !important;overflow:hidden !important;border-radius:12px !important;}
.ddk-new-area .ddk-poem-thumb{width:100% !important;height:100% !important;min-width:0 !important;max-width:none !important;object-fit:cover !important;border-radius:11px !important;}
.ddk-new-area .ddk-list-copy{display:flex !important;flex:1 1 auto !important;flex-direction:column !important;justify-content:center !important;gap:7px !important;min-width:0 !important;padding:0 !important;overflow:hidden !important;}
.ddk-new-area .ddk-new-poem-title{font-size:20px !important;line-height:1.3 !important;white-space:normal !important;overflow:hidden !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;}
.ddk-new-area .ddk-new-poem-author{font-size:15px !important;line-height:1.35 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.ddk-new-area .ddk-new-poem-meta{font-size:12px !important;}
.ddk-new-area .ddk-new-poem-more{display:none !important;}
@media (max-width:700px){
  .ddk-new-area .ddk-poem-list-item{gap:10px !important;padding:9px !important;}
  .ddk-new-area .ddk-poem-thumb-wrap{width:92px !important;height:92px !important;min-width:92px !important;flex-basis:92px !important;}
  .ddk-new-area .ddk-new-poem-title{font-size:16px !important;}
  .ddk-new-area .ddk-new-poem-author{font-size:13px !important;}
  .ddk-new-area .ddk-new-poem-meta{font-size:10px !important;}
}


/* =========================================================
   HOMEPAGE — জেলার আবৃত্তিশিল্পী গুণীজনেরা
   ONLY: presentation inside the existing empty homepage area.
========================================================= */
@media (min-width:1101px){
  .ddk-reciter-honours-area{
    grid-column:1 / 9 !important;
    grid-row:3 !important;
    width:100% !important;
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    overflow:hidden !important;
    background:linear-gradient(145deg,#fffdf7,#f3e8d3) !important;
  }

  .ddk-reciter-honours-head{
    height:43px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:4px 16px 0 !important;
    box-sizing:border-box !important;
  }

  .ddk-reciter-honours-head h2{
    margin:0 !important;
    color:#075b45 !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .ddk-reciter-honours-head .ddk-head-icon{
    width:18px !important;
    height:18px !important;
    margin-right:5px !important;
    vertical-align:-3px !important;
  }

  .ddk-reciter-honours-window{
    height:calc(100% - 43px) !important;
    padding:0 15px 8px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .ddk-reciter-honours-track{
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    overflow:visible !important;
    will-change:transform !important;
  }

  .ddk-reciter-honours-card{
    width:82px !important;
    flex:0 0 82px !important;
    min-width:82px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    text-align:center !important;
    text-decoration:none !important;
  }

  .ddk-reciter-honours-card img{
    width:74px !important;
    height:74px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    object-position:center !important;
    border:3px solid #fff !important;
    box-shadow:0 3px 10px rgba(50,35,20,.18) !important;
    background:#eee2ce !important;
  }

  .ddk-reciter-honours-card strong{
    display:block !important;
    width:100% !important;
    color:#3f382f !important;
    font-family:"Noto Serif Bengali",Georgia,serif !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .ddk-reciter-honours-card:hover img{
    transform:translateY(-2px) !important;
  }

  .ddk-reciter-honours-empty{
    width:100% !important;
    text-align:center !important;
    color:#776a5b !important;
    font-size:11px !important;
  }
}

@media (min-width:701px) and (max-width:1100px){
  .ddk-reciter-honours-area{
    width:100% !important;
    min-height:200px !important;
  }

  .ddk-reciter-honours-head{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:10px 14px 4px !important;
  }

  .ddk-reciter-honours-head h2{
    margin:0 !important;
    text-align:center !important;
  }

  .ddk-reciter-honours-window{
    padding:0 15px 12px !important;
    overflow:hidden !important;
  }

  .ddk-reciter-honours-track{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }

  .ddk-reciter-honours-card{
    width:78px !important;
    flex:0 0 78px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:4px !important;
    text-align:center !important;
  }

  .ddk-reciter-honours-card img{
    width:68px !important;
    height:68px !important;
    border-radius:50% !important;
    object-fit:cover !important;
  }

  .ddk-reciter-honours-card strong{
    font-size:10px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    width:100% !important;
  }
}

@media (max-width:700px){
  .ddk-reciter-honours-area{
    width:100% !important;
    min-height:180px !important;
    max-height:none !important;
  }

  .ddk-reciter-honours-head{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:10px 12px 4px !important;
  }

  .ddk-reciter-honours-head h2{
    margin:0 !important;
    font-size:18px !important;
    text-align:center !important;
  }

  .ddk-reciter-honours-window{
    overflow:hidden !important;
    padding:0 12px 12px !important;
  }

  .ddk-reciter-honours-track{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
  }

  .ddk-reciter-honours-card{
    width:72px !important;
    flex:0 0 72px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:4px !important;
  }

  .ddk-reciter-honours-card img{
    width:62px !important;
    height:62px !important;
    border-radius:50% !important;
    object-fit:cover !important;
  }

  .ddk-reciter-honours-card strong{
    font-size:9px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    width:100% !important;
  }
}

/* =========================================================
   FINAL FIX — RECITER HONOURS PANEL GEOMETRY
   Only fixes the newly added panel's grid placement.
========================================================= */
@media (min-width:1101px){
  .ddk-reciter-honours-area{
    grid-area:3 / 1 / 4 / 9 !important;
    width:100% !important;
    min-width:0 !important;
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    justify-self:stretch !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .ddk-reciter-honours-head{
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    box-sizing:border-box !important;
  }

  .ddk-reciter-honours-window{
    width:100% !important;
    height:calc(100% - 40px) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .ddk-reciter-honours-track{
    width:max-content !important;
    min-width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
  }

  .ddk-reciter-honours-card{
    width:86px !important;
    min-width:86px !important;
    flex:0 0 86px !important;
  }

  .ddk-reciter-honours-card img{
    width:72px !important;
    height:72px !important;
  }

  .ddk-reciter-honours-card strong{
    font-size:10px !important;
    line-height:1.15 !important;
  }
}

/* =========================================================
   FINAL — OUR POETS: COMPACT TWO-PER-VIEW VERTICAL SCROLLER
   Only changes the existing OUR POETS panel.
========================================================= */
@media (min-width:1101px){
  .ddk-poets-area{
    grid-column:9/13 !important;
    grid-row:2 !important;
    height:355px !important;
    min-height:355px !important;
    max-height:355px !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    overflow:hidden !important;
  }

  .ddk-poets-area .ddk-panel-head{
    height:50px !important;
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    box-sizing:border-box !important;
    padding:7px 14px 3px !important;
  }

  .ddk-poets-area .ddk-panel-head h2{
    font-size:22px !important;
    line-height:1.15 !important;
  }

  .ddk-poets-area .ddk-poet-window{
    height:305px !important;
    min-height:305px !important;
    padding:0 18px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .ddk-poets-area .ddk-poet-track{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:4px !important;
    overflow:visible !important;
    animation:none !important;
    will-change:transform !important;
  }

  .ddk-poets-area .ddk-poet-card{
    width:100% !important;
    height:150px !important;
    min-height:150px !important;
    flex:0 0 150px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:3px !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .ddk-poets-area .ddk-poet-card img,
  .ddk-poets-area .ddk-poet-placeholder{
    width:126px !important;
    height:126px !important;
    flex:0 0 126px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    border:3px solid #fff !important;
    box-shadow:0 4px 13px rgba(50,35,20,.18) !important;
  }

  .ddk-poets-area .ddk-poet-card strong{
    width:92% !important;
    font-size:14px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:#3f382f !important;
  }

  .ddk-poets-area .ddk-poet-card:hover img{
    transform:scale(1.025) !important;
  }
}

/* =========================================================
   HOMEPAGE — FILL THE ROW-2 HEIGHT UNDER NEW / LISTEN
   Desktop only. The OUR POETS panel is 355px tall, so these
   two adjacent panels use the same measured height. No other
   homepage geometry or internal styling is changed.
========================================================= */
@media (min-width:1101px){
  .ddk-new-area,
  .ddk-listen-area{
    height:355px !important;
    min-height:355px !important;
    max-height:355px !important;
  }
}

/* =========================================================
   MOBILE RESPONSIVE SAFETY LAYER — 2026-10-04
   Purpose: preserve desktop planning/functionality while
   preventing horizontal overflow and improving touch layout.
========================================================= */

@media (max-width: 800px){
  html, body{width:100%; max-width:100%; overflow-x:hidden !important;}
  img, svg, video, canvas{max-width:100%; height:auto;}
  iframe{max-width:100%;}
  pre, code{max-width:100%; overflow-x:auto;}

  .ddk-header-top{width:100%;}
  .ddk-header-inner{width:100%; max-width:100%; padding:10px 12px !important; gap:10px !important;}
  .ddk-header-brand{min-width:0; max-width:calc(100% - 54px);}
  .ddk-header-brand > span{min-width:0;}
  .ddk-header-brand strong{overflow-wrap:anywhere;}
  .ddk-mobile-menu-btn{display:flex !important; flex:0 0 42px; cursor:pointer;}

  .ddk-main-nav-wrap{width:100%;}
  .ddk-main-nav-inner{width:100%; padding:0 !important;}
  .ddk-main-navigation{width:100%; max-height:calc(100vh - 75px); overflow-y:auto; -webkit-overflow-scrolling:touch;}
  .ddk-main-navigation a{box-sizing:border-box; padding:10px 14px !important; min-height:44px; height:auto !important; line-height:1.35;}

  .ddk-home{width:100%; max-width:100%; box-sizing:border-box;}
  .ddk-home-grid{width:100%; max-width:100%; box-sizing:border-box;}
  .ddk-panel{min-width:0; max-width:100%; box-sizing:border-box;}
  .ddk-panel-head{min-width:0;}
  .ddk-panel-head h2{overflow-wrap:anywhere; word-break:normal;}

  .ddk-hero-area{width:100% !important; max-width:100%; overflow:hidden;}
  .ddk-hero-content{max-width:100%; box-sizing:border-box;}
  .ddk-hero-actions{display:flex; flex-wrap:wrap; gap:8px;}
  .ddk-hero-actions .ddk-btn{max-width:100%;}

  .ddk-new-area .ddk-vertical-window,
  .ddk-listen-area .ddk-vertical-window,
  .ddk-news-window,
  .ddk-discussion-window,
  .ddk-moments-window{max-width:100%; overflow-x:hidden;}

  .ddk-poem-list-item{min-width:0; max-width:100%;}
  .ddk-list-copy{min-width:0; overflow:hidden;}
  .ddk-list-copy strong,.ddk-list-copy small{overflow-wrap:anywhere;}
  .ddk-poem-thumb{flex:0 0 46px;}

  .ddk-weekly-area,
  .ddk-submission-area,
  .ddk-news-area,
  .ddk-event-result,
  .ddk-moments-area,
  .ddk-listen-area,
  .ddk-donation-area,
  .ddk-discussion-area,
  .ddk-search-area,
  .ddk-poets-area,
  .ddk-reciter-honours-area{min-width:0; max-width:100%; overflow:hidden;}

  .ddk-weekly-reading,
  .ddk-admin-poem-reading,
  .poem-reading,
  .poem-text{overflow-wrap:anywhere; word-break:break-word;}

  .ddk-search-form,
  .ddk-search-line{width:100%; max-width:100%; box-sizing:border-box;}
  .ddk-search-form input,
  .ddk-search-line input{min-width:0; max-width:100%; box-sizing:border-box;}
  .ddk-search-options{flex-wrap:wrap; row-gap:6px;}
  .ddk-search-result{min-width:0; max-width:100%;}
  .ddk-search-result > *{min-width:0;}

  .ddk-category-window{max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .ddk-category-track{width:max-content; min-width:100%;}

  .ddk-submission-actions{display:flex; flex-wrap:wrap; gap:8px;}
  .ddk-submission-actions > *{max-width:100%;}

  .ddk-event-result-top{min-width:0;}
  .ddk-event-result-top strong,
  .ddk-event-result-top small{overflow-wrap:anywhere;}
  .ddk-winners{max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}

  .ddk-memory-card,
  .ddk-audio-item,
  .ddk-discussion-item{min-width:0; max-width:100%;}
  .ddk-audio-item audio{max-width:100%; width:100%;}

  .poem-cover,
  .poem-cover img,
  .cover-large-link img,
  .literary-image-stage img{max-width:100% !important; height:auto !important;}

  /* Prevent common form controls from forcing a wider viewport. */
  form, fieldset, .form-card, .content-card, .card, .table-responsive{max-width:100%; box-sizing:border-box;}
  input, select, textarea, button{max-width:100%; box-sizing:border-box;}
  textarea{resize:vertical;}

  /* Tables remain readable without changing their desktop structure. */
  table{max-width:100%;}
  .table-responsive, .responsive-table, .admin-table-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%;}

  /* Long URLs / IDs / email addresses must not push the page sideways. */
  a, p, li, td, th, small, strong{overflow-wrap:anywhere;}
}

@media (max-width: 600px){
  .ddk-header-brand img{width:50px !important; height:50px !important; flex:0 0 50px;}
  .ddk-header-brand strong{font-size:15px !important; line-height:1.25 !important;}
  .ddk-panel-head{padding-left:12px !important; padding-right:12px !important;}
  .ddk-panel-head h2{font-size:18px !important; line-height:1.35 !important;}

  .ddk-hero-content{padding:22px 14px !important;}
  .ddk-main-title{font-size:32px !important; line-height:1.2 !important;}
  .ddk-main-title span{font-size:14px !important; line-height:1.5 !important;}
  .ddk-hero-actions .ddk-btn{width:100%; text-align:center; min-height:44px; display:flex; align-items:center; justify-content:center;}

  .ddk-new-area .ddk-vertical-track{grid-template-columns:1fr !important;}
  .ddk-poem-list-item{align-items:flex-start;}
  .ddk-poem-thumb{width:42px; height:42px; flex-basis:42px;}

  .ddk-search-result{grid-template-columns:52px minmax(0,1fr) !important; gap:9px !important;}
  .ddk-search-thumb{width:52px !important; height:52px !important;}

  .ddk-reciter-honours-window{padding-left:8px !important; padding-right:8px !important;}
  .ddk-reciter-honours-track{gap:10px !important;}

  .ddk-event-result{padding-left:12px !important; padding-right:12px !important;}
  .event-poem-action .ddk-btn,
  .event-poem-action a{width:100%; min-height:44px; display:flex; align-items:center; justify-content:center;}

  .ddk-input-notice{padding:72px 10px 12px !important;}
  .ddk-input-notice-card{padding:14px 38px 14px 12px !important;}
}

@media (max-width: 380px){
  .ddk-header-inner{padding-left:9px !important; padding-right:9px !important;}
  .ddk-header-brand img{width:44px !important; height:44px !important; flex-basis:44px;}
  .ddk-header-brand strong{font-size:13px !important;}
  .ddk-mobile-menu-btn{width:40px !important; height:40px !important; flex-basis:40px;}
  .ddk-main-title{font-size:28px !important;}
}


/* =========================================================
   MOBILE HOMEPAGE — SINGLE COUNTING STRIP + RECITER ORDER
   Desktop is intentionally untouched.
========================================================= */
@media (max-width:700px){
  /* Use the header statistics strip on mobile; hide the duplicate
     homepage copy so there is only one counting section. */
  .ddk-literary-stats{display:none !important;}

  /* Keep the two counters side-by-side like the working mobile view. */
  .ddk-literary-stats-header-wrap{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:5px 10px 0 !important;
  }
  .ddk-literary-stats-header{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    margin:0 auto 6px !important;
  }
  .ddk-literary-stat-header{
    height:58px !important;
  }
  .ddk-literary-stat-track-header{
    height:116px !important;
  }
  .ddk-literary-stat-slide-header{
    height:58px !important;
  }
  .ddk-literary-stat-lead-header{
    font-size:11px !important;
  }
  .ddk-literary-stat-value-header{
    font-size:19px !important;
  }
  .ddk-literary-stat-unit-header{
    font-size:10px !important;
  }
}


/* =========================================================
   MOBILE HOMEPAGE FINAL — COUNTING ONLY
   Do not alter desktop layout, homepage sections, PHP logic,
   navigation, or existing visual design.
   The live/header counting block is the only counting block
   shown on mobile; the duplicate index block stays hidden.
========================================================= */
@media (max-width:700px){
  /* Keep exactly one counting strip on mobile. */
  #ddk-literary-stats-header-wrap{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:6px 10px 0 !important;
  }

  #ddk-literary-stats-header-wrap .ddk-literary-stats-header{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:7px !important;
    width:100% !important;
    margin:0 auto 7px !important;
  }

  #ddk-literary-stats-header-wrap .ddk-literary-stat-header{
    height:58px !important;
    min-width:0 !important;
  }

  #ddk-literary-stats-header-wrap .ddk-literary-stat-track-header{
    height:116px !important;
  }

  #ddk-literary-stats-header-wrap .ddk-literary-stat-slide-header{
    height:58px !important;
    padding:3px 6px !important;
    box-sizing:border-box !important;
  }

  #ddk-literary-stats-header-wrap .ddk-literary-stat-lead-header{
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }

  #ddk-literary-stats-header-wrap .ddk-literary-stat-value-header{
    font-size:18px !important;
    line-height:1 !important;
  }

  #ddk-literary-stats-header-wrap .ddk-literary-stat-unit-header{
    font-size:10px !important;
    margin-left:2px !important;
  }

  /* The index.php copy is intentionally not rendered on mobile. */
  .ddk-literary-stats-safe-wrap,
  .ddk-literary-stats{
    display:none !important;
  }
}

/* =========================================================
   HOMEPAGE RECITATION PLAYER — CLEAN COMPACT DESIGN
   Only the content inside .ddk-listen-area is styled here.
   Parent/grid geometry remains untouched.
========================================================= */
.ddk-listen-area .ddk-recit-player{
    height:calc(100% - 57px) !important;
    min-height:0 !important;
    max-height:none !important;
    padding:7px 10px 7px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
}

/* Featured area */
.ddk-listen-area .ddk-recit-feature{
    flex:0 0 138px !important;
    height:138px !important;
    min-height:138px !important;
    display:flex !important;
    gap:10px !important;
    padding:9px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(7,92,70,.18) !important;
    border-radius:14px !important;
    background:
      radial-gradient(circle at 92% 10%, rgba(180,135,46,.22), transparent 34%),
      radial-gradient(circle at 5% 100%, rgba(7,92,70,.08), transparent 38%),
      linear-gradient(135deg,#fffdf8 0%,#edf5f0 100%) !important;
    box-shadow:0 4px 12px rgba(36,61,53,.08) !important;
    overflow:hidden !important;
    position:relative !important;
}
.ddk-listen-area .ddk-recit-feature::after{
    content:"" !important;
    position:absolute !important;
    right:-18px !important;
    bottom:-28px !important;
    width:110px !important;
    height:70px !important;
    border-radius:50% !important;
    border:1px solid rgba(7,92,70,.08) !important;
    box-shadow:0 0 0 10px rgba(7,92,70,.025),0 0 0 20px rgba(7,92,70,.02) !important;
    pointer-events:none !important;
}
.ddk-listen-area .ddk-recit-cover-btn{
    position:relative !important;
    flex:0 0 92px !important;
    width:92px !important;
    height:92px !important;
    align-self:center !important;
    padding:0 !important;
    border:0 !important;
    border-radius:11px !important;
    overflow:hidden !important;
    cursor:pointer !important;
    background:#dfeae5 !important;
    box-shadow:0 3px 9px rgba(38,61,53,.14) !important;
}
.ddk-listen-area .ddk-recit-cover-btn img,
.ddk-listen-area .ddk-recit-cover-fallback{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}
.ddk-listen-area .ddk-recit-cover-fallback{
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(145deg,#dfeae5,#f3e8d5) !important;
    color:#075c46 !important;
    font-size:32px !important;
    font-weight:900 !important;
}
.ddk-listen-area .ddk-recit-cover-play{
    position:absolute !important;
    left:6px !important;
    bottom:6px !important;
    width:25px !important;
    height:25px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#075c46 !important;
    color:#fff !important;
    font-size:10px !important;
    box-shadow:0 2px 6px rgba(0,0,0,.22) !important;
}
.ddk-listen-area .ddk-recit-main{
    min-width:0 !important;
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:6px !important;
    overflow:hidden !important;
    position:relative !important;
    z-index:1 !important;
}
.ddk-listen-area .ddk-recit-badge{
    display:inline-flex !important;
    align-self:flex-start !important;
    padding:2px 7px !important;
    border-radius:999px !important;
    background:rgba(7,92,70,.09) !important;
    color:#075c46 !important;
    font-size:8px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}
.ddk-listen-area .ddk-recit-meta{min-width:0 !important;overflow:hidden !important;}
.ddk-listen-area .ddk-recit-meta strong,
.ddk-listen-area .ddk-recit-meta span{
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.ddk-listen-area .ddk-recit-meta strong{
    color:#075c46 !important;
    font-size:17px !important;
    line-height:1.12 !important;
    margin-bottom:3px !important;
}
.ddk-listen-area .ddk-recit-meta span{
    color:#5d5449 !important;
    font-size:10px !important;
    line-height:1.35 !important;
}
.ddk-listen-area .ddk-recit-meta span:last-child{
    color:#075c46 !important;
    font-weight:800 !important;
}
.ddk-listen-area .ddk-recit-controls{
    display:grid !important;
    grid-template-columns:28px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:6px !important;
}
.ddk-listen-area .ddk-recit-controls button{
    width:28px !important;
    height:28px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#075c46 !important;
    color:#fff !important;
    cursor:pointer !important;
    font-size:11px !important;
    font-weight:900 !important;
    box-shadow:0 2px 6px rgba(7,92,70,.18) !important;
}
.ddk-listen-area .ddk-recit-controls input[type=range]{
    width:100% !important;
    min-width:0 !important;
    height:4px !important;
    accent-color:#075c46 !important;
}
.ddk-listen-area .ddk-recit-controls span{
    font-size:8px !important;
    color:#6b6258 !important;
    white-space:nowrap !important;
}
.ddk-listen-area .ddk-recit-player.is-playing .ddk-recit-feature{
    border-color:rgba(7,92,70,.34) !important;
    box-shadow:0 5px 14px rgba(7,92,70,.12) !important;
}

/* Gentle 2.5-second automatic featured-card change.
   The animation stays inside the existing fixed player box. */
.ddk-listen-area .ddk-recit-feature{
    transition:opacity .18s ease, transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.ddk-listen-area .ddk-recit-player.is-auto-changing .ddk-recit-feature{
    opacity:.18 !important;
    transform:translateY(-5px) scale(.985) !important;
}

/* Compact playlist */
.ddk-listen-area .ddk-recit-list-wrap{
    flex:0 0 67px !important;
    height:67px !important;
    min-height:67px !important;
    display:grid !important;
    grid-template-columns:20px minmax(0,1fr) 20px !important;
    gap:4px !important;
    align-items:stretch !important;
}
.ddk-listen-area .ddk-recit-nav{
    align-self:center !important;
    width:20px !important;
    height:28px !important;
    padding:0 !important;
    border:1px solid rgba(7,92,70,.14) !important;
    border-radius:8px !important;
    background:#fffdf8 !important;
    color:#075c46 !important;
    cursor:pointer !important;
    font-size:21px !important;
    line-height:1 !important;
}
.ddk-listen-area .ddk-recit-list{
    min-width:0 !important;
    display:flex !important;
    gap:6px !important;
    overflow:hidden !important;
}
.ddk-listen-area .ddk-recit-card{
    flex:0 0 calc((100% - 6px)/2) !important;
    min-width:0 !important;
    height:67px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:5px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(7,92,70,.10) !important;
    border-radius:10px !important;
    background:#fffdf8 !important;
    color:#315044 !important;
    cursor:pointer !important;
    text-align:left !important;
    overflow:hidden !important;
}
.ddk-listen-area .ddk-recit-card.is-active{
    border-color:#075c46 !important;
    box-shadow:inset 0 0 0 1px rgba(7,92,70,.12),0 2px 6px rgba(7,92,70,.07) !important;
}
.ddk-listen-area .ddk-recit-card img,
.ddk-listen-area .ddk-recit-card-fallback{
    flex:0 0 40px !important;
    width:40px !important;
    height:52px !important;
    border-radius:7px !important;
    object-fit:cover !important;
}
.ddk-listen-area .ddk-recit-card-fallback{
    display:grid !important;
    place-items:center !important;
    background:#e7eee9 !important;
    color:#075c46 !important;
    font-weight:900 !important;
}
.ddk-listen-area .ddk-recit-card span:last-child{min-width:0 !important;overflow:hidden !important;}
.ddk-listen-area .ddk-recit-card strong,
.ddk-listen-area .ddk-recit-card small{
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.ddk-listen-area .ddk-recit-card strong{font-size:10px !important;color:#075c46 !important;line-height:1.25 !important;}
.ddk-listen-area .ddk-recit-card small{font-size:8px !important;color:#756b60 !important;margin-top:2px !important;}

/* Search belongs at the very bottom — two clean dropdown rows */
.ddk-listen-area .ddk-recit-bottom-search{
    flex:0 0 58px !important;
    height:58px !important;
    min-height:58px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:27px 27px !important;
    gap:4px !important;
}
.ddk-listen-area .ddk-recit-bottom-search label{
    min-width:0 !important;
    height:27px !important;
    display:grid !important;
    grid-template-columns:43px minmax(0,1fr) !important;
    align-items:center !important;
    gap:6px !important;
    padding:2px 5px 2px 7px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(7,92,70,.18) !important;
    border-radius:8px !important;
    background:linear-gradient(90deg,rgba(7,92,70,.045),rgba(255,253,248,.94)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.ddk-listen-area .ddk-recit-bottom-search label:focus-within{
    border-color:rgba(7,92,70,.48) !important;
    box-shadow:0 0 0 2px rgba(7,92,70,.07),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.ddk-listen-area .ddk-recit-search-label{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:20px !important;
    border-radius:6px !important;
    background:#075c46 !important;
    color:#fffdf8 !important;
    font-size:9px !important;
    font-weight:900 !important;
}
.ddk-listen-area .ddk-recit-bottom-search select{
    width:100% !important;
    min-width:0 !important;
    height:22px !important;
    padding:0 22px 0 7px !important;
    border:1px solid rgba(118,102,82,.16) !important;
    border-radius:6px !important;
    outline:0 !important;
    background:#fffdf8 !important;
    color:#29483e !important;
    font-family:inherit !important;
    font-size:9px !important;
    font-weight:700 !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
}
.ddk-listen-area .ddk-recit-bottom-search select:hover{
    border-color:rgba(7,92,70,.34) !important;
    background:#fffefa !important;
}
.ddk-listen-area .ddk-recit-bottom-search select:focus{
    border-color:#075c46 !important;
    box-shadow:0 0 0 2px rgba(7,92,70,.08) !important;
}

.ddk-listen-area .ddk-recit-status{
    flex:0 0 12px !important;
    height:12px !important;
    min-height:12px !important;
    font-size:8px !important;
    line-height:12px !important;
    color:#075c46 !important;
    text-align:center !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}
.ddk-listen-area .ddk-recit-noresult,
.ddk-listen-area .ddk-recit-empty{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    color:#6c6257 !important;
    gap:4px !important;
}
.ddk-listen-area .ddk-recit-empty span{font-size:26px !important;}
.ddk-listen-area .ddk-recit-empty strong{font-size:14px !important;color:#075c46 !important;}
.ddk-listen-area .ddk-recit-empty small{font-size:9px !important;}
.ddk-listen-area .ddk-recit-noresult{font-size:10px !important;}

@media (max-width:1100px){
    .ddk-listen-area .ddk-recit-feature{flex-basis:132px !important;height:132px !important;min-height:132px !important;}
    .ddk-listen-area .ddk-recit-cover-btn{flex-basis:86px !important;width:86px !important;height:86px !important;}
}


/* =========================================================
   DISTRICT BOOKSTORE PROMO — isolated additive styles only
   Desktop placement uses the measured empty cell beside the reciter panel.
========================================================= */
.ddk-bookstore-promo{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e4c99d!important;border-radius:18px!important;background:linear-gradient(135deg,#fffaf0 0%,#f7e6c8 55%,#e8d1a7 100%)!important;box-shadow:0 7px 22px rgba(92,62,24,.10);min-width:0;}
.ddk-bookstore-promo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.8),transparent 38%),linear-gradient(120deg,transparent 58%,rgba(7,91,69,.08));pointer-events:none;z-index:-1;}
.ddk-bookstore-promo-link{height:100%;min-height:150px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:13px 16px;text-align:center;text-decoration:none!important;color:#075b45!important;}
.ddk-bookstore-kicker{font-size:11px;letter-spacing:.04em;color:#7b5a2e;font-weight:700;}
.ddk-bookstore-promo-link>strong{font-size:clamp(15px,1.35vw,21px);line-height:1.35;font-weight:800;}
.ddk-bookstore-main{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#a90d3d;color:#fff;border-radius:999px;padding:8px 14px;font-size:clamp(13px,1.05vw,16px);font-weight:800;box-shadow:0 4px 10px rgba(169,13,61,.18);}
.ddk-bookstore-sub{font-size:10px;color:#6f604e;line-height:1.4;}
.ddk-bookstore-promo-link:hover .ddk-bookstore-main{background:#075b45;transform:translateY(-1px);}
@media(min-width:1101px){.ddk-bookstore-promo{grid-column:9 / 13!important;grid-row:3!important;width:100%!important;height:150px!important;min-height:150px!important;max-height:150px!important;align-self:stretch!important;justify-self:stretch!important;}}
@media(max-width:1100px){.ddk-bookstore-promo{width:100%;}.ddk-bookstore-promo-link{min-height:140px;}}
@media(max-width:700px){.ddk-bookstore-promo-link{min-height:130px;padding:12px;}.ddk-bookstore-promo-link>strong{font-size:18px}.ddk-bookstore-main{font-size:14px}}

/* =========================================================
   SAFE TWEAK: Give only the desktop "This Week's Poem"
   reading panel more vertical room. No grid positions,
   neighbouring sections, or mobile layout are changed.
========================================================= */
@media (min-width: 1100px) {
  .ddk-weekly-area .ddk-weekly-reading {
    flex: 0 0 300px !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
  }
}


/* =========================================================
   HOMEPAGE DONATION HIGHLIGHT — ONLY THIS SECTION IS CHANGED
   Keeps existing layout, link, PHP and payment flow untouched.
========================================================= */
.ddk-donation-area{
    position:relative !important;
    isolation:isolate !important;
    border:1px solid rgba(218,177,91,.9) !important;
    border-radius:18px !important;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(231,190,102,.20), transparent 48%),
        linear-gradient(135deg,#064b3b 0%,#087052 58%,#064735 100%) !important;
    box-shadow:0 10px 28px rgba(4,54,39,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.ddk-donation-area .ddk-kicker{
    color:#f0ca78 !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
}
.ddk-donation-area .ddk-panel-head h2{
    color:#fffaf0 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.18) !important;
}
.ddk-donation-area .ddk-head-icon{
    filter:brightness(0) saturate(100%) invert(83%) sepia(34%) saturate(552%) hue-rotate(350deg) brightness(101%) contrast(92%) !important;
}
.ddk-donation-area .ddk-donation-text{
    color:#f5f4e9 !important;
    font-size:12px !important;
    line-height:1.65 !important;
    font-weight:500 !important;
}
.ddk-donation-area .ddk-donation-button{
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:9px 18px !important;
    border:1px solid #ffe1a0 !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#ffdf91,#eab94f) !important;
    color:#173c2d !important;
    font-size:12px !important;
    font-weight:900 !important;
    box-shadow:0 4px 12px rgba(0,0,0,.16) !important;
    text-decoration:none !important;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.ddk-donation-area .ddk-donation-button:hover,
.ddk-donation-area .ddk-donation-button:focus-visible{
    transform:translateY(-2px) !important;
    box-shadow:0 7px 16px rgba(0,0,0,.22) !important;
    filter:brightness(1.04) !important;
    outline:2px solid #fff3cf !important;
    outline-offset:3px !important;
}
@media (max-width:700px){
    .ddk-donation-area .ddk-panel-head h2{font-size:22px !important;line-height:1.25 !important;}
    .ddk-donation-area .ddk-donation-text{font-size:12px !important;max-width:100% !important;}
    .ddk-donation-area .ddk-donation-button{font-size:12px !important;min-height:38px !important;}
}

/* DONATION BUTTON VISIBILITY FIX — keep the existing section size and position */
.ddk-donation-area{
    box-sizing:border-box !important;
    padding:8px 14px 10px !important;
}
.ddk-donation-area .ddk-panel-head{
    min-height:0 !important;
    padding:0 0 2px !important;
}
.ddk-donation-area .ddk-panel-head h2{
    font-size:19px !important;
    line-height:1.12 !important;
    margin:0 !important;
}
.ddk-donation-area .ddk-kicker{
    line-height:1.1 !important;
}
.ddk-donation-area .ddk-donation-text{
    margin:3px 0 6px !important;
    font-size:11px !important;
    line-height:1.3 !important;
}
.ddk-donation-area .ddk-donation-button{
    display:inline-flex !important;
    position:relative !important;
    z-index:2 !important;
    min-height:30px !important;
    padding:6px 14px !important;
    margin:0 !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
}


/* FINAL DONATION CARD POLISH — styling/alignment only; preserve existing dimensions/layout */
.ddk-donation-area{
  background:
    radial-gradient(circle at 92% 8%, rgba(255,220,139,.20) 0, rgba(255,220,139,0) 34%),
    linear-gradient(135deg,#064b3b 0%,#08745a 52%,#064b3b 100%) !important;
  border:1px solid #d9b66b !important;
  border-radius:17px !important;
  box-shadow:0 7px 20px rgba(28,62,43,.16), inset 0 1px 0 rgba(255,255,255,.15) !important;
  color:#fff9e9 !important;
  text-align:center !important;
}
.ddk-donation-area .ddk-kicker{
  color:#f5d27f !important;
  text-align:center !important;
  font-weight:800 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.18) !important;
}
.ddk-donation-area .ddk-panel-head{
  justify-content:center !important;
  text-align:center !important;
}
.ddk-donation-area .ddk-panel-head h2{
  color:#fffaf0 !important;
  text-align:center !important;
  text-shadow:0 2px 8px rgba(0,0,0,.18) !important;
}
.ddk-donation-area .ddk-head-icon{
  filter:brightness(0) saturate(100%) invert(84%) sepia(38%) saturate(560%) hue-rotate(350deg) brightness(103%) contrast(92%) !important;
}
.ddk-donation-area .ddk-donation-text{
  color:#f6f0df !important;
  text-align:center !important;
  text-wrap:pretty !important;
}
.ddk-donation-area .ddk-donation-button{
  background:linear-gradient(135deg,#ffe4a0 0%,#edbd54 100%) !important;
  border:1px solid #fff0c6 !important;
  color:#174a37 !important;
  border-radius:999px !important;
  box-shadow:0 3px 10px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.6) !important;
  font-weight:900 !important;
  text-align:center !important;
}
.ddk-donation-area .ddk-donation-button:hover,
.ddk-donation-area .ddk-donation-button:focus-visible{
  background:linear-gradient(135deg,#fff0c6 0%,#f2c45d 100%) !important;
  box-shadow:0 5px 13px rgba(0,0,0,.23) !important;
}

/* NEW POEMS SECTION — visual styling only; preserve existing layout, dimensions and behaviour */
.ddk-new-area{
  background-color:#fbf6e9 !important;
  background-image:
    radial-gradient(ellipse at 8% 12%, rgba(218,174,96,.17) 0%, rgba(218,174,96,0) 36%),
    radial-gradient(ellipse at 92% 88%, rgba(86,145,115,.14) 0%, rgba(86,145,115,0) 38%),
    repeating-linear-gradient(135deg, rgba(126,101,62,.025) 0px, rgba(126,101,62,.025) 1px, transparent 1px, transparent 8px) !important;
  border-color:rgba(186,145,77,.48) !important;
  box-shadow:0 5px 18px rgba(105,78,37,.075) !important;
}
.ddk-new-area .ddk-panel-head{
  background:linear-gradient(100deg,rgba(255,252,242,.88),rgba(239,226,196,.62)) !important;
  border-bottom:1px solid rgba(176,137,75,.27) !important;
}
.ddk-new-area .ddk-kicker{
  color:#9b6a25 !important;
  letter-spacing:.02em !important;
}
.ddk-new-area .ddk-panel-head h2{
  color:#075b47 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.75) !important;
}
.ddk-new-area .ddk-view-link{
  background:linear-gradient(135deg,#0b7257,#07513f) !important;
  color:#fff9e9 !important;
  border:1px solid rgba(255,220,151,.55) !important;
  box-shadow:0 3px 9px rgba(7,81,63,.16) !important;
}
.ddk-new-area .ddk-poem-list-item{
  background:linear-gradient(105deg,rgba(255,253,247,.96),rgba(246,237,216,.91)) !important;
  border:1px solid rgba(190,154,96,.28) !important;
  border-radius:13px !important;
  box-shadow:0 3px 10px rgba(105,78,37,.07) !important;
  text-decoration:none !important;
}
.ddk-new-area .ddk-poem-thumb-wrap{
  border:2px solid rgba(255,255,255,.92) !important;
  box-shadow:0 3px 10px rgba(66,53,30,.18) !important;
}
.ddk-new-area .ddk-new-poem-title{
  color:#075b47 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
}
.ddk-new-area .ddk-new-poem-author{color:#76552b !important;}
.ddk-new-area .ddk-new-poem-meta span{
  background:rgba(11,114,87,.09) !important;
  border:1px solid rgba(11,114,87,.12) !important;
  color:#476b58 !important;
}
.ddk-new-area .ddk-poem-list-item:hover,
.ddk-new-area .ddk-poem-list-item:focus-visible{
  background:linear-gradient(105deg,#fffdf6,#f0e0bd) !important;
  border-color:rgba(169,122,48,.55) !important;
  box-shadow:0 5px 14px rgba(105,78,37,.13) !important;
}

/* NEW POEMS — decorative treatment for the existing auto-scrolling poem cards only.
   Keeps the existing card dimensions, placement, content and scroll behaviour intact. */
.ddk-new-area .ddk-poem-list-item{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(ellipse at 8% 8%, rgba(221,185,113,.20), transparent 42%),
    radial-gradient(ellipse at 95% 95%, rgba(119,168,139,.17), transparent 43%),
    linear-gradient(118deg,#fffdf7 0%,#f8f0df 52%,#f2ead7 100%) !important;
  border:1px solid rgba(167,128,65,.42) !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 5px 16px rgba(72,78,48,.09) !important;
}
.ddk-new-area .ddk-poem-list-item::before{
  content:"❦" !important;
  position:absolute !important;
  right:13px !important;
  bottom:5px !important;
  z-index:-1 !important;
  color:rgba(151,116,57,.12) !important;
  font-size:58px !important;
  line-height:1 !important;
  pointer-events:none !important;
}
.ddk-new-area .ddk-poem-thumb-wrap{
  position:relative !important;
  border:3px solid #fffdf5 !important;
  outline:1px solid rgba(166,126,62,.48) !important;
  outline-offset:2px !important;
  border-radius:13px !important;
  box-shadow:0 5px 13px rgba(47,59,42,.19) !important;
  background:linear-gradient(135deg,#e7d4a9,#c6d9c9) !important;
}
.ddk-new-area .ddk-poem-thumb{
  transition:transform .35s ease, filter .35s ease !important;
}
.ddk-new-area .ddk-list-copy{
  position:relative !important;
  z-index:1 !important;
  padding:4px 5px 4px 0 !important;
}
.ddk-new-area .ddk-new-poem-title{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  color:#075541 !important;
  font-family:"Noto Serif Bengali",serif !important;
  font-weight:900 !important;
  letter-spacing:.005em !important;
  text-shadow:0 1px 0 rgba(255,255,255,.9) !important;
}
.ddk-new-area .ddk-new-poem-author{
  color:#805b2a !important;
  font-weight:700 !important;
}
.ddk-new-area .ddk-new-poem-meta span{
  display:inline-flex !important;
  align-items:center !important;
  width:fit-content !important;
  max-width:100% !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,rgba(13,111,82,.12),rgba(212,176,103,.18)) !important;
  border:1px solid rgba(13,111,82,.20) !important;
  color:#37634e !important;
  font-weight:700 !important;
}
.ddk-new-area .ddk-poem-list-item:hover .ddk-poem-thumb,
.ddk-new-area .ddk-poem-list-item:focus-visible .ddk-poem-thumb{
  transform:scale(1.035) !important;
  filter:saturate(1.06) !important;
}
.ddk-new-area .ddk-poem-list-item:hover,
.ddk-new-area .ddk-poem-list-item:focus-visible{
  border-color:rgba(159,116,42,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98), 0 7px 19px rgba(72,78,48,.14) !important;
}
@media (prefers-reduced-motion:reduce){
  .ddk-new-area .ddk-poem-thumb{transition:none !important;}
}

/* =========================================================
   HOMEPAGE LISTEN SECTION — ARTISTIC CONTRAST POLISH
   Visual styling only: no layout/grid dimensions or behavior changed.
========================================================= */
.ddk-listen-area .ddk-panel-head{
    position:relative !important;
    justify-content:center !important;
}
.ddk-listen-area .ddk-panel-head-main{
    width:100% !important;
    text-align:center !important;
}
.ddk-listen-area .ddk-panel-head-main h2{
    justify-content:center !important;
    text-align:center !important;
}
.ddk-listen-area .ddk-panel-head .ddk-view-link{
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
}
.ddk-listen-area .ddk-recit-feature{
    background:
      radial-gradient(circle at 90% 8%, rgba(224,185,104,.20), transparent 36%),
      radial-gradient(circle at 4% 100%, rgba(151,203,180,.12), transparent 42%),
      linear-gradient(135deg,#174b43 0%,#1c5b50 52%,#244f49 100%) !important;
    border:1px solid rgba(220,190,125,.68) !important;
    box-shadow:0 7px 18px rgba(18,57,49,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ddk-listen-area .ddk-recit-feature::after{
    border-color:rgba(241,211,151,.13) !important;
    box-shadow:0 0 0 10px rgba(241,211,151,.035),0 0 0 20px rgba(241,211,151,.025) !important;
}
.ddk-listen-area .ddk-recit-badge{
    color:#f1d18a !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(241,209,138,.32) !important;
}
.ddk-listen-area .ddk-recit-meta strong{
    color:#fff8e8 !important;
    text-shadow:0 1px 1px rgba(0,0,0,.14) !important;
}
.ddk-listen-area .ddk-recit-meta span{
    color:#e5eee8 !important;
}
.ddk-listen-area .ddk-recit-meta span:last-child{
    color:#f1d18a !important;
}
.ddk-listen-area .ddk-recit-controls button,
.ddk-listen-area .ddk-recit-cover-play{
    background:linear-gradient(145deg,#f1d18a,#d5a64f) !important;
    color:#173f37 !important;
    border:1px solid rgba(255,248,225,.58) !important;
    box-shadow:0 3px 9px rgba(0,0,0,.20) !important;
}
.ddk-listen-area .ddk-recit-controls input[type=range]{
    accent-color:#f1d18a !important;
}
.ddk-listen-area .ddk-recit-controls span{
    color:#fff5dc !important;
}
.ddk-listen-area .ddk-recit-player.is-playing .ddk-recit-feature{
    border-color:#f1d18a !important;
    box-shadow:0 0 0 2px rgba(241,209,138,.13),0 8px 20px rgba(18,57,49,.23) !important;
}

/* HOMEPAGE — WEEKLY POEM: make the poem-reading area the visual focal point.
   Presentation only: no layout, dimensions, content, or behaviour changes. */
.ddk-weekly-area .ddk-weekly-reading{
    background:
      radial-gradient(ellipse at 12% 8%, rgba(229,196,132,.12) 0%, rgba(229,196,132,0) 42%),
      linear-gradient(145deg, #173f3a 0%, #204f49 52%, #263f49 100%) !important;
    color:#fff8e9 !important;
    border:1px solid rgba(220,190,125,.62) !important;
    border-left:4px solid #d9b66c !important;
    border-radius:14px !important;
    box-shadow:0 8px 22px rgba(25,57,52,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
    line-height:2 !important;
    letter-spacing:.01em !important;
    text-shadow:0 1px 1px rgba(0,0,0,.12) !important;
}
.ddk-weekly-area .ddk-weekly-tags span{
    background:#f4ead6 !important;
    color:#254d43 !important;
    border:1px solid rgba(178,142,76,.35) !important;
}
.ddk-weekly-area .ddk-weekly-tags span.special{
    background:#d8b568 !important;
    color:#263f36 !important;
    border-color:#c49b4e !important;
}

/* HOMEPAGE — WEEKLY POEM: alternate royal-blue and silver palette.
   Colour-only override; preserves all existing dimensions, positioning and behaviour. */
.ddk-weekly-area .ddk-weekly-reading{
    background:
      radial-gradient(ellipse at 12% 8%, rgba(200,224,255,.13) 0%, rgba(200,224,255,0) 42%),
      linear-gradient(145deg, #203f69 0%, #294e7b 52%, #263f60 100%) !important;
    color:#ffffff !important;
    border-color:rgba(168,197,227,.78) !important;
    border-left-color:#a8c5e3 !important;
    box-shadow:0 8px 22px rgba(23,48,80,.20), inset 0 1px 0 rgba(255,255,255,.09) !important;
}
.ddk-weekly-area .ddk-weekly-tags span{
    background:#e5eef7 !important;
    color:#285987 !important;
    border-color:rgba(120,155,194,.45) !important;
}
.ddk-weekly-area .ddk-weekly-tags span.special{
    background:#c8e0ff !important;
    color:#203f69 !important;
    border-color:#a8c5e3 !important;
}


/* =========================================================
   OUR POETS — SOFT ROSE LITERARY PRESENTATION
   Styling only: preserve section geometry, placement and operations.
========================================================= */
.ddk-poets-area{
    background: linear-gradient(145deg, #fff8fa 0%, #f8e5eb 55%, #f4dce5 100%) !important;
    border-color: #e8c1ce !important;
}
.ddk-poets-area .ddk-panel-head h2{
    color: #7d2948 !important;
    letter-spacing: .1px !important;
    text-wrap: balance;
}
.ddk-poets-area .ddk-kicker{
    color: #a14b69 !important;
}
.ddk-poets-area .ddk-view-link{
    color: #812d4b !important;
}
.ddk-poets-area .ddk-poet-card{
    border-radius: 12px !important;
    transition: background-color .2s ease, box-shadow .2s ease !important;
}
.ddk-poets-area .ddk-poet-card img,
.ddk-poets-area .ddk-poet-placeholder{
    width: 116px !important;
    height: 116px !important;
    flex-basis: 116px !important;
    border: 3px solid #fffafc !important;
    box-shadow: 0 4px 12px rgba(125, 41, 72, .16) !important;
}
.ddk-poets-area .ddk-poet-card strong{
    color: #63243c !important;
}
.ddk-poets-area .ddk-poet-card:hover{
    background: rgba(255,255,255,.52) !important;
    box-shadow: 0 4px 12px rgba(125,41,72,.08) !important;
}


/* OUR POETS — DEEPER ROSE + CLEAR TWO-LINE HEADING */
.ddk-poets-area{
    background: linear-gradient(135deg, #f3b4c7 0%, #e995b0 52%, #df7f9f 100%) !important;
    border-color: #c95e82 !important;
}
.ddk-poets-area .ddk-panel-head h2{
    color: #65112f !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: .15px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.5) !important;
}
.ddk-poets-area .ddk-kicker{
    color: #7b183d !important;
}
.ddk-poets-area .ddk-view-link{
    color: #65112f !important;
}
.ddk-poets-area .ddk-poet-card img,
.ddk-poets-area .ddk-poet-placeholder{
    box-shadow: 0 4px 12px rgba(101,17,47,.24) !important;
}
.ddk-poets-area .ddk-poet-card strong{
    color: #4c1027 !important;
}


/* DISTRICT RECITERS / EMINENT VOICES — ELEGANT BLUE THEME
   Visual styling only: preserve section content, dimensions, layout and behavior. */
.ddk-reciter-honours-area{
    background: linear-gradient(135deg, #d9eaff 0%, #b7d6fb 48%, #8ebcf0 100%) !important;
    border: 1px solid #6599d6 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 5px 16px rgba(26,75,135,.10) !important;
}
.ddk-reciter-honours-head h2{
    color: #103b70 !important;
    font-weight: 850 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}
.ddk-reciter-honours-head .ddk-head-icon{
    filter: drop-shadow(0 2px 2px rgba(16,59,112,.16));
}
.ddk-reciter-honours-card{
    border-radius: 12px !important;
    background: rgba(255,255,255,.26) !important;
    border: 1px solid rgba(255,255,255,.5) !important;
    box-shadow: 0 3px 10px rgba(20,65,120,.10) !important;
}
.ddk-reciter-honours-card img{
    border: 3px solid #f8fbff !important;
    box-shadow: 0 3px 10px rgba(16,59,112,.20) !important;
}
.ddk-reciter-honours-card strong{
    color: #123d70 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45) !important;
}
.ddk-reciter-honours-card:hover{
    background: rgba(255,255,255,.48) !important;
    box-shadow: 0 5px 13px rgba(20,65,120,.15) !important;
}

/* RECITER HONOURS — DEEP BLUE MATCHING THE FEATURED POEM'S HERO AREA
   Visual-only colour overrides; preserve section geometry and content. */
.ddk-reciter-honours-area{
  background:linear-gradient(145deg,#082d59 0%,#064b83 48%,#0878a8 100%) !important;
  border-color:#0b6594 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 5px 16px rgba(5,35,72,.18) !important;
}
.ddk-reciter-honours-head h2{
  color:#ffffff !important;
  text-shadow:0 2px 5px rgba(0,18,48,.55) !important;
}
.ddk-reciter-honours-head .ddk-head-icon{
  filter:brightness(0) invert(1) !important;
  opacity:.98 !important;
}
.ddk-reciter-honours-card strong{
  color:#ffffff !important;
  text-shadow:0 1px 4px rgba(0,16,44,.72) !important;
}
.ddk-reciter-honours-card img{
  border:3px solid #bdeeff !important;
  box-shadow:0 3px 12px rgba(0,12,38,.4) !important;
  background:#d7efff !important;
}
.ddk-reciter-honours-card:hover img{
  border-color:#ffffff !important;
  box-shadow:0 0 0 2px rgba(113,220,255,.35),0 5px 15px rgba(0,12,38,.48) !important;
}
.ddk-reciter-honours-empty{
  color:#f0f9ff !important;
  text-shadow:0 1px 3px rgba(0,16,44,.6) !important;
}

/* DISTRICT VOICE POETRY EVENT — DISTINCTIVE LITERARY PLUM & GOLD THEME
   Presentation-only overrides. Preserve section dimensions, placement,
   responsive geometry, content, PHP/JS, and event functionality. */
.ddk-event-area{
  background:linear-gradient(145deg,#28113f 0%,#4b1d5e 52%,#71345f 100%) !important;
  border:1px solid rgba(226,190,111,.82) !important;
  box-shadow:inset 0 1px 0 rgba(255,239,196,.16),0 5px 18px rgba(38,12,52,.2) !important;
}
.ddk-event-area .ddk-panel-head,
.ddk-event-area .ddk-panel-head h2,
.ddk-event-area .ddk-panel-head .ddk-kicker{
  color:#fff7e6 !important;
}
.ddk-event-area .ddk-panel-head h2{
  text-shadow:0 2px 5px rgba(16,4,26,.55) !important;
}
.ddk-event-area .ddk-head-icon{
  filter:brightness(0) invert(1) !important;
}
.ddk-event-area .ddk-view-link{
  color:#ffe2a0 !important;
  border-color:rgba(255,226,160,.55) !important;
}
.ddk-event-area .ddk-event-result{
  background:linear-gradient(145deg,#fffaf0 0%,#f7e9cf 100%) !important;
  border:1px solid #d9b96f !important;
  box-shadow:0 3px 10px rgba(16,4,26,.22) !important;
}
.ddk-event-area .ddk-event-label{
  background:linear-gradient(135deg,#a87524,#d6ad54) !important;
  color:#29163b !important;
}
.ddk-event-area .ddk-event-result-top strong{
  color:#54204f !important;
}
.ddk-event-area .ddk-event-result-top small,
.ddk-event-area .ddk-event-message{
  color:#6e5269 !important;
}
.ddk-event-area .ddk-event-date-range{
  border-left-color:#bd9140 !important;
  background:rgba(189,145,64,.12) !important;
}
.ddk-event-area .ddk-event-date-range .ddk-event-date-value{
  color:#54204f !important;
}
.ddk-event-area .ddk-event-status{
  background:#54204f !important;
  color:#fff4d7 !important;
  border-color:#cda451 !important;
}
.ddk-event-area .ddk-winners .winner{
  border:1px solid rgba(184,137,55,.55) !important;
  background:linear-gradient(160deg,#fffdf7,#f0dfbd) !important;
  color:#54204f !important;
}
.ddk-event-area .ddk-winners .winner strong,
.ddk-event-area .ddk-winners .winner em{
  color:#54204f !important;
}
.ddk-event-area .ddk-winners .winner-photo-mini{
  border-color:#c69b48 !important;
}

/* DISTRICT VOICE EVENT — REFINED GOLD & IVORY FINISH
   Colour, borders and shadows only: no dimensions, spacing, positioning,
   responsive rules, markup, scripts, PHP or backend operations changed. */
.ddk-event-area{
  background:linear-gradient(135deg,#241035 0%,#482052 48%,#6b315d 100%) !important;
  border-color:#d9b45f !important;
  box-shadow:inset 0 1px 0 rgba(255,237,184,.2),0 5px 18px rgba(26,8,37,.22) !important;
}
.ddk-event-area .ddk-panel-head h2{
  color:#fff8e8 !important;
  text-shadow:0 2px 6px rgba(15,3,24,.6) !important;
}
.ddk-event-area .ddk-panel-head .ddk-kicker{
  color:#f2d58d !important;
}
.ddk-event-area .ddk-view-link{
  color:#ffe6a6 !important;
  border-color:rgba(255,226,160,.7) !important;
  text-shadow:0 1px 2px rgba(20,5,30,.35) !important;
}
.ddk-event-area .ddk-event-result{
  background:linear-gradient(145deg,#fffdf7 0%,#f6ebd5 100%) !important;
  border-color:#d6b25f !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 10px rgba(16,4,26,.2) !important;
}
.ddk-event-area .ddk-event-label{
  background:linear-gradient(135deg,#bd9140 0%,#f0d58b 100%) !important;
  color:#32183f !important;
  border-color:#f5df9e !important;
}
.ddk-event-area .ddk-event-result-top strong,
.ddk-event-area .ddk-event-date-range .ddk-event-date-value,
.ddk-event-area .ddk-winners .winner strong,
.ddk-event-area .ddk-winners .winner em{
  color:#4d204f !important;
}
.ddk-event-area .ddk-event-result-top small,
.ddk-event-area .ddk-event-message{
  color:#68516b !important;
}
.ddk-event-area .ddk-event-date-range{
  border-left-color:#c49a42 !important;
  background:rgba(201,160,72,.13) !important;
}
.ddk-event-area .ddk-event-status{
  background:linear-gradient(135deg,#54204f,#71345f) !important;
  color:#fff6df !important;
  border-color:#d6b25f !important;
}
.ddk-event-area .ddk-winners .winner{
  background:linear-gradient(155deg,#fffdf8 0%,#f2e2c2 100%) !important;
  border-color:rgba(190,147,62,.72) !important;
  color:#4d204f !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 2px 6px rgba(58,26,61,.08) !important;
}
.ddk-event-area .ddk-winners .winner-photo-mini{
  border-color:#caa24f !important;
  box-shadow:0 1px 5px rgba(62,26,62,.18) !important;
}

/* FINAL SMALL PRESENTATION TWEAKS — EVENT TITLE + OUR POETS
   CSS only. Preserve section placement/area, content, and all backend operations. */
.ddk-event-area .ddk-panel-head-main{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:center !important;
}
.ddk-event-area .ddk-panel-head h2{
  text-align:center !important;
  justify-content:center !important;
}
.ddk-event-area .ddk-panel-head .ddk-kicker{
  text-align:center !important;
}

/* Improve contrast on the rose background without using plain white. */
.ddk-poets-area .ddk-panel-head h2{
  color:#59152f !important;
  text-shadow:0 1px 0 rgba(255,239,221,.62) !important;
}
.ddk-poets-area .ddk-kicker{
  color:#6f1c3c !important;
}
.ddk-poets-area .ddk-view-link{
  color:#59152f !important;
  text-shadow:0 1px 0 rgba(255,239,221,.45) !important;
}
.ddk-poets-area .ddk-poet-card strong{
  color:#4b1028 !important;
  text-shadow:0 1px 0 rgba(255,239,221,.38) !important;
}
.ddk-poets-area .ddk-poet-card img,
.ddk-poets-area .ddk-poet-placeholder{
  border-color:#ffe7d5 !important;
}

/* Slightly reduce portrait size to prevent the photos crowding the heading. */
.ddk-poets-area .ddk-poet-card img,
.ddk-poets-area .ddk-poet-placeholder{
  width:118px !important;
  height:118px !important;
  flex-basis:118px !important;
}
@media (max-width:1100px){
  .ddk-poets-area .ddk-poet-card img,
  .ddk-poets-area .ddk-poet-placeholder{
    width:108px !important;
    height:108px !important;
    flex-basis:108px !important;
  }
}


/* Print-only poem layout. Website screen appearance remains unchanged. */
.print-poem-header{display:none}
@media print {
  @page { size:A4 portrait; margin:16mm 16mm 17mm; }
  html,body { background:#fff!important; color:#211a18!important; margin:0!important; padding:0!important; }
  body { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  body * { visibility:hidden!important; }
  .poem-reading, .poem-reading * { visibility:visible!important; }
  .poem-reading {
    position:relative!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important;
    border:0!important; border-radius:0!important; box-shadow:none!important; background:#fff!important;
    color:#211a18!important; box-sizing:border-box!important; overflow:visible!important;
  }
  /* Use the actual logo image as a soft watermark, so it prints even when
     the browser's background-graphics option is disabled. */
  .poem-reading > .print-poem-header .print-poem-logo {
    display:block!important; position:fixed!important; left:50%!important; top:50%!important;
    width:125mm!important; height:125mm!important; max-width:none!important; max-height:none!important;
    object-fit:contain!important; transform:translate(-50%,-50%)!important;
    opacity:.075!important; z-index:0!important; pointer-events:none!important;
  }
  .poem-reading > * { display:none!important; }
  .poem-reading > .print-poem-header {
    display:block!important; position:relative!important; z-index:1!important; width:100%!important;
    box-sizing:border-box!important; padding:0 0 7mm!important; margin:0 0 8mm!important;
    border-bottom:1.2pt solid #8b2947!important; text-align:center!important;
    break-inside:avoid!important; page-break-inside:avoid!important;
  }
  .print-poem-brand { display:block!important; min-width:0!important; text-align:center!important; }
  .print-poem-site-title { display:block!important; color:#761c3b!important; font-family:"Noto Serif Bengali","Noto Sans Bengali",serif!important; font-size:25pt!important; font-weight:700!important; line-height:1.35!important; }
  .print-poem-tagline { display:block!important; color:#6c4a43!important; font-family:"Noto Serif Bengali","Noto Sans Bengali",serif!important; font-size:12pt!important; margin-top:2mm!important; }
  .poem-reading > h1 {
    display:block!important; position:relative!important; z-index:1!important; text-align:center!important; color:#761c3b!important;
    font-family:"Noto Serif Bengali","Noto Sans Bengali",serif!important; font-size:21pt!important;
    line-height:1.4!important; margin:0 0 3mm!important; padding:0!important;
    break-after:avoid!important; page-break-after:avoid!important;
  }
  .poem-reading > .poet-by {
    display:block!important; position:relative!important; z-index:1!important; text-align:center!important; color:#6b263c!important;
    font-family:"Noto Serif Bengali","Noto Sans Bengali",serif!important; font-size:13pt!important;
    font-weight:600!important; margin:0 0 9mm!important; break-after:avoid!important; page-break-after:avoid!important;
  }
  .poem-reading > .poet-by a { color:inherit!important; text-decoration:none!important; }
  .poem-reading > .poem-text {
    display:block!important; position:relative!important; z-index:1!important; white-space:normal!important; overflow:visible!important;
    font-family:"Noto Serif Bengali","Noto Sans Bengali",serif!important; font-size:12pt!important;
    line-height:1.85!important; color:#201a18!important; text-align:center!important;
    overflow-wrap:break-word!important; word-break:normal!important; margin:0!important;
    padding:0 2mm!important; border:0!important; background:transparent!important; box-shadow:none!important;
    column-count:1!important;
  }
  .poem-reading > .poem-text.print-long-poem {
    /* Compact two-column typography helps long poems fit on one A4 page. */
    column-count:2!important; column-gap:8mm!important; column-rule:0.5pt solid #e5cbd2!important;
    column-fill:balance!important; text-align:left!important;
    font-size:9.5pt!important; line-height:1.38!important;
    margin:0!important; padding:0 1mm!important;
    orphans:1!important; widows:1!important;
  }
  .poem-reading:has(> .poem-text.print-long-poem) > .print-poem-header {
    padding-bottom:3mm!important; margin-bottom:4mm!important;
  }
  .poem-reading:has(> .poem-text.print-long-poem) > h1 {
    font-size:17pt!important; line-height:1.2!important; margin-bottom:1.5mm!important;
  }
  .poem-reading:has(> .poem-text.print-long-poem) > .poet-by {
    font-size:10.5pt!important; margin-bottom:4mm!important;
  }
  .poem-reading:has(> .poem-text.print-long-poem) .print-poem-site-title { font-size:20pt!important; line-height:1.2!important; }
  .poem-reading:has(> .poem-text.print-long-poem) .print-poem-tagline { font-size:9.5pt!important; margin-top:1mm!important; }
  .poem-reading > .publication-note {
    display:block!important; position:relative!important; z-index:1!important; margin:10mm 0 0!important; padding:3mm 0 0!important;
    border-top:0.5pt solid #d9b7c1!important; color:#5b3c43!important; font-size:9pt!important;
    break-inside:avoid!important; page-break-inside:avoid!important;
  }
  .poem-meta, .poem-cover, .reading-actions, .reaction-panel, .comments-panel, .comment-panel,
  .comment-list, .report-panel, .alert, .notice-dev, button, a.btn, form, details,
  .section-title, .site-header, .site-footer, header, footer, nav, .publication-note form { display:none!important; }
  .poem-reading a { color:inherit!important; text-decoration:none!important; }
  .poem-reading h1, .poem-reading .poet-by { break-inside:avoid!important; page-break-inside:avoid!important; }
}

/* =========================================================
   WEEKLY POEM SOCIAL SHARE — isolated to featured poem panel
========================================================= */
.ddk-weekly-area .ddk-poem-share{margin:0 12px 12px;padding:12px;border:1px solid #e3d2b5;border-radius:15px;background:linear-gradient(145deg,#fffdf8,#f7ead5);box-shadow:0 5px 15px rgba(89,63,34,.08);color:#254d40;}
.ddk-weekly-area .ddk-poem-share-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.ddk-weekly-area .ddk-poem-share-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#075b45;color:#fff;font-size:22px;font-weight:800;}
.ddk-weekly-area .ddk-poem-share-heading strong{display:block;color:#075b45;font-size:13px;line-height:1.4;}
.ddk-weekly-area .ddk-poem-share-heading small{display:block;margin-top:2px;color:#786750;font-size:10px;line-height:1.5;}
.ddk-weekly-area .ddk-poem-share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.ddk-weekly-area .ddk-share-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:35px;padding:6px 4px;border:1px solid transparent;border-radius:10px;color:#fff;font-family:inherit;font-size:10px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .16s ease,filter .16s ease;}
.ddk-weekly-area .ddk-share-btn:hover{filter:brightness(1.06);transform:translateY(-1px);}
.ddk-weekly-area .ddk-share-brand{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;font-size:14px;font-weight:900;line-height:1;}
.ddk-weekly-area .ddk-share-facebook{background:#1877f2}.ddk-weekly-area .ddk-share-whatsapp{background:#168b50}.ddk-weekly-area .ddk-share-telegram{background:#168ac4}.ddk-weekly-area .ddk-share-x{background:#202020}.ddk-weekly-area .ddk-share-linkedin{background:#0a66c2}.ddk-weekly-area .ddk-share-copy{background:#fff;color:#075b45;border-color:#c9d9cf;}
.ddk-weekly-area .ddk-poem-share-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;}
.ddk-weekly-area .ddk-share-create,.ddk-weekly-area .ddk-share-native{display:flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:7px 8px;border:0;border-radius:10px;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer;}
.ddk-weekly-area .ddk-share-create{background:#075b45;color:#fff}.ddk-weekly-area .ddk-share-native{background:#f0dfbd;color:#60482d;border:1px solid #e2cda7}
.ddk-weekly-area .ddk-share-create:disabled,.ddk-weekly-area .ddk-share-native:disabled{opacity:.65;cursor:wait}
.ddk-weekly-area .ddk-poem-share-note{margin:8px 2px 0;color:#796b58;font-size:9px;line-height:1.55;text-align:center;}
@media(max-width:480px){.ddk-weekly-area .ddk-poem-share{margin:0 8px 9px;padding:9px}.ddk-weekly-area .ddk-poem-share-actions{gap:5px}.ddk-weekly-area .ddk-share-btn{font-size:9px;gap:4px}.ddk-weekly-area .ddk-poem-share-bottom{grid-template-columns:1fr}.ddk-weekly-area .ddk-share-create,.ddk-weekly-area .ddk-share-native{font-size:11px}}

/* Isolated share popover: does not participate in homepage grid sizing */
.ddk-weekly-area{position:relative!important;}
.ddk-weekly-area .ddk-share-toggle{position:absolute!important;right:10px!important;bottom:8px!important;z-index:30!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:32px!important;padding:6px 13px!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:999px!important;background:#f4510b!important;color:#fff!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;box-shadow:0 3px 10px rgba(0,0,0,.18)!important;cursor:pointer!important;}
.ddk-weekly-area .ddk-share-toggle span{font-size:16px!important;line-height:1!important;}
.ddk-weekly-area .ddk-poem-share{position:absolute!important;right:8px!important;bottom:47px!important;z-index:50!important;width:min(310px,calc(100% - 16px))!important;max-height:min(70vh,440px)!important;overflow:auto!important;margin:0!important;padding:13px!important;box-sizing:border-box!important;border:1px solid #e3d2b5!important;border-radius:16px!important;background:#fffaf0!important;box-shadow:0 12px 34px rgba(31,40,34,.28)!important;}
.ddk-weekly-area .ddk-poem-share[hidden]{display:none!important;}
.ddk-weekly-area .ddk-poem-share-heading strong{font-size:14px!important;}
.ddk-weekly-area .ddk-poem-share-heading small{font-size:11px!important;}
.ddk-weekly-area .ddk-share-btn{min-height:38px!important;border-radius:9px!important;font-size:11px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;}
.ddk-weekly-area .ddk-share-brand{font-family:Arial,sans-serif!important;font-size:15px!important;}
.ddk-weekly-area .ddk-poem-share-note{font-size:10px!important;}
@media(max-width:600px){.ddk-weekly-area .ddk-poem-share{right:6px!important;bottom:46px!important;width:min(300px,calc(100% - 12px))!important;}.ddk-weekly-area .ddk-share-toggle{right:8px!important;bottom:7px!important;}}


/* Individual poem page share panel — matches the homepage share design */
.ddk-detail-share-wrap{position:relative;display:flex;justify-content:flex-end;margin:22px 0 26px;min-height:40px;}
.ddk-detail-share-wrap .ddk-share-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 15px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#f4510b;color:#fff;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;box-shadow:0 3px 10px rgba(0,0,0,.16);cursor:pointer;}
.ddk-detail-share-wrap .ddk-share-toggle span{font-size:17px;line-height:1;}
.ddk-detail-share-wrap .ddk-poem-share{position:absolute;right:0;top:44px;z-index:80;width:min(340px,calc(100vw - 36px));max-height:min(70vh,480px);overflow:auto;box-sizing:border-box;margin:0;padding:13px;border:1px solid #e3d2b5;border-radius:16px;background:#fffaf0;color:#254d40;box-shadow:0 12px 34px rgba(31,40,34,.24);}
.ddk-detail-share-wrap .ddk-poem-share[hidden]{display:none!important;}
.ddk-detail-share-wrap .ddk-poem-share-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.ddk-detail-share-wrap .ddk-poem-share-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#075b45;color:#fff;font-size:22px;font-weight:800;}
.ddk-detail-share-wrap .ddk-poem-share-heading strong{display:block;color:#075b45;font-size:14px;line-height:1.4;}
.ddk-detail-share-wrap .ddk-poem-share-heading small{display:block;margin-top:2px;color:#786750;font-size:11px;line-height:1.5;}
.ddk-detail-share-wrap .ddk-poem-share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.ddk-detail-share-wrap .ddk-share-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:38px;padding:6px 4px;border:1px solid transparent;border-radius:9px;color:#fff;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;cursor:pointer;}
.ddk-detail-share-wrap .ddk-share-brand{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;font-family:Arial,sans-serif;font-size:14px;font-weight:900;line-height:1;}
.ddk-detail-share-wrap .ddk-share-facebook{background:#1877f2}.ddk-detail-share-wrap .ddk-share-whatsapp{background:#168b50}.ddk-detail-share-wrap .ddk-share-telegram{background:#168ac4}.ddk-detail-share-wrap .ddk-share-x{background:#202020}.ddk-detail-share-wrap .ddk-share-linkedin{background:#0a66c2}.ddk-detail-share-wrap .ddk-share-copy{background:#fff;color:#075b45;border-color:#c9d9cf;}
.ddk-detail-share-wrap .ddk-poem-share-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;}
.ddk-detail-share-wrap .ddk-share-create,.ddk-detail-share-wrap .ddk-share-native{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 8px;border:0;border-radius:10px;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;}
.ddk-detail-share-wrap .ddk-share-create{background:#075b45;color:#fff}.ddk-detail-share-wrap .ddk-share-native{background:#f0dfbd;color:#60482d;border:1px solid #e2cda7;}
.ddk-detail-share-wrap button:disabled{opacity:.65;cursor:wait;}
.ddk-detail-share-wrap .ddk-poem-share-note{margin:8px 2px 0;color:#796b58;font-size:10px;line-height:1.55;text-align:center;}
@media(max-width:480px){.ddk-detail-share-wrap .ddk-poem-share{width:min(310px,calc(100vw - 28px));padding:10px}.ddk-detail-share-wrap .ddk-poem-share-actions{gap:5px}.ddk-detail-share-wrap .ddk-share-btn{font-size:10px;gap:4px}.ddk-detail-share-wrap .ddk-poem-share-bottom{grid-template-columns:1fr}}

/* =========================================================
   MOBILE ORDER FIX — DISTRICT BOOKSTORE PROMO
   The promo had default flex order (0), so it appeared before
   the hero despite being later in the HTML. Keep desktop intact.
========================================================= */
@media (max-width:700px){
  .ddk-bookstore-promo{order:9 !important; width:100% !important; grid-column:auto !important; grid-row:auto !important;}
  .ddk-search-area{order:10 !important;}
  .ddk-donation-area{order:11 !important;}
  .ddk-news-discussion-area{order:12 !important;}
  .ddk-discussion-area{order:13 !important;}
  .ddk-moments-area{order:14 !important;}
}

/* Mobile-only correction: restore natural homepage section order and improve Bengali text clarity. */
@media (max-width: 700px) {
  .ddk-home-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    height: auto !important;
    overflow: visible !important;
  }
  .ddk-home-grid > .ddk-panel {
    order: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .ddk-home-grid > .ddk-hero-area { order: 1 !important; }
  .ddk-home-grid > .ddk-bookstore-promo { order: 2 !important; }
  .ddk-main-title {
    color: #075b45 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }
  .ddk-main-title span {
    display: block !important;
    color: #70472b !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    line-height: 1.5 !important;
  }
  .ddk-hero-description {
    color: #514536 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    line-height: 1.7 !important;
  }
  .ddk-bookstore-promo-link,
  .ddk-bookstore-promo-link * {
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
  }
}



/* =========================================================
   MOBILE HOMEPAGE SECTION ORDER — MOBILE ONLY
   Keeps desktop layout, existing section markup, styling,
   and backend behaviour unchanged. Only flex order changes.
========================================================= */
@media (max-width: 700px) {
  .ddk-home-grid {
    display: flex !important;
    flex-direction: column !important;
  }

  /* 1. Header/logo/menu/tabs are outside .ddk-home-grid and remain
     in their existing position. The hero follows them. */
  .ddk-home-grid > .ddk-hero-area { order: 1 !important; }

  /* 2. New poems */
  .ddk-home-grid > .ddk-new-area { order: 2 !important; }

  /* 3. Search */
  .ddk-home-grid > .ddk-search-area { order: 3 !important; }

  /* 4. Poet portraits */
  .ddk-home-grid > .ddk-poets-area { order: 4 !important; }

  /* 5. This week's poem */
  .ddk-home-grid > .ddk-weekly-area { order: 5 !important; }

  /* 6. District reciters' portraits */
  .ddk-home-grid > .ddk-reciter-honours-area { order: 6 !important; }

  /* 7. District authors' books */
  .ddk-home-grid > .ddk-bookstore-promo { order: 7 !important; }

  /* 8. Invitation to submit poems / participate */
  .ddk-home-grid > .ddk-submission-area { order: 8 !important; }

  /* 9. Invitation to support the initiative */
  .ddk-home-grid > .ddk-donation-area { order: 9 !important; }

  /* Other existing sections stay present, after the requested ones
     and before News. No section is removed or duplicated. */
  .ddk-home-grid > .ddk-event-area { order: 10 !important; }
  .ddk-home-grid > .ddk-listen-area { order: 11 !important; }

  /* News is always the last section inside the homepage grid. */
  .ddk-home-grid > .ddk-news-discussion-area { order: 999 !important; }
}



/* =========================================================
   HERO TEXT CONTRAST FIX — based on current(2).zip
   Narrow override: no layout, artwork, buttons, PHP or backend changes.
========================================================= */
.ddk-hero-area .ddk-hero-description {
  color: #263b2e !important;
  background: rgba(255, 249, 232, 0.90) !important;
  border: 1px solid rgba(112, 78, 39, 0.28) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(42, 30, 17, 0.12) !important;
  padding: 8px 14px !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  font-weight: 700 !important;
}

.ddk-hero-area .ddk-main-title {
  text-shadow: 0 1px 0 rgba(255, 249, 232, 0.92),
               0 2px 5px rgba(42, 30, 17, 0.20) !important;
  -webkit-text-stroke: 0 !important;
}

.ddk-hero-area .ddk-main-title span {
  text-shadow: 0 1px 0 rgba(255, 249, 232, 0.95),
               0 2px 4px rgba(42, 30, 17, 0.18) !important;
  -webkit-text-stroke: 0 !important;
}

/* Keep mobile description readable without changing its dimensions/layout. */
@media (max-width: 700px) {
  .ddk-hero-area .ddk-hero-description {
    color: #263b2e !important;
    background: rgba(255, 249, 232, 0.90) !important;
    border: 1px solid rgba(112, 78, 39, 0.24) !important;
    border-radius: 8px !important;
    padding: 7px 10px !important;
  }
}