/* V13 — compact Rongyok-style mobile layout, retaining KD blue theme */
.mobile-header-search{display:none}
.home-subtitle{font-size:14px;color:#a7b8d1;line-height:1.65;margin:-5px 0 22px}
.shelf-title{display:flex;align-items:center;gap:10px}.shelf-title .more{margin-left:auto;font-weight:500}.shelf-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#153453;color:#31b5f9}
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  header{height:78px;min-height:78px;padding:12px 16px!important;gap:12px!important;border-bottom:1px solid #203450!important}
  header .logo{font-size:19px!important;line-height:1.2;white-space:nowrap;letter-spacing:-.7px}
  header .desktop-header-nav{display:none!important}
  .mobile-header-search{display:flex;align-items:center;flex:1;min-width:0;max-width:260px;margin:0 0 0 auto!important;background:#1d2e49;border:1px solid #2a4163;border-radius:28px;height:43px;overflow:hidden}
  .mobile-header-search input{min-width:0;flex:1;width:100%;height:100%;margin:0!important;padding:0 0 0 13px!important;border:0!important;background:transparent!important;outline:0!important;font-size:12px;color:#fff!important}
  .mobile-header-search button{width:38px;min-width:38px;height:100%;border:0!important;background:transparent!important;color:#e4efff!important;font-size:27px!important;padding:0!important;line-height:1}
  main{padding:23px 15px 30px!important;max-width:100%}
  main>.home-headline{font-size:clamp(22px,5.2vw,30px)!important;line-height:1.4;margin:10px 0 12px!important;letter-spacing:-.5px}
  .home-subtitle{font-size:13px;margin:0 0 24px;line-height:1.65}
  .home-search{display:none!important}
  .category-nav{margin:0 0 17px!important;padding:8px 0 12px!important;gap:8px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}
  .category-nav::-webkit-scrollbar{display:none}
  .category-nav a{font-size:12px!important;padding:8px 12px!important;border-radius:18px!important;white-space:nowrap}
  .category-strip-heading{margin:0!important}.category-strip-heading h2{font-size:16px!important}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px 9px!important}
  .tile{min-width:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
  .tile img,.tile .placeholder{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px!important}
  .tile strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:12px!important;line-height:1.45!important;margin:8px 0 0!important;overflow-wrap:anywhere}
  .tile .audio-label{font-size:9px!important;padding:4px 5px!important;top:5px!important;right:5px!important;border-radius:5px!important;white-space:nowrap}
  .tile .new-label{font-size:9px!important;padding:4px 5px!important;top:5px!important;left:5px!important;border-radius:5px!important}
  .shelf-title{font-size:19px!important;margin:28px 0 14px!important;gap:8px}
  .shelf-title .more{font-size:12px!important}
  .shelf-icon{width:30px;height:30px;font-size:16px}
  .bottom-nav{height:calc(67px + env(safe-area-inset-bottom,0px))!important;--nav-height:67px}
  .bottom-item{font-size:10px!important;gap:4px!important}
  .bottom-item svg{width:23px!important;height:23px!important}
  body{padding-bottom:calc(67px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:360px){header .logo{font-size:17px!important}.mobile-header-search{height:39px}.mobile-header-search input{font-size:11px}.grid{gap:12px 7px!important}.tile strong{font-size:11px!important}.tile .audio-label{font-size:8px!important}}