/* Desh Jagaran 4.5.9 — category / tag / archive pages. Every class starts with nla- */
.nla{--nla-blue:#1c9be6;--nla-line:#d4d4d4;--nla-ink:#8f8f8f;padding-bottom:36px}
.nla a{color:inherit}
.nla a:hover{color:var(--nl-primary)}
.nla .nl-kk{color:var(--nl-primary)}
.nla .nl-dot{color:#888}
.nla-none{padding:40px 0;color:#666}

/* ---------- heading + chips ---------- */
.nla-head{padding:20px 0 16px}
.nla-head h1{margin:0;font-size:34px;line-height:1.3;font-weight:700;color:var(--nl-primary)}
.nla-desc{margin:6px 0 0;color:#666;font-size:14px;line-height:1.6}
.nla-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none;margin:14px 0 0;padding:0}
.nla-chips li{display:flex;align-items:center;font-size:14px;line-height:1.4}
.nla-chips li+li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--nl-accent);margin:0 13px}

/* ---------- shared bits ---------- */
.nla-img{display:block;position:relative;overflow:hidden;background:#eceff3;aspect-ratio:3/2}
.nla-img img,.nla-img .nl-ph{width:100%;height:100%;object-fit:cover;display:block}
.nla-body{min-width:0}
.nla-t{margin:0;font-size:16px;line-height:1.5;font-weight:700}
.nla-t .nl-kk{font-weight:700}
.nla-ex{margin:8px 0 0;font-size:13px;line-height:1.65;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nla-time{display:block;margin-top:8px;font-size:12px;line-height:1.4;color:#888}
.nla-h{margin:0 0 20px;padding-top:10px;border-top:1px solid var(--nla-ink);font-size:19px;line-height:1.4;font-weight:600;color:#555}
.nla-h-blue{border-top:2px solid var(--nla-blue)}

/* ---------- lead block ---------- */
.nla-top{display:grid;grid-template-columns:minmax(0,1fr) 24.5%;align-items:stretch}
.nla-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;align-items:start;padding-right:22px;border-right:1px solid var(--nla-line)}
.nla-tl>.nla-card:nth-child(n+3){margin-top:20px;padding-top:20px;border-top:1px solid var(--nla-line)}
.nla-card .nla-t{margin-top:11px;font-size:16px}

.nla-lead{grid-column:span 2;position:relative;align-self:stretch;min-height:300px;background:#1b1b1b;overflow:hidden;color:#fff}
.nla-lead-i{position:absolute;inset:0;display:block}
.nla-lead-i img,.nla-lead-i .nl-ph{width:100%;height:100%;object-fit:cover;display:block}
.nla-lead-i::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0,rgba(0,0,0,.55) 38%,rgba(0,0,0,0) 72%)}
.nla-lead-b{position:absolute;left:0;right:0;bottom:0;padding:22px 22px 18px;z-index:2}
.nla-lead .nla-t{font-size:26px;line-height:1.45;color:#fff}
.nla-lead .nla-t a{color:#fff;font-weight:700}
.nla-lead .nla-t .nl-kk{color:var(--nl-gold);position:relative;z-index:3}
.nla-lead .nla-t .nl-dot{color:var(--nl-gold)}
.nla-lead .nla-tl-a::after{content:'';position:absolute;inset:0;z-index:2}
.nla-lead .nla-time{color:rgba(255,255,255,.82);margin-top:9px}
.nla-lead.is-video .nla-lead-i::before{content:'';position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:50%;z-index:2;background:#d71920 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 28 28'%3E%3Cpath fill='%23fff' d='M11 8.6v10.8l9-5.4z'/%3E%3C/svg%3E") center no-repeat}

/* ---------- lead block sidebar ---------- */
.nla-sd{padding-left:22px;min-width:0}
.nla-sdad{margin-bottom:20px}
.nla-sdad .nl-ad{margin:0}
.nla-sdad img{width:100%;display:block}
.nla-th{display:flex;gap:28px;border-top:1px solid var(--nla-ink)}
.nla-th button{margin:-1px 0 0;padding:11px 0 9px;border:0;border-top:2px solid transparent;background:none;font:inherit;font-size:16px;line-height:1.3;font-weight:600;color:#555;cursor:pointer}
.nla-th button.is-on{color:var(--nl-primary);border-top-color:var(--nl-primary)}
.nla-tp{display:none}
.nla-tp.is-on{display:block}
.nla-rk{list-style:none;margin:0;padding:0}
.nla-rk li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e4e4e4}
.nla-rk li:last-child{border-bottom:0}
.nla-rk-n{flex:0 0 24px;font-size:30px;line-height:1;font-weight:300;color:#bdbdbd}
.nla-rk-t{min-width:0;font-size:14.5px;line-height:1.55;font-weight:700}
.nla-rk-t .nl-kk{font-weight:700}

/* ---------- নির্বাচিত slider ---------- */
.nla-sel{margin-top:38px}
.nla-sl{position:relative}
.nla-tr{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nla-tr::-webkit-scrollbar{display:none}
.nla-sc{flex:0 0 calc((100% - 48px) / 4);min-width:0;scroll-snap-align:start;background:var(--nl-sky)}
.nla-sc .nla-body{padding:13px 15px 18px}
.nla-sc .nla-t{font-size:15.5px}
.nla-ar{position:absolute;top:92px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(40,40,40,.88);color:#fff;font-size:26px;line-height:38px;text-align:center;padding:0;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.nla-ar:hover{background:#000}
.nla-ar[hidden]{display:none}
.nla-prev{left:-10px}
.nla-next{right:-10px}
.nla-dots{display:flex;justify-content:center;gap:9px;margin-top:20px}
.nla-dots[hidden]{display:none}
.nla-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#bdbdbd;cursor:pointer}
.nla-dots button.on{background:#333}

/* ---------- ad band ---------- */
.nla-adb{margin:30px auto 8px;max-width:970px;text-align:center}
.nla-adb small{display:block;margin-bottom:7px;font-size:11px;line-height:1.3;color:#999}
.nla-adb-in{background:#efefef;padding:34px 0}
.nla-adb .nl-ad{margin:0}
.nla-adb img{display:block;width:100%;margin:0 auto}

/* ---------- আরও - X list ---------- */
.nla-ms{margin-top:34px}
.nla-ml{display:grid;grid-template-columns:25.5% minmax(0,1fr) 24%;column-gap:1.5%;align-items:start}
.nla-ml-m{grid-column:2;min-width:0}
.nla-ml-r{grid-column:3;min-width:0;align-self:stretch}
.nla-stk{position:sticky;top:16px}
.nla-stk .nl-ad{margin:0}
.nla-stk img{width:100%;display:block}
.nla-it{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:0 0 28px}
.nla-it .nla-body{flex:1}
.nla-it .nla-img{flex:0 0 40%;width:40%}
.nla-it .nla-t{font-size:16px}
.nla-adin{margin:4px 0 30px;text-align:center}
.nla-adin .nl-ad{margin:0 auto;max-width:100%}
.nla-adin img{display:inline-block;width:auto;max-width:100%}
.nla-more-w{margin:8px 0 0;text-align:center}
.nla .nla-more{color:#fff}
.nla-more{display:inline-block;min-width:112px;padding:6px 34px;border-radius:30px;background:var(--nl-accent);color:#fff;font-size:15px;line-height:1.6;font-weight:600;text-align:center;cursor:pointer}
.nla .nla-more:hover{color:#fff;opacity:.9}
.nla-more.is-load{opacity:.55;pointer-events:none}

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .nla-lead .nla-t{font-size:22px}
  .nla-sc{flex-basis:calc((100% - 32px) / 3)}
  .nla-ml{grid-template-columns:minmax(0,1fr) 26%;column-gap:28px}
  .nla-ml-m{grid-column:1}
  .nla-ml-r{grid-column:2}
}
@media (max-width:900px){
  .nla-top{grid-template-columns:1fr}
  .nla-tl{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;padding-right:0;border-right:0}
  .nla-tl>.nla-card:nth-child(n+3){margin-top:0;padding-top:0;border-top:0}
  .nla-lead{min-height:0;aspect-ratio:3/2}
  .nla-sd{padding-left:0;margin-top:28px}
  .nla-sc{flex-basis:calc((100% - 16px) / 2)}
  .nla-head h1{font-size:30px}
}
/* ---------- phone ---------- */
@media (max-width:760px){
  .nla-ml{grid-template-columns:minmax(0,1fr)}
  .nla-ml-m{grid-column:1}
  .nla-ml-r{display:none}
  .nla-it{gap:14px;padding-bottom:22px}
  .nla-it .nla-img{flex-basis:38%;width:38%}
  .nla-it .nla-t{font-size:15.5px}
  .nla-ar{top:70px}
  .nla-prev{left:-4px}.nla-next{right:-4px}
}
@media (max-width:560px){
  .nla-head{padding-top:14px}
  .nla-head h1{font-size:26px}
  .nla-chips li{font-size:13.5px}
  .nla-tl{grid-template-columns:1fr}
  .nla-lead{grid-column:auto}
  .nla-lead .nla-t{font-size:19px}
  .nla-lead-b{padding:16px 14px 14px}
  .nla-sc{flex-basis:78%}
  .nla-it .nla-ex{display:none}
  .nla-adb-in{padding:18px 0}
  .nla-h{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.nla-tr{scroll-behavior:auto}}

/* ---------- author / reporter page ---------- */
.nlu{max-width:790px;margin-left:auto;margin-right:auto;padding-bottom:40px}
.nlu-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;width:83%;padding:26px 0 24px;border-bottom:1px solid #e0e0e0}
.nlu-tx{min-width:0;flex:1;max-width:400px}
.nlu-k{display:block;font-size:13px;line-height:1.4;font-weight:600;color:#222}
.nlu-hd h1{margin:6px 0 0;font-size:32px;line-height:1.3;font-weight:700;color:var(--nl-primary)}
.nlu-role{margin-top:10px;font-size:12.5px;line-height:1.5;color:#222}
.nlu-bio{margin:20px 0 0;font-size:13.5px;line-height:1.75;color:#666}
.nlu-ct{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:20px;font-size:12.5px;line-height:1.4;color:#888}
.nlu-ct a{color:#555}
.nlu-ct a:hover{color:var(--nl-primary)}
.nlu-mail{display:inline-flex;align-items:center}
.nlu-av{flex:0 0 130px;width:130px;height:130px;margin-top:-4px;border-radius:50%;overflow:hidden;background:#eee}
.nlu-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.nlu-ph{display:grid;place-items:center;width:100%;height:100%;background:var(--nl-primary);color:#fff;font-size:54px;font-weight:700}
.nlu-ml{display:grid;grid-template-columns:12.7% minmax(0,1fr) 28.4%;column-gap:1.6%;align-items:start;margin-top:0}
.nlu-m{grid-column:2;min-width:0}
.nlu-r{grid-column:3;min-width:0;align-self:stretch;padding-top:16px}
.nlu .nla-it{padding:16px 0 14px;border-bottom:1px solid #e0e0e0}
.nlu .nla-it .nla-t{font-size:15.5px}
.nlu .nla-adin{margin:20px 0 6px}
.nlu .nla-more-w{margin-top:26px}
@media (max-width:900px){
  .nlu-hd{width:100%}
  .nlu-ml{grid-template-columns:minmax(0,1fr);}
  .nlu-m{grid-column:1}
  .nlu-r{display:none}
}
@media (max-width:560px){
  .nlu-hd{gap:14px;padding-top:18px}
  .nlu-av{flex-basis:84px;width:84px;height:84px}
  .nlu-hd h1{font-size:25px}
  .nlu-ph{font-size:34px}
}