/* JAISANDAR 309 — mobile article reading */
@media(max-width:780px){
  body.single{padding-bottom:calc(78px + max(env(safe-area-inset-bottom),8px))!important;background:#f4f6f5!important}
  body.single .article-rubric-nav-shell{display:none!important}
  body.single .single-main{padding-bottom:0!important;margin-bottom:0!important}
  body.single .jai-premium-article{margin-bottom:0!important;padding-bottom:0!important}
  body.single .single-header{padding:18px 18px 12px!important;margin:0!important}
  body.single .single-header h1{font-size:clamp(2rem,9.2vw,2.75rem)!important;line-height:1.02!important;letter-spacing:-.045em!important}
  body.single .single-lead{font-size:1.05rem!important;line-height:1.48!important}
  body.single .single-meta{font-size:.73rem!important;gap:6px!important;flex-wrap:wrap!important}
  body.single .article-reading-shell{display:block!important;margin:0!important;padding:0!important}
  body.single .article-surface{width:100%!important;max-width:none!important;margin:0!important;padding:0 18px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.single .single-hero{width:calc(100% + 36px)!important;margin:0 -18px 18px!important;border-radius:0!important;background:#e2e9e6!important}
  body.single .article-content{font-size:18.5px!important;line-height:1.68!important;color:#202423!important}
  body.single .article-content p{margin:0 0 1.18em!important}
  body.single .article-content h2{margin-top:1.7em!important}
  body.single .article-content img,body.single .article-content video,body.single .article-content iframe,body.single .article-content canvas,body.single .article-content svg{max-width:100%!important}
  body.single .article-content figure{max-width:100%!important;margin-left:0!important;margin-right:0!important;background:transparent!important}
  body.single .article-content figcaption{font-size:12px!important;line-height:1.4!important;color:#6d7773!important;padding-top:6px!important}
  body.single .article-content blockquote{margin:22px 0!important;padding:16px 17px!important;border-radius:14px!important;background:#eef4f2!important}
  body.single .article-content table{font-size:13px!important}
  body.single .article-content .wp-block-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-left:-2px!important;margin-right:-2px!important}
  body.single .article-share-rail{margin:12px 18px 0!important}
  body.single .article-toc{margin:10px 18px 0!important;width:auto!important;background:rgba(255,255,255,.75)!important}
  body.single .article-more{margin:22px 12px 0!important;width:auto!important;padding:14px 0 8px 14px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  body.single .article-more:empty{display:none!important}
  body.single .article-telegram-cta{margin-top:18px!important;margin-bottom:12px!important}
  body.single footer.site-footer{margin-top:0!important}

  /* media fullscreen trigger */
  .jai309-media-wrap{position:relative!important}
  .jai309-media-enlarge{position:absolute;z-index:20;right:8px;top:8px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(0,0,0,.12);font-size:20px}

  /* fixed five-item article dock */
  .jai309-article-dock{position:fixed;z-index:260;left:6px;right:6px;bottom:calc(4px + max(env(safe-area-inset-bottom),0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:transparent}
  .jai309-article-dock a,.jai309-article-dock button{display:grid;place-items:center;gap:2px;min-height:60px;padding:5px 2px;border:1px solid rgba(183,220,230,.82);border-radius:16px;background:rgba(239,249,252,.95);color:#315f70;text-decoration:none;font-size:8px;font-weight:900;box-shadow:0 6px 18px rgba(6,35,47,.1);backdrop-filter:blur(14px)}
  .jai309-article-dock i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e3f2f7;font-style:normal;font-size:16px}
  .jai309-article-dock.is-compact{transform:translateY(29px)}
  .jai309-article-dock{transition:transform .22s ease}
}

.jai309-media-fullscreen{position:fixed;z-index:99999;inset:0;display:none;flex-direction:column;background:#f4f6f5}
.jai309-media-fullscreen.is-open{display:flex}.jai309-media-fullscreen header{display:flex;justify-content:flex-end;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:#fff}.jai309-media-fullscreen button{width:44px;height:44px;border:0;border-radius:12px;font-size:25px;background:#edf2f0}.jai309-media-fullscreen .body{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.jai309-media-fullscreen .body>*{max-width:100%!important;max-height:calc(100dvh - 80px)!important;width:auto!important;height:auto!important}.jai309-media-fullscreen .body iframe,.jai309-media-fullscreen .body video{width:100%!important;height:min(70dvh,760px)!important}.jai309-media-fullscreen .body canvas,.jai309-media-fullscreen .body svg{width:100%!important;min-height:55dvh!important;background:transparent!important}
body.jai309-media-open{overflow:hidden!important}