/* ePaper Daily – front-end. Colours/fonts/width come from CSS variables set in Design settings. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ep-bg,#efefef);color:var(--ep-ink,#111);font-family:var(--ep-body-font,"Hind Siliguri",sans-serif);font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--ep-accent,#1f5fa8)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ep-skip{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:8px 14px;z-index:99}
.ep-skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--ep-accent,#1f5fa8);outline-offset:2px}

.ep-page{max-width:var(--ep-width,1240px);margin:0 auto;background:var(--ep-paper,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 8px 30px rgba(0,0,0,.08)}
@media (min-width:1300px){.ep-page{margin-top:18px;margin-bottom:18px}}

/* ---- Masthead ---- */
.ep-masthead{padding:0}
.ep-header-text{text-align:center;font-size:13px;padding:5px 10px;background:#f6f6f6;border-bottom:1px solid var(--ep-border,#cfcfcf)}
.ep-mast-row{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:16px;padding:14px 20px 10px}
.ep-mast-row.has-side{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)}
.ep-brand{text-align:center}
.ep-logo{display:inline-block}
.ep-logo img{height:var(--ep-logo-h,90px);width:auto;max-width:100%;margin:0 auto}
.ep-logo-text{font-family:var(--ep-head-font);font-weight:800;font-size:clamp(34px,6vw,64px);line-height:1.2;letter-spacing:-.5px}
.ep-tagline{margin:0 0 2px;font-size:14px;font-weight:600;color:#c8102e}
.ep-name-en{margin:2px 0 0;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:15px}
.ep-dateblock{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.35}
.ep-today{display:inline-block;align-self:flex-start;background:var(--ep-accent);color:#fff;font-weight:700;padding:1px 12px;border-radius:2px;font-size:16px}
.ep-d-en{font-weight:700}
.ep-d-alt{font-size:13px;color:#444}
.ep-side{justify-self:end;max-width:260px}
.ep-side img{max-height:130px;width:auto;margin-left:auto}
/* Date position (Design settings) */
.ep-date-right .ep-dateblock{order:3;text-align:right;align-items:flex-end}
.ep-date-right .ep-today{align-self:flex-end}
.ep-date-right .ep-side{order:1;justify-self:start}
.ep-date-right .ep-side img{margin-left:0}
.ep-date-center .ep-mast-row{grid-template-columns:1fr;text-align:center}
.ep-date-center .ep-dateblock{order:2;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 14px}
.ep-date-center .ep-today{align-self:auto}
.ep-date-center .ep-brand{order:1}
.ep-date-center .ep-side{order:3;justify-self:center}
.ep-date-center .ep-side img{margin:0 auto}

.ep-infobar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;background:color-mix(in srgb,var(--ep-accent) 16%,#fff);border-top:2px solid var(--ep-accent);border-bottom:1px solid var(--ep-border);padding:5px 20px;font-size:15px;font-weight:600}
.ep-info-cells{display:flex;flex-wrap:wrap;gap:2px 0}
.ep-info-cells span{padding:0 12px;border-left:1px solid rgba(0,0,0,.28)}
.ep-info-cells span:first-child{padding-left:0;border-left:0}
.ep-info-links{display:flex;align-items:center;gap:12px;font-size:14px}
.ep-social{display:flex;gap:8px;flex-wrap:wrap}
.ep-social a{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:50%;background:var(--ep-accent);color:#fff;font-size:14px;font-weight:700;line-height:1}
.ep-social a:hover{opacity:.85;color:#fff}

.ep-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--ep-border)}
.ep-hl-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-left:1px solid var(--ep-border);font-family:var(--ep-head-font);font-weight:700;font-size:16px;line-height:1.35;background:#fbfbfb}
.ep-hl-item:first-child{border-left:0}
.ep-hl-item img{width:52px;height:52px;object-fit:cover;border-radius:50%;flex:none}
a.ep-hl-item:hover{background:#f0f6fd}

/* Top bar: প্রথম পাতা / ই-পেপার আর্কাইভ … sits above the masthead */
.ep-nav{border-bottom:1px solid var(--ep-border);background:#f6f6f6}
.ep-menu-wrap{display:flex;align-items:center;gap:10px;padding:0 20px}
.ep-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.ep-menu li a{display:block;padding:8px 16px 8px 0;margin-right:6px;font-weight:600;font-size:15px}
.ep-menu li a:hover,.ep-menu .current-menu-item>a,.ep-menu .current_page_item>a{color:var(--ep-accent);text-decoration:underline;text-underline-offset:5px}
.ep-nav-toggle{display:none}
.ep-search{display:flex;gap:6px;padding:6px 0}
.ep-search input{border:1px solid var(--ep-border);padding:5px 10px;font:inherit;font-size:15px;min-width:0;width:190px;border-radius:3px}
.ep-search button,.ep-btn{font:inherit;font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--ep-border);background:#fff;color:var(--ep-ink);padding:6px 16px;border-radius:3px;display:inline-block;text-align:center}
.ep-search button:hover,.ep-btn:hover{background:#f2f2f2;color:var(--ep-ink)}
.ep-btn-primary{background:var(--ep-accent);border-color:var(--ep-accent);color:#fff}
.ep-btn-primary:hover{background:var(--ep-accent);color:#fff;filter:brightness(1.1)}
.ep-btn.is-disabled{opacity:.4;cursor:default}

/* ---- Main ---- */
.ep-main{padding:16px 20px 28px;outline:0}
.ep-page-title{font-family:var(--ep-head-font);font-size:clamp(24px,3.4vw,34px);margin:6px 0 16px;line-height:1.3}
.ep-center{text-align:center}
.ep-empty{text-align:center;padding:50px 10px;color:#555}
.ep-edition-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.ep-edition-foot{margin-top:30px;padding-top:22px;border-top:2px solid var(--ep-ink);display:flex;flex-direction:column;align-items:center;gap:18px}
.ep-edition-foot .ep-edition-nav{width:100%;margin:0}
.ep-page-dl{display:flex;flex-direction:column;align-items:center;gap:8px}
.ep-btn-lg{font-size:18px;padding:12px 30px;border-radius:4px}
.ep-page-dl-note{font-size:14px;color:#555}
.ep-datejump{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px}
.ep-datejump input{border:1px solid var(--ep-border);padding:5px 8px;font:inherit;border-radius:3px}

/* The 15-news grid: 3 columns x 5 rows on desktop, 2 on tablet, 1 on phones.
   Each JPG is shown whole at its own proportions – never cropped. */
.ep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ep-gap,14px)}
.ep-news{margin:0;background:#fff;border:var(--ep-border-w,0) solid var(--ep-border);transition:opacity .15s;display:flex;flex-direction:column}
.ep-news:hover{opacity:.92}
.ep-span-3{grid-column:1/-1}
.ep-news-link{display:block;flex:none}
/* Ad under a short news: fills exactly the empty space left by the tallest news of the row (never makes the row taller). */
.ep-news-ad{flex:1 1 0;min-height:0;position:relative;overflow:hidden}
.ep-news-ad>a,.ep-news-ad>img{position:absolute;inset:var(--ep-gap,14px) 0 0 0;display:block}
.ep-news-ad>img{width:100%;height:calc(100% - var(--ep-gap,14px));object-fit:cover}
.ep-news-ad>a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ep-news-img{width:100%;height:auto;object-fit:contain}
.ep-html-card{padding:16px;min-height:200px}
.ep-html-card-title{font-family:var(--ep-head-font);font-size:26px;line-height:1.35;margin:0 0 10px;text-align:center}
.ep-card-photo{width:100%;margin-bottom:10px}
.ep-html-card p{margin:0;font-size:16px;color:#333}

/* ---- News view ---- */
.ep-crumbs{font-size:14px;color:#555;margin-bottom:12px}
.ep-crumbs a:hover{text-decoration:underline}
.ep-article{max-width:1100px;margin:0 auto}
.ep-clip{border:var(--ep-border-w,0) solid var(--ep-border);background:#fff}
.ep-clip-img{width:100%;height:auto}
.ep-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0;padding:10px 0;border-top:1px solid var(--ep-border);border-bottom:1px solid var(--ep-border)}
.ep-share-label{font-family:var(--ep-head-font);font-weight:800;font-size:20px;margin-right:6px;border-bottom:2px solid var(--ep-ink)}
.ep-sb{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;border:0;padding:0;cursor:pointer;color:#fff}
.ep-sb svg{width:20px;height:20px;fill:#fff}
.ep-sb:hover{filter:brightness(1.12);color:#fff}
.ep-sb-fb{background:#3b5998}.ep-sb-x{background:#111}.ep-sb-wa{background:#25d366}
.ep-sb-print{background:#5cb85c}.ep-sb-dl{background:#337ab7}.ep-sb-link{background:#777}
.ep-copied{font-size:14px;color:#2a7a2a;font-weight:600}
.ep-read{border:1px solid var(--ep-border);border-radius:3px;background:#fcfcfc}
.ep-read summary{cursor:pointer;padding:12px 16px;font-family:var(--ep-head-font);font-weight:700;font-size:18px}
.ep-read-body{padding:4px 22px 22px;font-size:19px;line-height:1.85;max-width:74ch;text-align:justify;hyphens:auto}
.ep-read-body .ep-read-title,.ep-read-body .ep-read-meta{text-align:left}
.ep-read-title{font-family:var(--ep-head-font);font-size:28px;line-height:1.35;margin:8px 0}
.ep-read-meta{color:#666;font-size:14px;margin:0 0 14px}
.ep-news-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px auto;max-width:1100px;flex-wrap:wrap}
.ep-more-title{font-family:var(--ep-head-font);font-size:22px;border-bottom:2px solid var(--ep-ink);padding-bottom:4px;margin:30px 0 14px}
.ep-more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ep-more-item{border:1px solid var(--ep-border);background:#fff;display:block}
.ep-more-item:hover{box-shadow:0 4px 14px rgba(0,0,0,.16)}
.ep-more-text{display:block;padding:10px;font-size:14px}

/* ---- Archive ---- */
.ep-month-title{font-family:var(--ep-head-font);font-size:24px;margin:26px 0 12px;padding-bottom:4px;border-bottom:2px solid var(--ep-ink)}
.ep-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.ep-archive-item{display:flex;flex-direction:column;gap:2px;border:1px solid var(--ep-border);padding:10px;background:#fff;transition:box-shadow .2s}
.ep-archive-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.14)}
.ep-archive-thumb{display:block;aspect-ratio:4/5;overflow:hidden;background:#f0f0f0;margin-bottom:8px}
.ep-archive-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.ep-noimg{display:grid;place-items:center;height:100%;color:#888;font-size:14px}
.ep-archive-date{font-family:var(--ep-head-font);font-weight:800;font-size:18px}
.ep-archive-meta{font-size:14px;color:#555}
.ep-archive-cta{margin-top:4px;font-weight:700;font-size:14px;color:var(--ep-accent)}
.ep-datejump-archive{margin-bottom:8px}

/* ---- Search / plain ---- */
.ep-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.ep-result{display:flex;flex-direction:column;gap:6px;border:1px solid var(--ep-border);padding:8px;background:#fff}
.ep-result:hover{box-shadow:0 6px 20px rgba(0,0,0,.14)}
.ep-result-title{font-family:var(--ep-head-font);font-weight:700;line-height:1.4}
.ep-result-date{font-size:13px;color:#666}
.ep-prose{max-width:760px;font-size:18px;line-height:1.85}
.ep-plain-article{margin-bottom:26px}
.navigation.pagination{margin:24px 0;text-align:center}
.page-numbers{display:inline-block;padding:5px 12px;border:1px solid var(--ep-border);margin:2px}
.page-numbers.current{background:var(--ep-accent);color:#fff;border-color:var(--ep-accent)}

/* ---- Footer ---- */
.ep-footer{border-top:3px double var(--ep-ink);margin-top:10px;padding:22px 20px 14px;background:#fafafa;font-size:15px}
.ep-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ep-footer-brand img{max-height:70px;width:auto}
.ep-footer p{margin:4px 0}
.ep-footer-menu{list-style:none;margin:0 0 10px;padding:0}
.ep-footer-menu a:hover{text-decoration:underline}
.ep-copy{text-align:center;margin-top:18px!important;padding-top:12px;border-top:1px solid var(--ep-border);color:#555;font-size:14px}

/* ---- Responsive ---- */
@media (max-width:900px){
	.ep-mast-row,.ep-mast-row.has-side{grid-template-columns:1fr;text-align:center;gap:10px}
	.ep-dateblock{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 12px;order:2}
	.ep-today{align-self:auto}
	.ep-brand{order:1}
	.ep-side{order:3;justify-self:center;max-width:100%}
	.ep-side img{margin:0 auto}
	.ep-date-right .ep-dateblock{align-items:center;text-align:center}
	.ep-highlights{grid-template-columns:repeat(2,1fr)}
	.ep-hl-item:nth-child(3){border-left:0}
	.ep-hl-item:nth-child(n+3){border-top:1px solid var(--ep-border)}
	.ep-footer-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
	body{font-size:16px}
	.ep-main{padding:12px}
	.ep-infobar{padding:6px 12px;font-size:14px}
	.ep-info-cells span{padding:0 8px}
	.ep-nav-toggle{display:block;width:100%;text-align:left;padding:10px 14px;font:inherit;font-weight:700;background:#fff;border:0;border-bottom:1px solid var(--ep-border);cursor:pointer}
	.ep-menu-wrap{display:none;flex-direction:column;align-items:stretch;padding:0 12px 10px}
	.ep-menu-wrap.is-open{display:flex}
	.ep-menu{flex-direction:column}
	.ep-search input{flex:1;width:auto}
	.ep-edition-nav{flex-direction:column;align-items:stretch}
	.ep-edition-nav .ep-btn{text-align:center}
	.ep-datejump{justify-content:center}
	.ep-read-body{padding:4px 14px 18px;font-size:18px}
}
@media (max-width:480px){
	.ep-highlights{grid-template-columns:1fr}
	.ep-hl-item{border-left:0;border-top:1px solid var(--ep-border)}
	.ep-hl-item:first-child{border-top:0}
	.ep-share-label{width:100%}
}

/* Grid columns: 3 on desktop/laptop (861px and up), 2 on small tablets, 1 on phones so the text stays readable */
@media (max-width:860px){.ep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
	.ep-grid{grid-template-columns:1fr}
	/* One news per row on phones: there is no empty space to fill, so the ad simply follows the news at its natural size. */
	.ep-news-ad{flex:none;position:static;overflow:visible;margin-top:var(--ep-gap,14px)}
	.ep-news-ad>a,.ep-news-ad>img,.ep-news-ad>a img{position:static;inset:auto;height:auto}
}

/* ---- Print: just the paper ---- */
@media print{
	body{background:#fff;font-size:12pt}
	.ep-page{box-shadow:none;max-width:none;margin:0}
	.ep-nav,.ep-search,.ep-edition-nav,.ep-share,.ep-footer,.ep-more,.ep-news-nav,.ep-social,.ep-skip,.ep-highlights{display:none!important}
	.ep-grid{grid-template-columns:repeat(3,1fr);gap:6px}
	.ep-news{break-inside:avoid;box-shadow:none!important}
	.ep-read{border:0}.ep-read:not([open]) .ep-read-body{display:block}
	a{color:inherit}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}