/* Jomhour Daily v30: give the real newspaper page priority over decorative chrome.
   Scope only to the modern homepage; leave archived issues and PDF mapping intact. */
.jdp-home.jdp-v30{padding:5px 0 12px!important;background:#f6f8fa}
.jdp-v30 .jdp-shell{width:min(calc(100% - 20px),1510px)}
.jdp-v30 .jdp-main-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(10px,1vw,17px);align-items:start}
.jdp-v30 .jdp-cover-section{min-width:0}
.jdp-v30 .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.jdp-v30 .jdp-reader{padding:0!important;overflow:visible;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
.jdp-v30 .jdp-reader__toolbar{display:flex;justify-content:space-between;align-items:center;min-height:30px!important;padding:1px 0 5px!important;margin:0 0 3px!important;border:0!important;gap:6px}
.jdp-v30-reader-title{display:flex;align-items:center;gap:10px;min-width:0}
.jdp-v30-reader-title a{font-size:11px;font-weight:800;color:#b30d2c;text-decoration:none;white-space:nowrap}
.jdp-v30-reader-title a:hover{text-decoration:underline}
.jdp-v30-reader-badge{display:inline-flex;align-items:center;border-radius:4px;background:#fcecef;color:#b41130;font-size:10px;font-weight:850;padding:4px 8px;white-space:nowrap}
.jdp-v30 .jdp-reader__controls{gap:7px;align-items:center}
.jdp-v30 .jdp-reader__controls button{min-height:26px!important;padding:3px 9px!important;border-radius:6px!important}
.jdp-v30 .jdp-reader__controls [data-wpn-page-counter]{font-size:11px;white-space:nowrap}
.jdp-v30 .jdp-cover-frame{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;min-height:0!important;display:flex;align-items:center;justify-content:center;overflow:visible}
.jdp-v30 .jdp-cover-stage{margin:0 auto;max-width:100%;background:#fff;box-shadow:0 6px 18px rgba(13,27,49,.15);border:1px solid #d5dce6;border-radius:3px;overflow:hidden}
.jdp-v30 .jdp-cover-stage>img{margin:0;padding:0;object-fit:fill}
.jdp-v30 .jdp-pages{margin:4px 0 0!important;padding:3px 0 0!important;border-top:1px solid #e5eaf1!important}
.jdp-v30 .jdp-pages__heading{display:none!important}
.jdp-v30 .jdp-pages__rail{display:flex;gap:6px;padding:1px 2px 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.jdp-v30 .jdp-reader .jdp-page-thumb{flex:0 0 43px!important;width:43px!important;min-width:43px;padding:2px!important;gap:2px!important;border-radius:5px!important;box-shadow:none!important}
.jdp-v30 .jdp-reader .jdp-page-thumb img,.jdp-v30 .jdp-reader .jdp-page-thumb__placeholder{height:49px!important;max-height:49px!important;aspect-ratio:.707;object-fit:contain;background:#fff}
.jdp-v30 .jdp-reader .jdp-page-thumb__pdf{max-height:49px!important;overflow:hidden}
.jdp-v30 .jdp-page-thumb__label{font-size:9px;line-height:1.25}
.jdp-v30 .jdp-section-heading{margin:0 0 7px;min-height:30px!important}
.jdp-v30 .jdp-section-heading h1{font-size:clamp(18px,1.5vw,23px)}
.jdp-v30 .jdp-topic__tabs{padding:0 0 4px;margin:0 0 6px}
.jdp-v30 .jdp-topic__tabs button{padding:6px 11px}
.jdp-v30 .jdp-topic__panel>.jdp-news__list{gap:7px}
.jdp-v30 .jdp-news-card{min-height:82px;padding:7px 10px;gap:10px}
.jdp-v30 .jdp-news-card__media{max-height:73px}
.jdp-v30 .jdp-news-card__title{line-height:1.6}
/* The old -430px viewport subtraction made the cover unreadably small.
   In auto-expand mode the page's portrait ratio determines its box size.
   70.7dvh is the physical width of a 0.707-aspect page at full viewport height.
   Reserving ~200px for masthead, controls and thumbnails prevents giant overflow. */
@media(min-width:881px){
 .jdp-v30.jdp-v30--expanded .jdp-cover-stage{
   width:min(100%,clamp(335px,calc(70.7dvh - 170px),650px))!important;
   height:auto!important;aspect-ratio:.707!important;
   max-width:100%!important;max-height:none!important;
   flex:none!important;
 }
 .jdp-v30.jdp-v30--expanded .jdp-cover-stage>img{height:100%;width:100%}
 .jdp-v30.jdp-v29--news-scroll .jdp-topic__panel>.jdp-news__list{max-height:max(360px,calc(100dvh - 195px));overflow-y:auto}
}
@media(min-width:881px) and (max-height:680px){
 .jdp-v30.jdp-v30--expanded .jdp-cover-stage{width:min(100%,clamp(300px,calc(70.7dvh - 170px),650px))!important}
 .jdp-v30 .jdp-reader .jdp-page-thumb{flex-basis:38px!important;width:38px!important;min-width:38px}
 .jdp-v30 .jdp-reader .jdp-page-thumb img,.jdp-v30 .jdp-reader .jdp-page-thumb__placeholder{height:43px!important;max-height:43px!important}
}
@media(max-width:880px){
 .jdp-v30 .jdp-main-layout{grid-template-columns:1fr;gap:12px}
 .jdp-v30 .jdp-cover-section{order:1}
 .jdp-v30 .jdp-news{order:2}
 .jdp-v30.jdp-v30--expanded .jdp-cover-stage{height:auto!important;width:min(100%,610px)!important;max-width:100%!important;aspect-ratio:.707}
 .jdp-v30 .jdp-news-card{min-height:90px}
}
@media(max-width:560px){
 .jdp-v30 .jdp-shell{width:calc(100% - 12px)}
 .jdp-v30 .jdp-reader__toolbar{padding-inline:3px!important;gap:4px}
 .jdp-v30-reader-title{gap:5px}.jdp-v30-reader-title a{font-size:10px}
 .jdp-v30-reader-badge{font-size:9px;padding:3px 5px}
 .jdp-v30 .jdp-reader__controls{gap:3px}.jdp-v30 .jdp-reader__controls button{padding:3px 7px!important}
 .jdp-v30 .jdp-cover-stage{width:100%;border-radius:2px}
 .jdp-v30 .jdp-reader .jdp-page-thumb{flex-basis:39px!important;width:39px!important;min-width:39px}
 .jdp-v30 .jdp-reader .jdp-page-thumb img,.jdp-v30 .jdp-reader .jdp-page-thumb__placeholder{height:46px!important;max-height:46px!important}
}