/* ek-list.css : Midnight Glass list pages (article/video lists, search). Scoped to .ekl. Variables + dark/light come from ek-pro.css (--ek-*, html.ek-light). */
.ekl,.ekl *{box-sizing:border-box}
.ekl{--ekl-bg:var(--ek-bg,#0A1020);--ekl-sf:var(--ek-sf,#111A2C);--ekl-rs:var(--ek-rs,#18233A);--ekl-tx:var(--ek-tx,#E8EDF5);--ekl-mu:var(--ek-mu,#8C98AD);--ekl-ac:var(--ek-ac,var(--ek-ac,#4A9BEB));--ekl-acx:var(--ek-acx,#04122B);--ekl-am:var(--ek-am,#FFB547);--ekl-ln:var(--ek-ln,rgba(255,255,255,.08));--ekl-sh:var(--ek-sh,0 10px 30px -12px rgba(0,0,0,.55));--ekl-r:var(--ek-r,20px);
  color:var(--ekl-tx);max-width:1320px;margin:0 auto;padding:14px 16px 24px;overflow-x:clip;line-height:1.6}
body.ek-pro .ekl a,body.ek-pro .ekl a:hover,body.ek-pro .ekl a:focus{color:inherit;text-decoration:none}
.ekl img{display:block;max-width:100%}
.ekl h1,.ekl h2,.ekl h3,.ekl p,.ekl ol,.ekl ul,.ekl fieldset{margin:0;padding:0;border:0}
.ekl button{font:inherit;color:inherit}
.ekl :focus-visible{outline:2px solid var(--ekl-ac);outline-offset:2px;border-radius:10px}

/* header */
.ekl-hd{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:4px 0 12px}
.ekl-hd h1{flex:1 1 auto;min-width:0;font-size:26px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.ekl-count{flex:none;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ekl-ac);background:rgba(74,155,235,.12);border:1px solid rgba(74,155,235,.28)}
.ekl-count:empty{display:none}
.ekl-hx{flex:1 1 100%;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ekl-sbox{position:relative;flex:1 1 240px;max-width:420px}
.ekl-sbox input{width:100%;height:44px;padding:0 52px 0 18px;border-radius:999px;background:var(--ekl-sf);border:1px solid var(--ekl-ln);color:var(--ekl-tx);font:inherit;font-size:15px;box-shadow:none;-webkit-appearance:none;appearance:none}
.ekl-sbox input::placeholder{color:var(--ekl-mu)}
.ekl-sbox button{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--ekl-ac);color:var(--ekl-acx)}
.ekl-sbox svg,.ekl-filterbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ekl-filterbtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--ekl-sf);border:1px solid var(--ekl-ln);cursor:pointer;font-weight:500}
.ekl-sel{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ekl-mu)}
.ekl-sel select{height:44px;padding:0 14px;border-radius:999px;background:var(--ekl-sf);color:var(--ekl-tx);border:1px solid var(--ekl-ln);font:inherit}

/* chips */
.ekl-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 10px;padding:2px 16px;-webkit-overflow-scrolling:touch}
.ekl-chips::-webkit-scrollbar{display:none}
.ekl-chip,body.ek-pro .ekl a.ekl-chip{flex:none;display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:999px;background:var(--ekl-sf);border:1px solid var(--ekl-ln);font-size:15px;font-weight:500;color:var(--ekl-mu);white-space:nowrap;cursor:pointer;transition:.2s}
.ekl-chip:hover,body.ek-pro .ekl a.ekl-chip:hover{color:var(--ekl-tx)}
.ekl-chip.on,body.ek-pro .ekl a.ekl-chip.on,body.ek-pro .ekl a.ekl-chip.on:hover{background:var(--ekl-tx);color:var(--ekl-bg);border-color:transparent}
.ekl-tabs .ekl-chip{height:40px;font-size:14.5px}
.ekl-tabs .ekl-chip.on,body.ek-pro .ekl a.ekl-tabs .ekl-chip.on{background:var(--ekl-ac);color:var(--ekl-acx)}
body.ek-pro .ekl .ekl-tabs a.ekl-chip.on,body.ek-pro .ekl .ekl-tabs a.ekl-chip.on:hover{background:var(--ekl-ac);color:var(--ekl-acx)}

/* layout */
.ekl-wrap{display:block}
.ekl-main{display:block;min-width:0}
.ekl-side{display:none}
.ekl-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:6px}
.ekl-grid>*{min-width:0}
.ekl-grid>.no-content-found,.ekl-grid>.empty_state{grid-column:1/-1;padding:40px 12px;text-align:center;color:var(--ekl-mu)}
.ekl-grid>.no-content-found *{color:var(--ekl-mu)}

/* cards (same language as the home feed) */
.ekl-ph{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,var(--ekl-rs),var(--ekl-sf))}
.ekl-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ekl-card:hover .ekl-ph img{transform:scale(1.04)}
.ekl-card{display:block;background:var(--ekl-sf);border:1px solid var(--ekl-ln);border-radius:var(--ekl-r);overflow:hidden;box-shadow:var(--ekl-sh);transition:transform .3s,border-color .3s}
.ekl-card:hover{transform:translateY(-3px);border-color:rgba(74,155,235,.3)}
.ekl-bd{padding:14px 16px 16px}
.ekl-card h3{margin:8px 0 6px;font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ekl-bd>p{margin-bottom:10px;font-size:14.5px;color:var(--ekl-mu);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ekl-art .ekl-bd h3:first-child{margin-top:0}
.ekl-pill{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(74,155,235,.14);color:var(--ekl-ac);border:1px solid rgba(74,155,235,.3)}
.ekl-pill.ekl-live{background:rgba(255,181,71,.15);color:var(--ekl-am);border-color:rgba(255,181,71,.35)}
.ekl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:var(--ekl-mu)}
.ekl-meta>span+span:before{content:"·";margin-right:8px}
.ekl-un{color:var(--ekl-tx);font-weight:500}
.ekl-mini{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;background:var(--ekl-rs)}
.ekl-dur{position:absolute;right:10px;bottom:10px;z-index:2;padding:0 8px;border-radius:8px;font-size:12px;color:#fff;background:rgba(6,10,22,.78)}
.ekl-pb{position:absolute;left:50%;top:50%;z-index:2;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(10,16,32,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.25s}
.ekl-pb svg{width:20px;height:20px;fill:currentColor;margin-left:2px}
a:hover>.ekl-pb{background:var(--ekl-ac);color:var(--ekl-acx)}
body.ek-pro .ekl .ekl-card h3 a:hover{color:var(--ekl-ac)}

/* search result rows */
.ekl-rows{gap:14px}
@media (min-width:700px){
  .ekl-rows .ekl-card{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:stretch}
  .ekl-rows .ekl-ph{aspect-ratio:auto;min-height:150px}
  .ekl-rows .ekl-bd{align-self:center}
}

/* channels row on search */
.ekl-chrow{margin-top:4px}
.ekl-sh{margin:6px 0 8px}
.ekl-sh h2,.ekl-box h2{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;line-height:1.35}
.ekl-dot{width:8px;height:8px;border-radius:50%;background:var(--ekl-ac)}
.ekl-rail{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 8px}
.ekl-rail::-webkit-scrollbar{display:none}
.ekl-ch{flex:none;width:76px;text-align:center;font-size:12.5px;color:var(--ekl-mu)}
.ekl-av{display:block;width:64px;height:64px;margin:0 auto;border-radius:50%;overflow:hidden;background:var(--ekl-rs);border:2px solid var(--ekl-ln)}
.ekl-av img{width:100%;height:100%;object-fit:cover}
.ekl-chn{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* search filter panel */
.ekl-filter{margin:0 0 12px;padding:14px 16px;background:linear-gradient(160deg,var(--ekl-rs),var(--ekl-sf));border:1px solid var(--ekl-ln);border-radius:var(--ekl-r)}
.ekl-filter form{display:grid;gap:14px;margin:0;padding:0;background:none;border:0}
.ekl-filter legend{display:block;width:auto;margin:0 0 8px;padding:0;border:0;font-size:14px;font-weight:700;color:var(--ekl-mu)}
.ekl-filter fieldset{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ekl-filter fieldset legend{flex:1 1 100%}
.ekl-filter label{position:relative;display:inline-flex;margin:0;cursor:pointer}
.ekl-filter label input{position:absolute;opacity:0;width:1px;height:1px}
.ekl-filter label span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:var(--ekl-sf);border:1px solid var(--ekl-ln);font-size:14.5px;color:var(--ekl-mu);font-weight:500}
.ekl-filter label input:checked+span{background:var(--ekl-tx);color:var(--ekl-bg);border-color:transparent}
.ekl-filter label input:focus-visible+span{outline:2px solid var(--ekl-ac);outline-offset:2px}
.ekl-filter-ft{display:flex;justify-content:flex-end}

/* sidebar (articles) */
.ekl-box{background:linear-gradient(160deg,var(--ekl-rs),var(--ekl-sf));border:1px solid var(--ekl-ln);border-radius:var(--ekl-r);padding:16px}
.ekl-pop{list-style:none;margin-top:10px!important;counter-reset:p}
.ekl-pop li+li{border-top:1px solid var(--ekl-ln)}
.ekl-pop a{display:flex;align-items:center;gap:12px;padding:10px 0}
.ekl-pop b{flex:none;width:22px;font-size:20px;font-weight:700;color:var(--ekl-ac);text-align:center}
.ekl-pop img{flex:none;width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--ekl-rs)}
.ekl-pop span{min-width:0;font-size:14.5px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ekl-pop em{display:block;margin-top:2px;font-style:normal;font-size:12.5px;font-weight:400;color:var(--ekl-mu)}
.ekl-ad{margin-top:16px;overflow:hidden;border-radius:var(--ekl-r)}

/* loading, end, pager */
.ekl-skel{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
.ekl-skel[hidden],.ekl-morebtn[hidden],#ekl-end[hidden]{display:none}
.ekl .sk{background:linear-gradient(90deg,var(--ekl-rs),var(--ekl-sf),var(--ekl-rs));background-size:200% 100%;animation:eklsh 1.3s linear infinite}
.ekl-skel .ekl-ph.sk{aspect-ratio:16/9}
.ekl-skel i.sk{display:block;height:14px;border-radius:8px;margin-top:10px}.ekl-skel .l1{width:90%;height:18px}.ekl-skel .l2{width:70%}.ekl-skel .l3{width:45%}
@keyframes eklsh{to{background-position:-200% 0}}
.ekl-end{text-align:center;padding:22px 0 10px;color:var(--ekl-mu)}
.ekl-end p{font-size:14.5px}
.ekl-morebtn{height:48px;padding:0 28px;border-radius:999px;font-weight:700;color:var(--ekl-acx);background:var(--ekl-ac);border:0;cursor:pointer}
.ekl-morebtn:hover{filter:brightness(1.08)}
.ekl-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 4px;color:var(--ekl-mu);font-size:14.5px}
.ekl.ekl-on>.ekl-pager,.ekl.ekl-on .ekl-main>.ekl-pager{display:none}
.ekl-in{animation:eklin .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes eklin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (min-width:700px){
  .ekl{padding:18px 24px 32px}
  .ekl-chips,.ekl-rail{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
  .ekl-hd h1{font-size:30px}
  .ekl-grid:not(.ekl-rows),.ekl-skel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){
  .ekl-videos .ekl-grid:not(.ekl-rows),.ekl-videos .ekl-skel,.ekl-search .ekl-grid,.ekl-search .ekl-skel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ekl-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
  .ekl-side{display:block;position:sticky;top:calc(var(--ek-hh,56px) + 16px)}
}
@media (min-width:1500px){
  .ekl-wrap .ekl-grid:not(.ekl-rows){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.ekl-in,.ekl .sk{animation:none}.ekl-card,.ekl-ph img{transition:none}}
/* old theme fixes <header> height at 56px -> search row spilled over the chips */
.ekl .ekl-hd{height:auto!important;min-height:0}

/* ===== EDITORIAL (2026-11-14): no cards, hairlines, serif headlines, quiet chips ===== */
.ekl{--ed-serif:'Noto Serif Bengali','Hind Siliguri',Georgia,serif;--ekl-r:4px}
body.ek-pro .ekl .ekl-hd{background:none!important;box-shadow:none!important;border:0;border-top:3px solid var(--ekl-tx);border-radius:0;padding:12px 0 0;margin:18px 0 10px}
body.ek-pro .ekl .ekl-hd h1{font-family:var(--ed-serif);font-size:28px;line-height:1.3;color:var(--ekl-tx)}
body.ek-pro .ekl .ekl-count{background:none!important;border:0!important;color:var(--ekl-mu)!important;padding:0!important;font-weight:500}
body.ek-pro .ekl .ekl-chips{gap:0 18px;border-bottom:1px solid var(--ekl-ln);margin-bottom:6px}
body.ek-pro .ekl .ekl-chip,body.ek-pro .ekl a.ekl-chip,body.ek-pro .ekl button.ekl-chip{height:42px;padding:0;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ekl-mu)!important;font-weight:600}
body.ek-pro .ekl .ekl-chip:hover{color:var(--ekl-tx)!important}
body.ek-pro .ekl .ekl-chip.on{color:var(--ekl-tx)!important;box-shadow:inset 0 -3px 0 var(--ekl-ac)!important}
body.ek-pro .ekl .ekl-pager .ekl-chip{border:1px solid var(--ekl-ln)!important;border-radius:999px!important;padding:0 16px}
body.ek-pro .ekl .ekl-card{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible;transform:none!important;border-bottom:1px solid var(--ekl-ln)!important;padding:0 0 16px}
body.ek-pro .ekl .ekl-card:hover .ekl-ph img{transform:none}
body.ek-pro .ekl .ekl-ph{border-radius:4px;background:var(--ekl-rs)}
body.ek-pro .ekl .ekl-bd{padding:12px 0 0}
body.ek-pro .ekl .ekl-card h3{font-family:var(--ed-serif);font-size:19px;line-height:1.45;margin:0 0 6px}
body.ek-pro .ekl .ekl-card h3 a{color:var(--ekl-tx)!important}
body.ek-pro .ekl .ekl-card h3 a:hover{color:var(--ekl-tx)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.ek-pro .ekl .ekl-meta{color:var(--ekl-mu)}
body.ek-pro .ekl .ekl-box{background:none!important;border:0!important;border-radius:0!important;padding:0;border-top:3px solid var(--ekl-ac)!important;padding-top:10px}
body.ek-pro .ekl .ekl-pop li a{border-radius:0}
body.ek-pro .ekl .ekl-pop img{border-radius:4px}
body.ek-pro .ekl .ekl-sbox input,body.ek-pro .ekl .ekl-filterbtn,body.ek-pro .ekl .ekl-sel select{background:var(--ek-sf)}
body.ek-pro .ekl .ekl-filter{background:none!important;border:0!important;border-bottom:1px solid var(--ekl-ln)!important;border-radius:0!important;padding:8px 0 14px}
/* phones: first story big, the rest as text-left / thumb-right rows */
@media(max-width:699px){
  body.ek-pro .ekl .ekl-grid{gap:14px}
  body.ek-pro .ekl .ekl-grid>.ekl-art:not(:first-child){display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:start}
  body.ek-pro .ekl .ekl-grid>.ekl-art:not(:first-child) .ekl-ph{order:2;aspect-ratio:4/3}
  body.ek-pro .ekl .ekl-grid>.ekl-art:not(:first-child) .ekl-bd{order:1;padding:0}
  body.ek-pro .ekl .ekl-grid>.ekl-art:not(:first-child) h3{font-size:16.5px}
  body.ek-pro .ekl .ekl-grid>.ekl-art:not(:first-child) .ekl-bd>p{display:none}
  body.ek-pro .ekl .ekl-grid>.ekl-art:first-child h3{font-size:22px}
}
/* desktop: first article = lead across both columns */
@media(min-width:900px){
  body.ek-pro .ekl .ekl-hd h1{font-size:34px}
  body.ek-pro .ekl .ekl-grid:not(.ekl-rows){gap:22px 28px}
  body.ek-pro .ekl .ekl-grid:not(.ekl-rows)>.ekl-art:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
  body.ek-pro .ekl .ekl-grid:not(.ekl-rows)>.ekl-art:first-child .ekl-bd{padding:0}
  body.ek-pro .ekl .ekl-grid:not(.ekl-rows)>.ekl-art:first-child h3{font-size:28px;line-height:1.35;-webkit-line-clamp:4}
  body.ek-pro .ekl .ekl-grid:not(.ekl-rows)>.ekl-art:first-child .ekl-bd>p{font-size:16px;-webkit-line-clamp:4}
}
body.ek-pro .ekl .ekl-pill{background:none!important;border:0!important;padding:0!important;border-radius:0!important;font-weight:700;color:var(--ekl-ac)!important}
/* growth-11 district pages */
.ekd-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 8px;font-size:13.5px;color:var(--ekl-mu)}
.ekd-crumb a{color:var(--ekl-mu)}.ekd-crumb a:hover{color:var(--ekl-ac)}.ekd-crumb b{color:var(--ekl-tx);font-weight:600}
.ekd-intro{max-width:760px;margin:0 0 14px;font-size:16px;line-height:1.75;color:var(--ekl-tx);opacity:.86}
.ekd-cta{margin:0 0 12px}
.ekd-write{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ekl-ac);border:1px solid var(--ekl-ln)}
.ekd-write:hover{border-color:var(--ekl-ac)}
.ekd-hub{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:22px}
.ekd-div h2{font-size:18px;font-weight:700;line-height:1.35;padding-bottom:8px;margin:0 0 6px;border-bottom:1px solid var(--ekl-ln)}
.ekd-div ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.ekd-div li a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 0;border-bottom:1px solid var(--ekl-ln);color:var(--ekl-tx);font-size:16px}
.ekd-div li a:hover span{color:var(--ekl-ac)}
.ekd-div li em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--ekl-mu);min-width:24px;text-align:right}
@media (min-width:700px){.ekd-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}}
@media (min-width:1100px){.ekd-hub{grid-template-columns:repeat(4,minmax(0,1fr))}.ekd-div ul{grid-template-columns:minmax(0,1fr)}}
.ekt-h{font-size:19px;font-weight:700;margin:8px 0 4px;padding-bottom:8px;border-bottom:1px solid var(--ekl-ln)}
.ekt-stories{margin-bottom:22px}