body.mk-ep-lock{overflow:hidden}
.mk-ep-trigger-wrap{margin:20px 0}.mk-ep-trigger,.mk-ep-download,.mk-ep-share{background:#c40000;color:#fff;border:0;border-radius:4px;padding:12px 20px;font-weight:700;font-size:16px;cursor:pointer}.mk-ep-trigger:hover,.mk-ep-download:hover,.mk-ep-share:hover{background:#980000}
.mk-ep-modal{display:none;position:fixed;z-index:999999;inset:0}.mk-ep-modal.is-open{display:block}.mk-ep-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}
/* The reader itself is a square viewing box. The newspaper remains a vertical rectangle inside it. */
.mk-ep-dialog{position:relative;width:min(760px,92vw);height:min(760px,92vw);margin:4vh auto;background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 50px rgba(0,0,0,.4)}
.mk-ep-toolbar{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #ddd;font-family:Arial,sans-serif}.mk-ep-close{border:0;background:transparent;font-size:31px;cursor:pointer}
.mk-ep-scroll{flex:1;overflow:auto;background:#ddd;padding:12px;display:flex;justify-content:center;align-items:flex-start}
/* Keep the actual e-paper at newspaper width and always use 3 text columns. JS scales this down for small screens. */
.mk-ep-paper-wrap{width:820px;flex:0 0 820px;margin:0 auto;transform-origin:top center}.mk-ep-paper{width:820px;background:#fff;border:3px solid #c40000;padding:18px 22px;box-sizing:border-box;color:#111;font-family:"Noto Sans Devanagari","Nirmala UI","Mangal",Arial,sans-serif}
.mk-ep-logo-wrap{text-align:center;padding-bottom:10px}.mk-ep-logo{display:block;max-width:560px;max-height:125px;width:auto;height:auto;margin:auto;object-fit:contain}.mk-ep-meta{display:flex;justify-content:space-between;gap:15px;border-top:2px solid #173f70;border-bottom:2px solid #173f70;padding:7px 2px;color:#173f70;font-size:15px;font-weight:700}.mk-ep-title{text-align:center;color:#c40000;font-size:36px;line-height:1.18;margin:14px 0 12px;font-weight:900}.mk-ep-main-image{display:block;width:100%;max-height:430px;object-fit:cover;margin:0 auto 16px}
.mk-ep-content{font-size:18px;line-height:1.55;text-align:justify;column-count:3;column-gap:23px}.mk-ep-content p{margin:0 0 10px;break-inside:avoid}.mk-ep-content img,.mk-ep-content figure{display:none!important}.mk-ep-footer{margin-top:18px;background:#173f70;color:#fff;text-align:center;padding:12px;font:700 17px Arial,sans-serif}
.mk-ep-actions{display:flex;justify-content:center;gap:10px;padding:9px;border-top:1px solid #ddd}.mk-ep-message{text-align:center;min-height:20px;padding:0 10px 6px;font:14px Arial,sans-serif}
@media(max-width:700px){
 .mk-ep-dialog{width:92vw;height:92vw;max-height:92vw;margin:4vh auto;border-radius:9px}
 .mk-ep-toolbar{height:40px;flex-basis:40px;font-size:12px;padding:0 9px}.mk-ep-close{font-size:26px}
 .mk-ep-scroll{padding:5px;overflow:auto}
 .mk-ep-paper{border-width:2px;padding:9px 10px}
 .mk-ep-logo{max-width:72%;max-height:72px}.mk-ep-meta{font-size:10px;gap:6px;padding:4px 1px}.mk-ep-title{font-size:23px;line-height:1.2;margin:8px 0 8px}.mk-ep-main-image{max-height:210px;margin-bottom:9px}
 .mk-ep-content{font-size:12px;line-height:1.45;column-count:3;column-gap:12px}.mk-ep-content p{margin-bottom:6px}
 .mk-ep-footer{margin-top:9px;padding:7px;font-size:10px}.mk-ep-actions{gap:6px;padding:6px}.mk-ep-download,.mk-ep-share{padding:7px 10px;font-size:12px}.mk-ep-message{font-size:10px;min-height:15px;padding-bottom:3px}
}
@media(max-width:390px){.mk-ep-content{font-size:10.5px;column-gap:9px}.mk-ep-title{font-size:21px}.mk-ep-meta{font-size:9px}.mk-ep-logo{max-width:68%;max-height:62px}.mk-ep-main-image{max-height:170px}}
