/* Approved portrait compositions, 18 October. Mobile only.
   Background photographs contain no website copy; all content stays live.
   Values below reflect the supplied portrait layouts, not the desktop type scale. */
.mr-background,.mr-added{display:none}
@media(max-width:1023px){
 html body:has([data-mobile-reference]){background:#031529}
 html body:has([data-mobile-reference]) #header{max-width:600px;left:0;right:0;margin-inline:auto;padding:12px 6%;min-height:72px;background:transparent;}
 html body:has([data-mobile-reference]) #header .logo{width:clamp(135px,36vw,190px)}
 html body:has([data-mobile-reference]) #header .menu-toggle{border:0;background:transparent;width:44px;height:44px}
 html body:has([data-mobile-reference]) #header .menu-toggle span{height:2px;width:22px;background:white}
 html body main :is(#hero,#home-top,section)[data-mobile-reference]{
  container-type:inline-size;position:relative!important;isolation:isolate;box-sizing:border-box;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
  width:100%!important;max-width:600px!important;height:auto!important;min-height:calc(min(100vw,600px)*var(--mr-ratio,1.777))!important;
  max-height:none!important;margin:0 auto!important;padding:calc(min(100vw,600px)*var(--mr-top,.28)) 6% 16%!important;
  gap:0!important;overflow:visible!important;background:#031529!important;color:#fff!important;
 }
 html body main :is(#hero,#home-top,section)[data-mobile-reference]::before,html body main :is(#hero,#home-top,section)[data-mobile-reference]::after{display:none!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] .mr-background{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none;overflow:hidden;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] .mr-background img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 50%!important;transform:none!important;opacity:1!important;mask-image:none!important;}
 /* Mild tone under live copy, not the heavy full-width wash from v22. */
 html body main :is(#hero,#home-top,section)[data-mobile-reference] .mr-background::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03152918,transparent 72%);pointer-events:none;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.mh-art,.hero-shade,.page-hero-shade,.rg-hero-img,.tp-reference-stage,.tp-art,.tp-motion){display:none!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.mh-shell,.tp-copy,.zs-inner,.zs-hero-copy,.rg-hero-copy){display:contents!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.mh-shell,.tp-copy,.zs-inner,.zs-hero-copy,.rg-hero-copy)::before,
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.mh-shell,.tp-copy,.zs-inner,.zs-hero-copy,.rg-hero-copy)::after{display:none!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(h1,.mh-kicker,.mh-intro,.mh-actions,.mh-benefits,.mh-note,.tp-eyebrow,.tp-intro,.tp-button,.tp-trust,.tp-tagline,.zs-kicker,.zs-actions,.zs-role-dock,.rg-eyebrow,.rg-lede,.zs-hero-copy>p,.mr-added){position:relative!important;inset:auto!important;z-index:3!important;transform:none!important;scale:none!important;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.mh-kicker,.tp-eyebrow,.zs-kicker,.rg-eyebrow){font:600 clamp(10px,2.7cqw,14px)/1.25 var(--ds-ui)!important;letter-spacing:.14em!important;color:#7da9d7!important;text-transform:uppercase;margin:0 0 10px!important;padding:0!important;max-width:90%;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] h1{font:400 clamp(30px,8.8cqw,49px)/1.06 var(--ds-display)!important;letter-spacing:0!important;text-transform:uppercase;text-align:left!important;text-wrap:initial!important;width:var(--mr-heading)!important;max-width:var(--mr-heading)!important;min-width:0;margin:0 0 14px!important;padding:0!important;color:white!important;overflow-wrap:normal!important;word-break:normal;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] h1 :is(span,.ln,em){font:inherit!important;white-space:normal!important;letter-spacing:inherit!important;display:inline!important;transform:none!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] h1 br{display:none!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] h1 em{font-style:normal!important;color:#008bff!important;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.mh-intro,.tp-intro,.rg-lede,.zs-hero-copy>p:not(.zs-kicker)){
  font:400 clamp(14px,3.6cqw,19px)/1.5 var(--ds-body)!important;color:#d6e0ea!important;width:var(--mr-copy)!important;max-width:var(--mr-copy)!important;
  margin:0 0 20px!important;padding:0!important;letter-spacing:0!important;text-wrap:pretty;
 }
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.mh-actions,.zs-actions){display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:75%!important;max-width:75%!important;margin:0 0 16px!important;padding:0!important;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.button,.zh-cta,.znh-button,.tp-button,.zs-button){
  display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;
  width:fit-content!important;max-width:100%!important;min-height:44px!important;height:auto!important;
  padding:11px 16px!important;gap:16px!important;border-radius:8px!important;font:600 clamp(14px,3.7cqw,19px)/1.25 var(--ds-body)!important;
  letter-spacing:0!important;text-transform:none!important;white-space:normal!important;text-align:left!important;
  background:#0062ff!important;color:white!important;border:1px solid #1688ff!important;box-shadow:0 0 18px #0062ff22!important;text-decoration:none!important;
 }
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.button.outline,.zh-cta--secondary,.znh-secondary){background:#03152985!important;border-color:#b7d8ed!important;box-shadow:none!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.button,.zh-cta,.znh-button,.tp-button,.zs-button) svg{width:18px!important;height:18px!important;flex:none;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] .mh-benefits{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:var(--mr-copy)!important;max-width:var(--mr-copy)!important;gap:5px!important;margin:0!important;padding:0!important;list-style:none;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.zh-tile,.znh-tile,.hero-facts>li){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-height:30px!important;padding:4px 0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important;width:100%!important;transform:none!important;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.zh-tile,.znh-tile) span{font:500 clamp(12px,3.1cqw,16px)/1.4 var(--ds-body)!important;color:#dce9f5!important;max-width:none!important;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] :is(.zh-icon,.znh-icon,.hero-facts .icon){width:20px!important;height:20px!important;flex:none;mask-image:none!important;filter:none!important;color:#4baeff;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] .mh-note{font:400 .75rem/1.4 var(--ds-body)!important;margin:10px 0 0!important;max-width:70%;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] [hidden]{display:none!important}
 /* Page-specific placement from the approved references. */
 html body main :is(#hero,#home-top,section)[data-mobile-reference=index] h1{width:90%!important;max-width:90%!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=index] h1 .ln{display:block!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=index] h1 .ln:nth-child(2){color:#008bff!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=index] h1 em{color:#fff!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=players] h1{font-size:clamp(29px,8.2cqw,46px)!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=umpires]{padding-bottom:10%!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=contact] h1{text-transform:none;max-width:55%!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=contact] h1 em{display:block!important;color:white!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=contact] .zs-role-dock{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;max-width:100%;gap:5px!important;margin:18px 0 0!important;padding:0!important;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=contact] .zs-role-dock a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;flex-direction:column;gap:5px;padding:6px 2px;border:0;background:transparent;color:#d6eaff;font:600 clamp(10px,2.7cqw,14px)/1.3 var(--ds-ui);text-align:center;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=contact] .zs-role-dock a>svg{display:none}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=contact] .zs-role-dock a>span{color:#6cc7ff;font-size:1rem}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] .mr-added{display:inline-flex;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference] .mr-phone{font:500 14px/1.4 var(--ds-body);color:white;min-height:44px;align-items:center;text-decoration:none;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=cricket-tournaments] .tp-button{margin-bottom:18px!important}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=cricket-tournaments] .tp-trust{display:flex!important;flex-wrap:wrap!important;width:90%;gap:10px!important;margin:0 0 12px!important;padding:0!important;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=cricket-tournaments] .tp-trust li{font:500 12px/1.4 var(--ds-body);gap:5px}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=cricket-tournaments] .tp-tagline{width:85%;border:0;padding:0;font:400 11px/1.4 var(--ds-body);letter-spacing:0;}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=join] .mr-register{margin-top:4px}
 html body main :is(#hero,#home-top,section)[data-mobile-reference=404] .mh-actions{width:80%!important;max-width:80%!important}
 @media(max-width:359px){html body main :is(#hero,#home-top,section)[data-mobile-reference]{--mr-top:.26!important;}html body main :is(#hero,#home-top,section)[data-mobile-reference] h1{font-size:29px!important}}
}