/* =========================================================
   JAISANDAR 305 — desktop preserved, mobile lead raised,
   transparent dock shell, complete bottom sheets
   ========================================================= */

@keyframes jai305Chevron{0%,100%{transform:translateX(0);opacity:.55}50%{transform:translateX(5px);opacity:1}}
@keyframes jai305CardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes jai305PlayPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes jai305Bar{from{transform:scaleY(.5)}to{transform:scaleY(1)}}
@keyframes jai305NewsProgress{from{transform:scaleX(0);opacity:.72}to{transform:scaleX(1);opacity:1}}

/* ========================= DESKTOP ONLY ========================= */
@media(min-width:901px){
  /* Do not alter the global desktop shell/grid. Only the home lead row is new. */
  body.home[data-jai-rubric="home"] .home-editorial>.home-lead-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:14px!important;
    align-items:stretch!important;
    width:100%!important;
    margin:0!important;
  }
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-editorial-slider{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:610px!important;
    margin:0 0 24px!important;
    border-radius:28px!important;
    overflow:hidden!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    width:320px!important;
    height:610px!important;
    min-width:0!important;
    padding:16px!important;
    border:1px solid #dfe8e4!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,#f8fbfa,#f2f7f5)!important;
    box-shadow:0 14px 34px rgba(23,58,51,.07)!important;
    overflow:hidden!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-head{
    padding:3px 2px 12px!important;
    border-bottom:1px solid #d8e3df!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-head>span{display:block;color:#006666;font-size:.61rem;font-weight:950;letter-spacing:.14em}
  body.home[data-jai-rubric="home"] .home-economy-panel-head h2{margin:5px 0 0;color:#173a39;font-size:1.28rem;letter-spacing:-.04em}
  body.home[data-jai-rubric="home"] .home-economy-panel-head p{margin:6px 0 0;color:#75837f;font-size:.64rem;line-height:1.35}
  body.home[data-jai-rubric="home"] .home-economy-panel-list{display:grid!important;gap:2px!important;margin-top:8px!important;min-height:0!important}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button{
    position:relative!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 18px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:56px!important;
    padding:7px 6px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#1c3230!important;
    text-align:left!important;
    cursor:pointer!important;
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:after{
    content:"";position:absolute;left:49px;right:7px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(0,102,102,.22),transparent);
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:last-child:after{display:none}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:hover{
    transform:translateX(4px)!important;background:#fff!important;box-shadow:0 7px 18px rgba(23,58,51,.06)!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>i{
    display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid #d7e3df!important;border-radius:10px!important;background:#fff!important;color:#006666!important;font-style:normal!important;font-size:.8rem!important;font-weight:950!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>span{display:grid!important;gap:2px!important;min-width:0!important}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>span b{font-size:.7rem!important;line-height:1.08!important}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>span small{color:#7a8884!important;font-size:.53rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>em{color:#0b7d72!important;font-style:normal!important;font-size:1.12rem!important;font-weight:900!important;animation:jai305Chevron 1.55s ease-in-out infinite!important}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(2n)>em{animation-delay:.18s!important}
}

/* ========================= MOBILE ONLY ========================= */
@media(max-width:900px){
  /* Hide the old top rubric row: bottom dock is the single mobile navigation. */
  body.home .rubric-tabs,
  body.home .rubric-mobile-drawer{display:none!important}

  /* Desktop economy rail never exists on mobile. */
  body.home[data-jai-rubric="home"] .home-economy-panel{display:none!important}

  /* Neutralize every old 246/299/300 home-lead dimension so no 306px ghost row remains. */
  body.home[data-jai-rubric="home"] .home-editorial{
    display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
  }
  body.home[data-jai-rubric="home"] .home-editorial>.home-lead-layout{
    display:block!important;position:relative!important;inset:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;gap:0!important;
    grid-template-columns:none!important;grid-template-rows:none!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-grid{display:none!important}

  /* KASE is followed immediately by the large news stage. */
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-editorial-slider,
  body.home[data-jai-rubric="home"] .home-editorial-slider{
    display:block!important;position:relative!important;inset:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:clamp(400px,101vw,520px)!important;min-height:400px!important;max-height:520px!important;
    margin:0 0 12px!important;padding:0!important;
    border:0!important;border-radius:22px!important;background:#071821!important;
    box-shadow:0 12px 30px rgba(4,24,35,.15)!important;overflow:hidden!important;
  }
  body.home[data-jai-rubric="home"] .home-slider-stage{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
  body.home[data-jai-rubric="home"] .home-slider-slide{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
  body.home[data-jai-rubric="home"] .home-slider-slide:not(.is-active){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.home[data-jai-rubric="home"] .home-slider-slide.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.home[data-jai-rubric="home"] .home-slider-link,
  body.home[data-jai-rubric="home"] .home-slider-media{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
  body.home[data-jai-rubric="home"] .home-slider-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  body.home[data-jai-rubric="home"] .home-slider-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,13,20,.03) 8%,rgba(3,13,20,.16) 36%,rgba(3,13,20,.91) 100%)!important}
  body.home[data-jai-rubric="home"] .home-slider-copy{left:17px!important;right:17px!important;bottom:84px!important;max-width:none!important}
  body.home[data-jai-rubric="home"] .home-slider-category{min-height:26px!important;padding:0 10px!important;font-size:.57rem!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important}
  body.home[data-jai-rubric="home"] .home-slider-title{margin-top:11px!important;font-size:clamp(1.85rem,8.8vw,2.8rem)!important;line-height:1!important;letter-spacing:-.045em!important}
  body.home[data-jai-rubric="home"] .home-slider-excerpt{margin-top:9px!important;max-width:95%!important;font-size:.82rem!important;line-height:1.38!important;-webkit-line-clamp:3!important}
  body.home[data-jai-rubric="home"] .home-slider-meta{margin-top:9px!important;font-size:.64rem!important}
  body.home[data-jai-rubric="home"] .home-slider-controls{
    left:13px!important;right:13px!important;bottom:12px!important;justify-content:space-between!important;
    padding:7px 8px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;
    background:rgba(7,23,32,.5)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;
  }
  body.home[data-jai-rubric="home"] .home-slider-dot.is-active{background:#79f0cc!important;box-shadow:0 0 10px rgba(121,240,204,.45)!important}
  body.home[data-jai-rubric="home"] .home-editorial-slider:after{
    content:""!important;position:absolute!important;z-index:7!important;left:15px!important;right:15px!important;bottom:64px!important;height:2px!important;border-radius:99px!important;
    background:linear-gradient(90deg,#70f0cc,#55cfff)!important;box-shadow:0 0 8px rgba(112,240,204,.45)!important;
    transform-origin:left center!important;animation:jai305NewsProgress 5.6s linear infinite!important;pointer-events:none!important;
  }

  /* Reserve only actual dock button height, not a giant card. */
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}

  /* Old JS dock is suppressed; 305 dock is the only dock. */
  .mobile-bottom-nav.jai-mobile-rubric-dock,
  .mobile-bottom-nav.jai-mobile-rubric-dock-303,
  .mobile-bottom-nav.jai-mobile-rubric-dock-304{display:none!important}

  /* Transparent outer shell: no white rounded rubric-shaped block. */
  .mobile-bottom-nav.jai-mobile-rubric-dock-305{
    position:fixed!important;left:6px!important;right:6px!important;bottom:calc(4px + env(safe-area-inset-bottom))!important;z-index:240!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;
    padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important;
  }
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button{
    position:relative!important;display:grid!important;grid-template-rows:31px auto!important;place-items:center!important;gap:3px!important;
    min-width:0!important;min-height:62px!important;padding:5px 2px 7px!important;
    border:1px solid rgba(183,220,230,.82)!important;border-radius:16px!important;
    background:rgba(239,249,252,.94)!important;color:#315f70!important;
    box-shadow:0 6px 18px rgba(6,35,47,.10)!important;
    backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
    font-size:8.3px!important;font-weight:900!important;line-height:1.04!important;
    transition:transform .18s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important;
  }
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button:after{
    content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:99px;
    background:linear-gradient(90deg,#3cccf4,#56e7b9);box-shadow:0 0 8px rgba(65,220,208,.42);opacity:0;transform:scaleX(.3);transition:opacity .2s ease,transform .2s ease;
  }
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button>i{
    display:grid!important;place-items:center!important;width:31px!important;height:31px!important;padding:3px!important;border-radius:10px!important;
    background:#e3f2f7!important;border:1px solid #c3e0e9!important;color:#19718c!important;font-style:normal!important;overflow:hidden!important;
  }
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button>i svg,.mobile-bottom-nav.jai-mobile-rubric-dock-305>button>i img{max-width:23px!important;max-height:23px!important}
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button>span{text-align:center!important;white-space:normal!important}
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button.active,
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button.is-open{background:#163f4c!important;color:#fff!important;border-color:#163f4c!important;box-shadow:0 8px 20px rgba(11,56,69,.20)!important}
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button.active:after,
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button.is-open:after{opacity:1;transform:scaleX(1)}
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button.active>i,
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button.is-open>i{background:#d6fff1!important;border-color:#a8ecd4!important;color:#12604f!important}
  .mobile-bottom-nav.jai-mobile-rubric-dock-305>button:active{transform:scale(.965)!important}

  /* Full-height reachable sheets. */
  .jai305-backdrop{position:fixed;inset:0;z-index:230;background:rgba(4,18,27,.50);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s ease}
  .jai305-backdrop.is-open{opacity:1;pointer-events:auto}
  .jai305-sheet{
    position:fixed!important;left:8px!important;right:8px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;z-index:235!important;
    height:min(82dvh,680px)!important;max-height:calc(100dvh - 95px)!important;
    padding:10px 10px 12px!important;border:1px solid rgba(89,179,184,.22)!important;border-radius:22px!important;
    background:linear-gradient(180deg,rgba(11,43,52,.99),rgba(18,61,69,.99))!important;
    box-shadow:0 -12px 36px rgba(3,24,31,.28)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    overflow:hidden!important;opacity:0;transform:translateY(20px) scale(.985);pointer-events:none;transition:opacity .22s ease,transform .24s cubic-bezier(.2,.75,.25,1)!important;
  }
  .jai305-sheet.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
  .jai305-sheet-grab{width:50px;height:4px;margin:1px auto 8px;border-radius:99px;background:rgba(164,229,220,.34)}
  .jai305-sheet>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:5px 4px 9px!important;border-bottom:1px solid rgba(108,232,203,.18)!important}
  .jai305-sheet>header>div{display:grid;gap:2px;min-width:0}
  .jai305-sheet>header small{color:#74e8c7;font-size:8px;font-weight:950;letter-spacing:.13em}
  .jai305-sheet>header b{color:#f1fffb;font-size:14px;line-height:1.1}
  .jai305-sheet>header button{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(132,236,216,.22);border-radius:10px;background:rgba(255,255,255,.06);color:#dffff5;font-size:20px}
  .jai305-sheet-scroll{height:calc(100% - 55px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:10px 1px 18px!important;scrollbar-width:thin!important;scrollbar-color:rgba(100,227,199,.45) transparent!important}
  .jai305-sheet-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-bottom:10px!important}
  .jai305-card{
    position:relative!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:4px 8px!important;
    min-height:84px!important;padding:9px 9px 12px!important;border:1px solid rgba(112,221,205,.14)!important;border-radius:16px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;color:#effffc!important;text-align:left!important;overflow:hidden!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;animation:jai305CardIn .32s both ease-out!important;
  }
  .jai305-card>i{grid-row:1/3!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border:1px solid rgba(106,235,207,.22)!important;border-radius:11px!important;background:rgba(105,235,207,.08)!important;color:#8df4d6!important;font-style:normal!important;font-weight:900!important;overflow:hidden!important}
  .jai305-card>i svg,.jai305-card>i img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
  .jai305-card>span{display:grid!important;gap:2px!important;min-width:0!important}
  .jai305-card>span b{color:#effffc!important;font-size:10.5px!important;line-height:1.08!important}
  .jai305-card>span small{color:#9fc8c7!important;font-size:7.4px!important;line-height:1.18!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .jai305-card>em{position:absolute!important;right:8px!important;bottom:7px!important;color:#6ee0c3!important;font-style:normal!important;font-size:15px!important;font-weight:900!important;animation:jai305Chevron 1.45s ease-in-out infinite!important}
  .jai305-card:active{transform:scale(.98)!important;background:rgba(91,231,197,.09)!important;border-color:rgba(107,235,205,.28)!important}

  .jai305-video-icon svg{overflow:visible!important}
  .jai305-video-icon .play-ring{transform-origin:10.5px 10.5px;animation:jai305PlayPulse 1.8s ease-in-out infinite}
  .jai305-video-icon .bar{transform-origin:center bottom;animation:jai305Bar 1.15s ease-in-out infinite alternate}
  .jai305-video-icon .bar.b2{animation-delay:.16s}.jai305-video-icon .bar.b3{animation-delay:.32s}
}

@media(max-width:370px){
  .jai305-sheet-grid{grid-template-columns:1fr!important}
  .jai305-card{min-height:68px!important}
}
@media(prefers-reduced-motion:reduce){
  .home-economy-panel-list>button>em,.jai305-card>em,.jai305-video-icon *{animation:none!important}
  .jai305-card{animation:none!important}
  body.home[data-jai-rubric="home"] .home-editorial-slider:after{animation:none!important;transform:scaleX(1)!important}
}