/* Sattyapath — homepage layout (front page only). One 12-column grid, one gutter, one set of sizes for every block. */
.nl-main{--g:24px}
.bm-wrap{max-width:1200px;margin:0 auto;padding-left:15px;padding-right:15px;box-sizing:border-box}
.bm-wrap>*{min-width:0}
.nl-hs-bm_top,.nl-hs-bm_video,.nl-hs-bm_bd,.nl-hs-bm_ad_mid,.nl-hs-bm_sw,.nl-hs-bm_world,.nl-hs-bm_sports,.nl-hs-bm_culture,.nl-hs-bm_ad_en,.nl-hs-bm_cols{margin:0}
.bm-s{min-width:0}
.bm-i{display:block;position:relative;overflow:hidden;background:#eee;border-radius:0;aspect-ratio:16/9}
.bm-i img,.bm-i .nl-ph{width:100%;height:100%;object-fit:cover;display:block}
.bm-i.is-play::after{content:'';position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.88) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/26px no-repeat;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.bm-i.is-audio::after{content:"";position:absolute;left:8px;top:8px;width:28px;height:28px;border-radius:50%;background:#0f8a5f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M8 15v-1.5a6 6 0 0112 0V15'/%3E%3Crect x='7' y='15' width='3.4' height='5' rx='1.2' fill='%23fff'/%3E%3Crect x='17.6' y='15' width='3.4' height='5' rx='1.2' fill='%23fff'/%3E%3C/svg%3E") center/28px 28px no-repeat;z-index:2}
.bm-t{margin:0;font-size:16px;font-weight:400;line-height:1.5}
.bm-t a:hover{color:var(--nl-primary)}
.bm-adbox,.bm-adbox .nl-ad{margin:0}
.bm-adbox .nl-ad img{display:block;width:100%;height:auto;margin:0}
.bm-adwide{padding:16px 0}
.bm-adwide .nl-ad{max-width:970px;margin:0 auto}
.bm-adwide .nl-ad img{display:block;width:100%;height:auto}
/* heading: gold label + rule (same size everywhere) */
.bm-h.sp-h{display:flex;align-items:flex-end;margin:0 0 var(--g);border-bottom:1px solid #d6d6d6}
.bm-h.sp-h h2{margin:0 0 -1px;background:var(--nl-gold,#e0a030);color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.2;padding:6px 12px;white-space:nowrap}
.bm-h.sp-h i{display:none}
/* the three card types — identical in every block */
.sp-lead .bm-t{margin-top:12px;font-size:18px;line-height:1.5;padding-bottom:14px;border-bottom:1px solid #d6d6d6}
.sp-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid #d6d6d6}
.sp-row .bm-i{aspect-ratio:3/2}
.sp-row .bm-t{font-size:16px}
.sp-txt{padding:14px 0;border-bottom:1px solid #d6d6d6}
.sp-lead+.sp-txt,.sp-lead+.sp-row{padding-top:14px}
/* sections: same vertical rhythm */
.sp-top,.sp-two,.sp-one,.sp-cols{padding-top:28px;padding-bottom:28px}
.sp-two,.sp-one{border-bottom:0}
/* 12-column grid */
.sp-top,.sp-two{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);align-items:start}
.sp-top{align-items:stretch}
.sp-top-r{position:relative;align-self:stretch;display:flex;flex-direction:column;gap:var(--g)}
.sp-top-r::before,.sp-c4::before{content:'';position:absolute;top:0;bottom:0;left:calc(var(--g) / -2);width:1px;background:#dcdcdc}
.sp-two{align-items:stretch}
.sp-c4{position:relative}
.sp-top-l{grid-column:span 5}
.sp-top-m{grid-column:span 4}
.sp-top-r{grid-column:span 3}
.sp-top-nr .sp-top-m{grid-column:span 7}
.sp-c8{grid-column:span 9}
.sp-c4{grid-column:span 3}
/* inside the 9 columns: lead = 5 columns, rows = 4 columns (same split as the top block) */
.sp-lr{display:grid;grid-template-columns:calc(55.5556% - var(--g) * 4 / 9) minmax(0,1fr);column-gap:var(--g);align-items:start}
.sp-top-l .sp-row:first-child,.sp-top-m .sp-row:first-child,.sp-lr-r .sp-row:first-child{padding-top:0}
.sp-top-l{display:flex;flex-direction:column}
.sp-top-l .sp-lead-x{padding-bottom:18px;border-bottom:1px solid #dcdcdc}
.sp-top-l .sp-rowb{flex:1 1 auto;padding:18px 0 0;border-bottom:0}
.sp-top-m{position:relative;display:flex;flex-direction:column}
.sp-top-m::before{content:'';position:absolute;top:0;bottom:0;left:calc(var(--g) / -2);width:1px;background:#dcdcdc}

/* lead | divider | rows with picture on the right (Bangladesh, International, Sports, Culture) */
.sp-lr{align-items:stretch}
.sp-lead-x .bm-t{margin-top:16px;font-size:22px;line-height:1.4;padding-bottom:0;border-bottom:0}
.sp-lead-x .bm-x{margin:10px 0 0;font-size:13.5px;line-height:1.65;color:#777}
.sp-lr-r{position:relative;display:flex;flex-direction:column}
.sp-lr-r::before{content:'';position:absolute;top:0;bottom:0;left:calc(var(--g) / -2);width:1px;background:#dcdcdc}
.sp-rowb{flex:1 1 0;display:grid;grid-template-columns:minmax(0,1fr) 144px;column-gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid #dcdcdc}
.sp-rowb:first-child{padding-top:0}
.sp-rowb:last-child{border-bottom:0;padding-bottom:0}
.sp-rowb .bm-b{grid-column:1;grid-row:1}
.sp-rowb .bm-i{grid-column:2;grid-row:1;aspect-ratio:3/2}
.sp-rowb .bm-t{font-size:18px;font-weight:500;line-height:1.45;margin-top:-.28em}
.sp-row .bm-t{margin-top:-.28em}
.sp-rowb .bm-tm{margin-top:8px;font-size:12px;color:#888}
@media(max-width:1000px){.sp-top-r::before,.sp-c4::before{display:none}.sp-lr-r::before{display:none}.sp-lr-r{display:block}.sp-rowb{padding:14px 0}.sp-rowb:first-child{padding-top:14px}.sp-rowb:last-child{padding-bottom:14px;border-bottom:1px solid #dcdcdc}}
/* half (lead) + two columns of 3 rows */
.sp-sw{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);align-items:stretch}
.sp-sw-l{grid-column:span 5}
.sp-sw-r{position:relative;grid-column:span 7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--g)}
.sp-sw-r::before{content:'';position:absolute;top:0;bottom:0;left:calc(var(--g) / -2);width:1px;background:#dcdcdc}
.sp-sw-c{display:flex;flex-direction:column;min-width:0}
.sp-sw-c .sp-rowb{grid-template-columns:minmax(0,1fr) 112px;column-gap:14px}
.sp-sw-c .sp-rowb .bm-t{font-size:16px}
/* four equal columns (video band + bottom columns) */
.sp-g4,.sp-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--g);row-gap:var(--g);align-items:start}
.sp-band{background:#bdbdbd;padding:28px 0;margin:0}
.sp-band .bm-h.sp-h{border-bottom-color:#9d9d9d}
.sp-vc .bm-t{margin-top:10px;font-size:16px}
@media(max-width:1000px){
.sp-top-l,.sp-top-m,.sp-c8,.sp-c4,.sp-top-nr .sp-top-m{grid-column:1/-1}
.sp-top-l,.sp-top-m{margin-bottom:var(--g)}
.sp-top-m{margin-bottom:0;display:block}
.sp-top-m::before{display:none}
.sp-top-l{display:block}
.sp-top-l .sp-rowb{padding-top:18px}
.sp-top-m .sp-rowb{padding:14px 0}
.sp-top-m .sp-rowb:last-child{padding-bottom:0}
.sp-top-r{grid-column:1/-1;margin-top:var(--g)}
.sp-two{row-gap:var(--g)}
.sp-sw-l,.sp-sw-r{grid-column:1/-1}
.sp-sw-l{margin-bottom:var(--g)}
.sp-sw-r::before{display:none}
.sp-sw-c .sp-rowb:first-child{padding-top:14px}
.sp-g4,.sp-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
.nl-main{--g:16px}
.sp-lr,.sp-sw-r{grid-template-columns:minmax(0,1fr)}
.sp-sw-c:last-child .sp-rowb:first-child{padding-top:14px}
.sp-lr-l{margin-bottom:var(--g)}
.sp-lr-r .sp-row:first-child{padding-top:14px}
.sp-top-m .sp-rowb:first-child{padding-top:14px}
.bm-h.sp-h h2{font-size:18px}
.sp-rowb{grid-template-columns:minmax(0,1fr) 120px}
}
