/* =========================================================
   JAISANDAR 306 — mobile news first, lower dock, freer icons
   ========================================================= */
@media(max-width:900px){
  /* 1) The four lead stories are the FIRST mobile content under KASE. */
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-editorial-slider,
  body.home[data-jai-rubric="home"] .home-editorial-slider{
    display:none!important;
  }
  body.home[data-jai-rubric="home"] .home-editorial,
  body.home[data-jai-rubric="home"] .home-editorial>.home-lead-layout{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-mobile-news-grid,
  body.home[data-jai-rubric="home"] .home-mobile-news-grid,
  body.home[data-jai-rubric="home"] .home-mobile-news-grid.jai-mobile-news-rotator{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    gap:12px!important;
    position:relative!important;
    inset:auto!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    margin:0 calc(50% - 50vw) 10px!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
    z-index:1!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-card,
  body.home[data-jai-rubric="home"] .jai-mobile-news-rotator .home-mobile-news-card{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:clamp(310px,82vw,390px)!important;
    min-height:310px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    z-index:auto!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-card>a,
  body.home[data-jai-rubric="home"] .jai-mobile-news-rotator .home-mobile-news-card>a{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#0a1b20!important;
    box-shadow:none!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-media,
  body.home[data-jai-rubric="home"] .jai-mobile-news-rotator .home-mobile-news-media{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-media:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(5,18,18,.02) 18%,rgba(4,15,15,.9) 100%)!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-copy,
  body.home[data-jai-rubric="home"] .jai-mobile-news-rotator .home-mobile-news-copy{
    position:absolute!important;
    z-index:3!important;
    left:18px!important;
    right:18px!important;
    bottom:22px!important;
    display:grid!important;
    gap:7px!important;
    padding:0!important;
    color:#fff!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-copy small{
    color:#8ff0cf!important;
    font-size:8.5px!important;
    font-weight:950!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-copy b{
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:clamp(1.28rem,5.6vw,1.7rem)!important;
    font-weight:900!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    text-shadow:0 2px 14px rgba(0,0,0,.4)!important;
  }
  body.home .jai-mobile-news-dots{display:none!important;}

  /* Remove unnecessary label so stories themselves lead the home page. */
  body.home[data-jai-rubric="home"] .home-main-heading{display:none!important;}

  /* 2) Dock sits lower, close to the browser search area. */
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important;}
  .mobile-bottom-nav.jai-mobile-rubric-dock-305{
    left:4px!important;
    right:4px!important;
    bottom:0!important;
    gap:4px!important;
    padding:0 0 max(2px,env(safe-area-inset-bottom))!important;
    isolation:isolate!important;
  }
  /* Flat opaque mask only; no rounded white capsule. It hides page content under the dock. */
  .mobile-bottom-nav.jai-mobile-rubric-dock-305:before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    left:-4px!important;
    right:-4px!important;
    top:-11px!important;
    bottom:0!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(11,38,48,0),rgba(11,38,48,.94) 18px,#0b2630 34px,#0b2630 100%)!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button{
    min-height:58px!important;
    padding:4px 2px 5px!important;
    border-radius:14px!important;
  }

  /* Sheet follows the lower dock and remains fully reachable. */
  .jai305-sheet{
    bottom:calc(64px + env(safe-area-inset-bottom))!important;
    height:min(84dvh,720px)!important;
    max-height:calc(100dvh - 76px)!important;
  }

  /* 3) Freer, larger inner-rubric icons/logos. */
  .jai305-sheet-grid{
    gap:9px!important;
  }
  .jai305-card{
    grid-template-columns:54px minmax(0,1fr)!important;
    min-height:92px!important;
    gap:5px 10px!important;
    padding:10px 10px 12px!important;
  }
  .jai305-card>i{
    grid-row:1/3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    padding:3px!important;
    border-radius:14px!important;
    overflow:visible!important;
  }
  .jai305-card>i svg,
  .jai305-card>i img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:44px!important;
    max-height:40px!important;
    object-fit:contain!important;
    object-position:center!important;
    flex:none!important;
  }
  .jai305-card>span b{font-size:11px!important;line-height:1.1!important;}
  .jai305-card>span small{font-size:7.8px!important;line-height:1.2!important;}
  .jai305-video-icon svg{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;}
}

@media(max-width:370px){
  .jai305-sheet-grid{grid-template-columns:1fr!important;}
  .jai305-card{grid-template-columns:56px minmax(0,1fr)!important;min-height:78px!important;}
}