/* SEOs Hut E-Paper – viewer chrome (toolbar, stage, thumbnails, modal, reader mode, archive). */
.sh-ep{--sh-blue:#1595FB;--sh-blue2:#0067F2;--sh-navy:#29415E;--sh-line:#e3e8ef;position:relative;max-width:1240px;margin-left:auto;margin-right:auto;font-family:'Kalpurush','Noto Serif Bengali',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--sh-navy);font-size:15px;line-height:1.5;text-align:left}
.sh-ep *,.sh-ep *::before,.sh-ep *::after{box-sizing:border-box}
.sh-ep [hidden]{display:none!important}
.sh-ep .sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 13px;border:1px solid var(--sh-line);border-radius:10px;background:#fff;color:var(--sh-navy);font:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;white-space:nowrap;box-shadow:none;text-transform:none;letter-spacing:0}
.sh-ep .sh-btn:hover{border-color:var(--sh-blue);color:var(--sh-blue2);background:#f3f9ff}
.sh-ep .sh-btn:active{transform:translateY(1px)}
.sh-ep .sh-btn:focus-visible{outline:2px solid var(--sh-blue);outline-offset:2px}
.sh-ep .sh-btn[disabled],.sh-ep .sh-btn.is-off{opacity:.38;pointer-events:none}
.sh-ep .sh-btn.sh-ic{width:38px;padding:0}
.sh-ep .sh-btn-primary{background:linear-gradient(135deg,#1595FB 0%,#0067F2 100%);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(0,103,242,.25)}
.sh-ep .sh-btn-primary:hover{color:#fff;background:linear-gradient(135deg,#0f86e6 0%,#0058d0 100%);border-color:transparent}
.sh-ep .sh-btn[aria-pressed="true"]{background:var(--sh-navy);border-color:var(--sh-navy);color:#fff}
.sh-ep .sh-btn svg{flex:0 0 auto}

.sh-ep .sh-draft-note{background:#fff7e0;border:1px solid #f1d58a;color:#7a5a00;border-radius:10px;padding:8px 12px;margin-bottom:10px;font-size:13px}
.sh-ep .sh-bar{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;margin-bottom:12px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:1px solid var(--sh-line);border-radius:14px;box-shadow:0 8px 28px rgba(41,65,94,.10)}
.admin-bar .sh-ep .sh-bar{top:32px}
.sh-ep .sh-bar-g{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sh-ep .sh-date{position:relative;display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--sh-line);border-radius:10px;background:#fff;font-weight:700;cursor:pointer;margin:0}
.sh-ep .sh-date input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;margin:0}
.sh-ep .sh-date:focus-within{outline:2px solid var(--sh-blue);outline-offset:2px}
.sh-ep .sh-pageno{min-width:92px;text-align:center;font-weight:600;font-size:14px}
.sh-ep .sh-pageno b{color:var(--sh-blue2)}

.sh-ep .sh-stage{position:relative;overflow:hidden;border-radius:6px;background:#eef2f6;outline:0;min-height:120px;touch-action:pan-x pan-y}
.sh-ep .sh-stage.is-zoomed{overflow:auto;cursor:grab;-webkit-overflow-scrolling:touch}
.sh-ep .sh-stage.is-panning{cursor:grabbing;user-select:none}
.sh-ep .sh-canvas{position:relative;margin:0 auto;width:100%;aspect-ratio:2/3}
.sh-ep .sh-pw{position:absolute;left:0;top:0;width:1200px;height:1800px;transform-origin:0 0;visibility:hidden;pointer-events:none}
.sh-ep .sh-pw.is-active{visibility:visible;pointer-events:auto}
.sh-ep .sh-pw .sh-page{box-shadow:0 0 0 1px rgba(41,65,94,.12)}
.sh-ep:not(.is-ready) .sh-pw.is-active{opacity:0}
.sh-ep.is-ready .sh-pw.is-active{opacity:1;transition:opacity .25s}
.sh-ep .sh-edge{position:absolute;top:50%;z-index:5;width:42px;height:64px;margin-top:-32px;border:0;border-radius:10px;background:rgba(41,65,94,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;padding:0}
.sh-ep .sh-stage:hover .sh-edge{opacity:1}
.sh-ep .sh-edge:hover{background:var(--sh-blue2)}
.sh-ep .sh-edge[disabled]{display:none}
.sh-ep .sh-edge-prev{left:8px}.sh-ep .sh-edge-next{right:8px}
.sh-ep .sh-stage.is-zoomed .sh-edge{position:sticky;display:none}

.sh-ep .sh-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 8px;scrollbar-width:thin}
.sh-ep .sh-thumb{flex:0 0 auto;width:86px;text-align:center;text-decoration:none;color:var(--sh-navy);font-size:12px}
.sh-ep .sh-thumb-in{display:block;position:relative;width:86px;height:129px;overflow:hidden;background:#fdfcf7;border:1px solid var(--sh-line);border-radius:6px;transition:border-color .18s,box-shadow .18s,transform .18s}
.sh-ep .sh-thumb-in .sh-page{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}
.sh-ep .sh-thumb:hover .sh-thumb-in{transform:translateY(-2px);border-color:var(--sh-blue)}
.sh-ep .sh-thumb.is-active .sh-thumb-in{border-color:var(--sh-blue2);box-shadow:0 0 0 2px rgba(21,149,251,.35)}
.sh-ep .sh-thumb b{display:block;margin-top:4px;font-weight:600}

/* reader mode */
.sh-ep.is-reader .sh-stage,.sh-ep.is-reader .sh-thumbs,.sh-ep.is-reader .sh-only-page,.sh-ep.is-reader .sh-bar-nav{display:none}
.sh-ep .sh-reader{display:grid;gap:12px;max-width:760px;margin:0 auto}
.sh-ep .sh-rd{display:flex;gap:14px;padding:14px;border:1px solid var(--sh-line);border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s}
.sh-ep .sh-rd:hover{box-shadow:0 10px 26px rgba(41,65,94,.12);transform:translateY(-2px);border-color:#cfe6fd}
.sh-ep .sh-rd-img{flex:0 0 112px;height:84px;border-radius:10px;overflow:hidden;background:#eef2f6}
.sh-ep .sh-rd-img img{width:100%;height:100%;object-fit:cover;display:block}
.sh-ep .sh-rd-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sh-ep .sh-rd-tx em{font-style:normal;color:var(--sh-blue2);font-size:12.5px;font-weight:700}
.sh-ep .sh-rd-tx strong{font-size:18px;line-height:1.35;color:#16263a}
.sh-ep .sh-rd-tx span{font-size:14px;color:#51637a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-ep .sh-rd-tx i{font-style:normal;font-size:12px;color:#8494a8}

/* modal */
html.sh-modal-open{overflow:hidden}
.sh-ep .sh-modal{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:16px}
.sh-ep .sh-modal-bg{position:absolute;inset:0;background:rgba(16,28,45,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.sh-ep .sh-modal-box{position:relative;width:100%;max-width:780px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;animation:shPop .22s ease-out}
@keyframes shPop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sh-ep .sh-modal-box{animation:none}.sh-ep *{transition:none!important}}
.sh-ep .sh-modal-top{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--sh-line)}
.sh-ep .sh-modal-meta{flex:1;text-align:center;font-size:13px;color:#6b7c90}
.sh-ep .sh-modal-body{overflow:auto;padding:22px 26px 26px;-webkit-overflow-scrolling:touch}
.sh-ep .sh-m-kicker{display:inline-block;color:var(--sh-blue2);font-weight:700;font-size:14px;margin-bottom:4px}
.sh-ep .sh-m-title{font-size:30px;line-height:1.3;margin:0 0 8px;color:#12202f;font-weight:700;font-family:inherit}
.sh-ep .sh-m-by{font-size:14px;color:#51637a;font-weight:600;margin-bottom:14px}
.sh-ep .sh-m-fig{margin:0 0 16px}
.sh-ep .sh-m-fig img{width:100%;height:auto;border-radius:12px;display:block}
.sh-ep .sh-m-fig figcaption{font-size:13px;color:#6b7c90;margin-top:6px}
.sh-ep .sh-m-content{font-size:18px;line-height:1.85;color:#1d2b3a}
.sh-ep .sh-m-content p{margin:0 0 1em}
.sh-ep .sh-m-content img{max-width:100%;height:auto;border-radius:10px}
.sh-ep .sh-m-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--sh-line)}
.sh-ep .sh-m-share{font-size:13px;color:#6b7c90}
.sh-ep .sh-m-foot .sh-btn-primary{margin-left:auto}
.sh-ep .sh-m-load{text-align:center;color:#6b7c90;padding:40px 0}

/* popup ad + toast */
.sh-ep .sh-popup{position:fixed;inset:0;z-index:99991;background:rgba(16,28,45,.7);display:flex;align-items:center;justify-content:center;padding:16px}
.sh-ep .sh-popup-box{position:relative;background:#fff;border-radius:16px;padding:22px 16px 14px;max-width:min(92vw,640px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px;overflow:auto}
.sh-ep .sh-popup-box img{max-width:100%;max-height:68vh;height:auto;display:block}
.sh-ep .sh-popup .sh-ad-label{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:11px;color:#8494a8}
.sh-ep .sh-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:99992;background:var(--sh-navy);color:#fff;padding:11px 18px;border-radius:12px;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.25)}

/* archive + empty */
.sh-ep-empty{text-align:center;padding:60px 16px;border:1px dashed var(--sh-line);border-radius:16px;background:#f8fbff}
.sh-ep .sh-arch-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.sh-ep .sh-arch-head h2{margin:0;font-size:26px;color:var(--sh-navy);font-family:inherit}
.sh-ep .sh-cal{max-width:460px;border:1px solid var(--sh-line);border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 28px rgba(41,65,94,.08);margin-bottom:22px}
.sh-ep .sh-cal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:17px}
.sh-ep .sh-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}
.sh-ep .sh-cal-h{font-size:12px;color:#8494a8;padding:4px 0}
.sh-ep .sh-cal-d{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:10px;color:#a9b5c3;font-size:15px;text-decoration:none}
.sh-ep a.sh-cal-d.is-on{background:linear-gradient(135deg,#1595FB 0%,#0067F2 100%);color:#fff;font-weight:700;transition:transform .15s,box-shadow .15s}
.sh-ep a.sh-cal-d.is-on:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,103,242,.3)}
.sh-ep .sh-arch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.sh-ep .sh-arch-item{display:flex;flex-direction:column;gap:2px;padding:14px;border:1px solid var(--sh-line);border-radius:12px;background:#fff;text-decoration:none;color:var(--sh-navy);transition:border-color .18s,box-shadow .18s,transform .18s}
.sh-ep .sh-arch-item:hover{border-color:var(--sh-blue);box-shadow:0 10px 22px rgba(41,65,94,.1);transform:translateY(-2px)}
.sh-ep .sh-arch-item span{font-size:13px;color:#6b7c90}

@media (max-width:782px){.admin-bar .sh-ep .sh-bar{top:46px}}
@media (max-width:640px){
	.sh-ep .sh-bar{padding:8px;gap:6px;border-radius:12px}
	.sh-ep .sh-bar-g{gap:5px}
	.sh-ep .sh-btn{min-height:40px;padding:0 10px;font-size:13px}
	.sh-ep .sh-btn.sh-ic{width:40px}
	.sh-ep .sh-pageno{min-width:74px;font-size:13px}
	.sh-ep .sh-edge{display:none}
	.sh-ep .sh-modal{padding:0;align-items:flex-end}
	.sh-ep .sh-modal-box{max-height:94vh;border-radius:18px 18px 0 0}
	.sh-ep .sh-modal-body{padding:16px 16px 22px}
	.sh-ep .sh-m-title{font-size:23px}
	.sh-ep .sh-m-content{font-size:17px}
	.sh-ep .sh-m-foot .sh-btn-primary{margin-left:0;width:100%}
	.sh-ep .sh-rd-img{flex-basis:92px;height:70px}
	.sh-ep .sh-rd-tx strong{font-size:16.5px}
}
@media print{.sh-ep .sh-bar,.sh-ep .sh-thumbs,.sh-ep .sh-edge{display:none}}
@media (max-width:640px){.sh-ep.alignwide{max-width:100%;margin-left:auto;margin-right:auto}}