/* V20 shared mobile polish. Supersedes older responsive layers. */
:root{--safe-edge:max(14px,env(safe-area-inset-left));}
@media(max-width:800px){
 html{scroll-padding-top:74px; -webkit-text-size-adjust:100%}
 body{overflow-x:clip;width:100%;max-width:100vw}
 :where(.shell,.container,.jr-shell,.w-shell,.mb-demo-shell){min-width:0}
 :where(.hero-copy,.hero-inner,.dialog-in,.paper,.toolbar,.footer-grid,.jr-card,.jr-detail,.case-card){min-width:0;max-width:100%}
 :where(h1,h2,h3,p,blockquote,button,a){overflow-wrap:break-word;word-break:normal}
 button,a,select{touch-action:manipulation}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
 dialog{max-width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;box-sizing:border-box}
 .mb20-sound-nav{display:inline-grid;place-items:center;width:42px;height:42px;min-width:42px;background:#fbf3e7;color:#215849;border:1px solid #dccab6;border-radius:10px;cursor:pointer;padding:8px;vertical-align:middle}
}
/* Compact header: actual MamlaBari icon; full readable wordmark; two real controls only */
@media(max-width:610px){
 html[data-page="index"] .site-header{height:68px;min-height:68px;padding:0}
 html[data-page="index"] .site-header .nav-shell{width:calc(100% - 28px)!important;max-width:100%;margin-inline:14px;display:flex;gap:9px;align-items:center;justify-content:space-between;min-width:0}
 html[data-page="index"] .brand{flex:1 1 auto;min-width:0;gap:9px;display:flex;align-items:center;overflow:hidden}
 html[data-page="index"] .site-header .brand .v4-seal{display:block;flex:0 0 39px!important;width:39px!important;height:39px!important;min-width:39px!important;margin:0;transform:none!important;box-shadow:none!important;border:none!important;border-radius:11px!important;background:#9d3026 url('/assets/favicon-180.png') center/cover no-repeat!important;overflow:hidden}
 html[data-page="index"] .site-header .brand .v4-seal>*{display:none!important}
 html[data-page="index"] .brand>span:last-child{display:block;min-width:0;max-width:100%}
 html[data-page="index"] .site-header .brand>span:last-child b{display:block!important;font-family:var(--serif);font-size:clamp(18px,5.6vw,23px)!important;font-weight:800;line-height:1.35;white-space:nowrap;letter-spacing:-.025em}
 html[data-page="index"] .site-header .brand>span:last-child small{display:none!important}
 html[data-page="index"] .nav-right{flex:0 0 auto;display:flex;align-items:center;gap:5px;min-width:0}
 html[data-page="index"] .nav-right .region-pick{display:none!important}
 html[data-page="index"] .nav-right #soundToggle{display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:42px;min-height:42px;margin:0;padding:8px;border:1px solid #e3d5c2!important;background:#fffcf5!important;box-shadow:none;color:#245d4d}
 html[data-page="index"] .nav-right #soundToggle svg{width:20px;height:20px}
 html[data-page="index"] .nav-right #menuToggle{display:block!important;flex:0 0 42px;width:42px;min-width:42px;min-height:42px;padding:8px;border:1px solid #e3d5c2;border-radius:10px;background:#fffcf5}
 html[data-page="index"] .nav-right #menuToggle span{width:22px;height:2px;margin:5px auto}
 html[data-page="index"] #mobileNav.mobile-nav:not([hidden]){max-height:calc(100dvh - 70px);overflow-y:auto;padding:13px 14px 18px!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html[data-page="index"] #mobileNav.mobile-nav a, html[data-page="index"] #mobileNav.mobile-nav button{display:flex;min-width:0;align-items:center;justify-content:center;text-align:center;border-radius:8px;border:1px solid #e7d6bf;background:#fffbf4;min-height:45px;font-size:13px!important;padding:9px 8px}
 html[data-page="index"] #mobileNav .mb20-mobile-region{display:flex;align-items:center;gap:10px;justify-content:space-between;grid-column:1/-1;padding:10px 13px;background:#f8eedf;border:1px solid #dcc4a8;border-radius:9px;color:#5c4436;font-weight:700;font-size:13px;min-width:0}
 html[data-page="index"] #mobileNav .mb20-mobile-region select{max-width:65%;width:65%;height:42px;padding:6px 10px;border:1px solid #d3bfa5;border-radius:7px;background:#fffaf2;color:#25493d}
 html[data-page="index"] .hero .hero-inner{width:calc(100% - 28px);padding-top:22px;gap:16px}
 html[data-page="index"] .hero .hero-copy h1.mb19-headline{font-size:clamp(27px,7vw,38px)!important;line-height:1.5!important;letter-spacing:-.035em!important}
 html[data-page="index"] .hero .hero-copy>p{font-size:14px!important;line-height:1.73!important}
 html[data-page="index"] .hero .hero-actions>*{font-size:13px!important;min-height:46px}
 html[data-page="index"] .hero .hero-actions{gap:8px;margin-top:19px}
 html[data-page="index"] .hero .hero-art{height:clamp(230px,70vw,300px)}
 html[data-page="index"] .shell{width:calc(100% - 28px)}
 html[data-page="index"] .section-top,.v4-headerline{min-width:0;max-width:100%}
 html[data-page="index"] .footer-grid{grid-template-columns:1fr!important;gap:18px}
 html[data-page="index"] .footer-grid>div{grid-column:auto!important}
 html[data-page="index"] .filter-list{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:8px}
 html[data-page="index"] .filter-chip{flex:none}
 html[data-page="index"] .v4-headerline h2{font-size:clamp(25px,7.5vw,32px)}
}
@media(max-width:350px){
 html[data-page="index"] .site-header .nav-shell{width:calc(100% - 20px)!important;margin-inline:10px;gap:5px}
 html[data-page="index"] .brand{gap:5px}
 html[data-page="index"] .site-header .brand .v4-seal{flex-basis:33px!important;width:33px!important;min-width:33px!important;height:33px!important}
 html[data-page="index"] .site-header .brand>span:last-child b{font-size:18px!important}
 html[data-page="index"] .nav-right #soundToggle{width:36px;flex-basis:36px;padding:6px}
 html[data-page="index"] .nav-right #menuToggle{width:39px;min-width:39px;flex-basis:39px;padding:6px}
 html[data-page="index"] .hero .hero-actions{grid-template-columns:1fr}
}
/* Jury and dialog actions use readable full width without long skinny buttons */
@media(max-width:540px){
 html[data-page="jontar-ray"] .jr-choice{min-width:0;white-space:normal}
 html[data-page="jontar-ray"] .jr-topinner{gap:8px;flex-wrap:wrap}
 html[data-page="jontar-ray"] .jr-brand{min-width:0}
 html[data-page="jontar-ray"] .jr-card-actions{flex-wrap:wrap}
 html[data-page="court"] .bar .top{min-width:0;gap:8px}
 html[data-page="court"] .bar nav{min-width:0;flex-wrap:wrap}
 html[data-page="court"] .bar .top .wordmark{min-width:0;max-width:100%}
 html[data-page="3d-demo"] .mb-demo-top{flex-wrap:wrap;gap:9px}
 html[data-page="g-news"] .gn-toolbar>div{min-width:0}
 html[data-page="newspaper"] .np-library-head{min-width:0}
}
@media(max-width:390px){
 html[data-page="jontar-ray"] .jr-hero-actions{grid-template-columns:1fr}
 html[data-page="jontar-ray"] .jr-shell{width:calc(100% - 24px)}
 html[data-page="index"] .hero .hero-copy h1.mb19-headline{font-size:clamp(26px,7.6vw,31px)!important}
}
@media print{.mb20-sound-nav{display:none!important}}
/* Newspaper standalone page has no global reset in its own stylesheet. */
html[data-page="newspaper"] body{margin:0;max-width:100%;overflow-x:clip}
html[data-page="newspaper"] .np-library{box-sizing:border-box;width:100%;max-width:1040px}
@media(max-width:610px){
 html[data-page="index"] .filter-list{width:100%;max-width:100%;margin-right:0!important;padding-right:8px;box-sizing:border-box}
}