/* ==========================================================
   Pune Tak — daily e-paper (A3 pages, 1123 × 1587 px)
   Uses the self-hosted 'PT Poppins' (Devanagari) font so the
   screen, print and downloaded PDF look identical.
   ========================================================== */
.ep-toolbar{position:sticky;top:50px;z-index:30;background:var(--card);border-bottom:1px solid var(--line);padding:8px 0 0}
.ept-in{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ept-l,.ept-r{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ept-btn{min-width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;font-size:20px;font-weight:700;cursor:pointer;line-height:1;color:var(--ink)}
.ept-btn[aria-disabled=true]{opacity:.35;pointer-events:none}
.ept-date{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:0 8px;height:36px;background:var(--paper)}
.ept-date select{border:0;background:transparent;font-weight:700;max-width:260px;outline:0}
.ep-hint{font-size:13.5px;color:var(--muted);margin:6px 0 8px}
.ep-progress{font-size:13.5px;font-weight:700;color:var(--red);margin:0 0 8px}
.ep-progress:empty{display:none}
.ep-stage{background:#5b5d61;padding:24px 0 60px;overflow-x:auto;overflow-y:hidden}
:root[data-theme="dark"] .ep-stage{background:#202226}
.ep-scale{margin:0 auto;width:1123px;max-width:none}
.ep-doc{width:1123px;margin:0}

/* ---------- page: fixed A3 sheet, flex column so the footer can never be overlapped ---------- */
.ep-page{width:1123px;height:1587px;background:#fff;color:#111;margin:0 0 26px;padding:28px 38px 16px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.35);font-family:'PT Poppins','Mukta','Noto Sans Devanagari',sans-serif;color-scheme:light;overflow:hidden;box-sizing:border-box;text-align:left;line-height:1.5;display:flex;flex-direction:column}
.ep-page *{box-sizing:border-box}
.ep-page a{color:#111;text-decoration:none}
.ep-page a:hover{color:#C4161C}
.ep-page h1,.ep-page h2,.ep-page p{margin:0;font-family:inherit;letter-spacing:0}
.ep-topline{flex:none;display:flex;justify-content:space-between;font-size:12.5px;font-weight:500;color:#444;border-bottom:1px solid #111;padding-bottom:4px}
.ep-mast{flex:none;display:grid;grid-template-columns:250px 1fr 250px;gap:18px;align-items:center;padding:10px 0 8px}
.ep-logo{text-align:center}
.ep-logo img{height:104px;width:auto;margin:0 auto;display:block}
.ep-tag{font-weight:700;color:#C4161C;font-size:18px;margin-top:2px}
.ep-mast-box{border:1.5px solid #111;padding:7px 10px;font-size:12.5px;line-height:1.42;align-self:stretch}
.ep-mast-box>b{display:block;background:#C4161C;color:#fff;margin:-7px -10px 6px;padding:3px 10px;font-size:13.5px}
.ep-mast-box ul{margin:0;padding-left:16px}.ep-mast-box li{margin-bottom:3px}
.ep-ear-rashi>b{background:#4b1d6e}
.ep-ear-rashi div{margin-bottom:4px}
.ep-ear-rashi strong{font-weight:700}
.ep-ear-rashi .ear-l strong{color:#8a5a00}
.ep-ear-rashi .ear-c strong{color:#C4161C}
.ep-ear-rashi .ear-m{font-size:11px;color:#444;border-top:1px dotted #999;padding-top:3px;margin:0}
.ep-rates div{display:flex;justify-content:space-between;border-bottom:1px dotted #999;padding:2px 0}
.ep-rates div b{font-weight:700}
.ep-dateline{flex:none;display:flex;justify-content:space-between;border-top:4px double #111;border-bottom:4px double #111;padding:4px 2px;font-size:14px;font-weight:500;margin-bottom:12px}

/* the area stories fill — takes every pixel between the header and the footer */
.ep-body{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:12px}
.ep-grid{flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:22px;row-gap:12px}
.ep-inner-grid{grid-template-rows:minmax(0,1.12fr) minmax(0,1fr)}
.ep-front-body{flex-direction:row;gap:18px}
.ep-front-body .ep-grid{grid-template-rows:minmax(0,1.18fr) minmax(0,1fr)}
.ep-front-grid .k-std .eps-h{font-size:19.5px;line-height:1.33}
.ep-front-grid .k-lead .eps-h{font-size:38px}

/* ---------- story module ---------- */
.eps{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.eps.r2{border-top:2.5px solid #111;padding-top:9px}
.eps+.eps:not(.r2)::before,.eps.r2+.eps.r2::before{content:"";position:absolute;left:-11px;top:0;bottom:0;border-left:1px solid #9a9a9a}
.eps{overflow:visible}
.eps>*{flex:none}
.eps-kick{align-self:flex-start;font-size:12px;font-weight:700;background:#111;color:#fff;padding:1px 8px;margin-bottom:5px}
.eps-h{font-size:21px;line-height:1.32;font-weight:700;margin:0 0 7px!important}
.eps-dek{font-size:17px;font-weight:500;color:#C4161C;line-height:1.45;margin:0 0 8px!important}
.eps-fig{margin:0 0 8px;background:#eee;position:relative;overflow:hidden;height:200px}
.eps-fig img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.eps-fig figcaption{position:absolute;left:0;right:0;bottom:0;font-size:11px;line-height:1.35;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));padding:14px 8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eps-body{flex:1 1 0!important;min-height:0;overflow:hidden;font-size:14.5px;line-height:1.62;text-align:justify;column-fill:auto;column-gap:20px;column-rule:1px solid #ccc}
.eps-body p{margin:0 0 .45em;orphans:2;widows:2}
.eps-body p.sub{text-align:left;font-size:15px}
.eps-body p.li{text-align:left;padding-left:2px}
.eps-body b,.eps-body strong{font-weight:700}
.eps-more{display:flex;align-items:center;gap:9px;margin-top:6px;padding:4px 7px;border:1.5px solid #111;background:#fff6f3}
.eps-more b{display:block;color:#C4161C;font-size:13px;line-height:1.3}
.eps-more small{display:block;font-size:10.5px;color:#333;line-height:1.3}
.qr{flex:none;width:46px;height:46px;display:block;background:#fff}
.qr svg{width:100%!important;height:100%!important;display:block}
.qr:empty{display:none}
.qr.big{width:96px;height:96px}

/* sizes */
.k-lead .eps-h{font-size:40px;line-height:1.25;margin-bottom:6px!important}
.k-lead .eps-body{column-count:2;font-size:15px}
.k-wide .eps-h{font-size:30px;line-height:1.27}
.k-wide .eps-body{column-count:2}
.k-mid .eps-h{font-size:25px;line-height:1.3}
.k-mid .eps-body{column-count:2}
.k-std .eps-h{font-size:21px}
.k-narrow .eps-h{font-size:18.5px;line-height:1.34}
.k-narrow .eps-body{text-align:left;font-size:14px}
.k-narrow .eps-more small{display:none}

/* front-page rail */
.ep-rail{flex:none;width:230px;display:flex;flex-direction:column;gap:12px;min-height:0;border-right:1px solid #111;padding-right:16px}
.ep-index{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.ep-fh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2.5px solid #C4161C;margin-bottom:6px;padding-bottom:2px}
.ep-fh b{font-size:16px;font-weight:700}
.ep-fh span{font-size:12px;color:#444}
.ep-idx{list-style:none;margin:0;padding:0;flex:1 1 0;min-height:0;display:flex;flex-direction:column;justify-content:space-between}
.ep-idx li{border-bottom:1px dotted #888;padding:5px 0}
.ep-idx li:last-child{border-bottom:0}
.ep-idx a{display:block}
.ep-idx i{float:right;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:#C4161C;padding:0 5px;margin:2px 0 2px 6px}
.ep-idx b{display:block;font-size:14.5px;line-height:1.36;font-weight:700}
.ep-idx span{display:block;font-size:12.5px;line-height:1.45;color:#333;margin-top:2px}
.ep-adbox{flex:none;min-height:150px;border:1.5px solid #111;background:#faf7f2;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:3px;position:relative;padding:14px 10px 10px;font-size:12.5px}
.ep-adbox a{display:flex;flex-direction:column;gap:3px}
.ep-adbox .ad-l{position:absolute;top:2px;right:6px;font-size:9.5px;color:#666}
.ep-adbox b{font-size:18px;color:#C4161C;line-height:1.3}.ep-adbox img{max-width:100%;max-height:260px;margin:auto}
.ad-mail{font-weight:700}

/* fillers */
.ep-rashi{background:#fbf7ff;border:1.5px solid #4b1d6e!important;padding:8px 12px 10px!important}
.ep-rashi .ep-fh{border-color:#4b1d6e}
.ep-rs{flex:1 1 0!important;min-height:0;display:grid;gap:4px 18px;align-content:space-evenly;overflow:hidden}
.ep-rs.c2{grid-template-columns:1fr 1fr}.ep-rs.c3{grid-template-columns:1fr 1fr 1fr}
.rs-i{border-bottom:1px dotted #b9a6cc;padding:3px 0 4px;min-width:0}
.rs-i b{display:flex;align-items:center;gap:5px;font-size:14px}
.rs-i b span{color:#4b1d6e;font-size:16px}
.rs-i b i{font-style:normal;color:#d19a00;font-size:11px;letter-spacing:.5px}
.rs-i b i u{text-decoration:none;color:#ddd}
.rs-i em{font-style:normal;font-size:10.5px;background:#f2c200;color:#3b2a00;padding:0 5px}
.rs-i em.w{background:#C4161C;color:#fff}
.rs-i p{font-size:13px;line-height:1.5;color:#222;text-align:justify;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ep-connect{flex-direction:row!important;align-items:center;gap:16px;background:#111;color:#fff;padding:16px!important}
.ep-connect b{display:block;font-size:20px;line-height:1.3;margin-bottom:6px}
.ep-connect p{font-size:13px;line-height:1.5;margin-bottom:6px!important;color:#eee}
.ep-connect .qr{background:#fff;padding:4px}

/* page footer and bands (in normal flow — never overlap stories) */
.ep-pfoot{flex:none;margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #111;padding-top:5px;font-size:11.5px;font-weight:500;color:#444}
.ep-hl b{color:#C4161C}
.ep-back-band{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#111;color:#fff;padding:10px 18px}
.ep-back-band b{display:block;font-size:19px}
.ep-back-band span{font-size:13px}
.ep-back-band .qr{background:#fff;padding:4px;width:84px;height:84px}

/* inner pages */
.ep-ihead{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:4px double #111;padding-bottom:6px;margin-bottom:12px;font-size:14px;font-weight:500}
.ep-ih-c{display:flex;align-items:center;gap:12px}
.ep-ih-c img{height:30px;width:auto}
.ep-ih-c b{background:#C4161C;color:#fff;padding:2px 14px;font-size:18px;font-weight:700}
.ep-ih-r{text-align:right}

.ep-empty-ic{color:var(--red);display:flex;justify-content:center}

@media (max-width:720px){
  .ep-toolbar{top:0}
  .ep-stage{padding:10px 0 80px}
  .ept-date select{max-width:170px;font-size:14px}
  .ep-hint{display:none}
}
@media print{
  @page{size:297mm 420mm;margin:0}
  html,body{background:#fff!important}
  .ep-toolbar,.topbar,.masthead,.mainnav,.ticker,.footer,.bottombar,.donate-band,.tr-note,.notice-bar{display:none!important}
  main{min-height:0}
  .ep-stage{background:#fff;padding:0;overflow:visible}
  .ep-scale{width:auto!important;height:auto!important}
  .ep-doc{width:1123px;transform:none!important;zoom:.9997}
  .ep-page{margin:0;box-shadow:none;page-break-after:always;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ep-page:last-child{page-break-after:auto;break-after:auto}
}
.ep-wa{background:#1fa855;color:#fff;border-color:#1fa855}.ep-wa:hover{background:#178a45;color:#fff}
.ep-wa.ready{background:#0b7a3b;border-color:#0b7a3b;box-shadow:0 0 0 3px rgba(31,168,85,.35)}
.ep-wa.pulse{animation:epPulse 1.4s ease-in-out 4}
@keyframes epPulse{50%{transform:scale(1.07);box-shadow:0 0 0 6px rgba(31,168,85,.35)}}
.ep-wa:disabled{opacity:.7}
