/* Public mobile layout: loaded after the shared desktop styles. */
@media (max-width: 900px) {
  .minsaga-public-header>div:first-child{height:72px;padding-inline:20px;padding-right:110px}
  .minsaga-public-header .minsaga-main-nav,.minsaga-public-header .minsaga-header-actions{display:none}
  .minsaga-public-header .minsaga-mobile-nav{display:block;border:0;background:transparent}
  .minsaga-public-header .minsaga-mobile-nav>summary{position:absolute;top:16px;right:20px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 12px;border:1px solid #dcebe3;border-radius:10px;background:#f3f8f5;color:#135c43;list-style:none;font-size:12px;font-weight:750;cursor:pointer}
  .minsaga-public-header .minsaga-mobile-nav summary::-webkit-details-marker{display:none}
  .minsaga-public-header .minsaga-mobile-nav summary{list-style:none}
  .minsaga-public-header .minsaga-menu-icon{position:relative;display:block;width:17px;height:2px;background:currentColor;border-radius:2px;transition:background .2s}
  .minsaga-public-header .minsaga-menu-icon::before,.minsaga-public-header .minsaga-menu-icon::after{content:'';position:absolute;left:0;width:17px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s}
  .minsaga-public-header .minsaga-menu-icon::before{transform:translateY(-5px)}
  .minsaga-public-header .minsaga-menu-icon::after{transform:translateY(5px)}
  .minsaga-public-header .minsaga-mobile-nav[open] .minsaga-menu-icon{background:transparent}
  .minsaga-public-header .minsaga-mobile-nav[open] .minsaga-menu-icon::before{transform:rotate(45deg)}
  .minsaga-public-header .minsaga-mobile-nav[open] .minsaga-menu-icon::after{transform:rotate(-45deg)}
  .minsaga-public-header .minsaga-mobile-nav nav{position:absolute;top:100%;left:0;right:0;display:block;max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;padding:12px 20px 20px;background:#fff;border-top:1px solid #e2ece6;border-bottom:1px solid #dcebe3;box-shadow:0 18px 24px #153d3214}
  .minsaga-public-header .minsaga-mobile-nav nav>a,.minsaga-public-header .minsaga-mobile-nav nav>details>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:11px 12px;border-radius:8px;color:#203d32;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none}
  .minsaga-public-header .minsaga-mobile-nav nav>details{display:block;border:0}
  .minsaga-public-header .minsaga-mobile-nav nav>details>summary::after{content:'';height:7px;width:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px;transition:transform .2s}
  .minsaga-public-header .minsaga-mobile-nav nav>details[open]>summary{background:#edf6f0;color:#006c4b}
  .minsaga-public-header .minsaga-mobile-nav nav>details[open]>summary::after{transform:rotate(225deg)}
  .minsaga-public-header .minsaga-mobile-nav nav>details>a{display:block;min-height:40px;padding:10px 14px 10px 24px;margin-left:12px;border-left:1px solid #dcebe3;color:#52695f;font-size:13px;line-height:1.4;text-decoration:none}
  .minsaga-public-header .minsaga-mobile-nav a[aria-current=page]{background:#edf6f0;color:#006c4b;font-weight:750}
  .minsaga-public-header .minsaga-mobile-nav a:focus-visible,.minsaga-public-header .minsaga-mobile-nav summary:focus-visible{outline:2px solid #008a5b;outline-offset:2px}
  .minsaga-public-header .minsaga-mobile-search{display:flex;gap:8px;margin-top:12px;padding-top:16px;border-top:1px solid #e6eee9}
  .minsaga-public-header .minsaga-mobile-search input{width:0;min-width:0;flex:1;border:1px solid #dcebe3;border-radius:9px;background:#f6faf7;padding:11px 12px;font-size:13px}
  .minsaga-public-header .minsaga-mobile-search button{border-radius:9px;background:#007e57;padding:10px 16px;color:#fff;font-size:13px;font-weight:700}
}
@media (max-width:700px) {
  #gallery-section .gallery-mosaic:not(.is-sparse){grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,clamp(82px,22vw,145px));grid-auto-rows:auto;gap:5px}
  #gallery-section .gallery-mosaic:not(.is-sparse) .gallery-mosaic-tile:nth-child(1){grid-area:1/1/2/2}
  #gallery-section .gallery-mosaic:not(.is-sparse) .gallery-mosaic-tile:nth-child(2){grid-area:1/2/2/3}
  #gallery-section .gallery-mosaic:not(.is-sparse) .gallery-mosaic-tile:nth-child(3){grid-area:1/3/3/5}
  #gallery-section .gallery-mosaic:not(.is-sparse) .gallery-mosaic-tile:nth-child(4){grid-area:2/1/4/3}
  #gallery-section .gallery-mosaic:not(.is-sparse) .gallery-mosaic-tile:nth-child(5){grid-area:3/3/4/4}
  #gallery-section .gallery-mosaic:not(.is-sparse) .gallery-mosaic-tile:nth-child(6){grid-area:3/4/4/5}
  #gallery-section .gallery-mosaic-caption{padding:22px 7px 7px;gap:3px}
  #gallery-section .gallery-mosaic-caption strong{font-size:10px;line-height:1.3;letter-spacing:-.02em}
  #gallery-section .gallery-mosaic-kind,#gallery-section .gallery-mosaic-caption time{display:none}
  #gallery-section .gallery-mosaic-tile:nth-child(3) strong,#gallery-section .gallery-mosaic-tile:nth-child(4) strong{font-size:12px}
  #gallery-section .gallery-mosaic-tile:nth-child(3) time,#gallery-section .gallery-mosaic-tile:nth-child(4) time{display:block;font-size:9px}
  #gallery-section .gallery-mosaic-more{margin-top:16px}
  #gallery-section .gallery-mosaic-more a{padding:10px 17px;font-size:12px}
}
@media (max-width:640px) {
  #jadwal-shalat>div{padding-inline:16px;padding-block:20px}
  #jadwal-shalat .minsaga-prayer-panel{padding:14px;border-radius:14px}
  #jadwal-shalat .minsaga-prayer-heading{gap:10px;padding-bottom:12px;margin-bottom:12px}
  #jadwal-shalat h2{font-size:17px;line-height:1.3}
  #jadwal-shalat .minsaga-prayer-heading p{font-size:10px;line-height:1.45;margin-top:4px}
  #jadwal-shalat .minsaga-prayer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  #jadwal-shalat .prayer-card{position:relative;min-width:0;min-height:74px;padding:21px 3px 9px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}
  #jadwal-shalat .prayer-card:last-child:nth-child(7){grid-column:span 2}
  #jadwal-shalat .prayer-card>span:nth-of-type(2){font-size:9px;font-weight:650;letter-spacing:.02em;line-height:1.3}
  #jadwal-shalat .prayer-card>span:nth-of-type(3){font-size:16px;font-weight:800;line-height:1.35;margin-top:3px}
  #jadwal-shalat .prayer-card>span:nth-of-type(4){display:none}
  #jadwal-shalat .prayer-card .prayer-badge{position:absolute;top:5px;left:0;right:0;min-height:0;font-size:7px;line-height:1.2;letter-spacing:.03em;font-weight:800}
  #jadwal-shalat .prayer-next-summary{max-width:100%;align-self:flex-start;gap:5px;font-size:10px;padding:6px 8px}
}

/* Keep information banners broad with restrained corners. */
#info-banner-section .minsaga-info-banner{border-radius:10px}
@media(max-width:700px){
  #info-banner-section{padding-block:0}
  #info-banner-section>div{padding:12px 8px}
  #info-banner-section .minsaga-info-banner{border-radius:6px}
}