/* Home mobile density consolidated from legacy runtime. */
@media(max-width:720px){
  body[data-page="home"] #hero{margin-bottom:20px!important;border-radius:0 0 17px 17px}
  body[data-page="home"] #hero .hero-content{padding:18px 12px 88px}
  body[data-page="home"] #hero .hero-kicker{font-size:.55rem;margin-bottom:6px}
  body[data-page="home"] #hero .hero-content h2{font-size:clamp(1.42rem,6.7vw,1.9rem);margin-bottom:11px}
  body[data-page="home"] #hero .hero-cover{width:min(51vw,205px);margin-bottom:12px}
  body[data-page="home"] #hero .hero-cover img{border-radius:12px}
  body[data-page="home"] #hero .hero-meta{gap:6px;margin-bottom:9px;font-size:.63rem}
  body[data-page="home"] #hero .hero-meta .hm svg{width:12px;height:12px}
  body[data-page="home"] #hero .hero-content> .hero-text > p,body[data-page="home"] #hero .hero-content>p{font-size:.74rem;line-height:1.46;margin-bottom:11px;-webkit-line-clamp:2;line-clamp:2}
  body[data-page="home"] #hero .hero-actions{gap:6px}
  body[data-page="home"] #hero .hero-actions .btn{min-height:40px;padding:8px 12px;font-size:.74rem}
  body[data-page="home"] #hero .hero-arrow{width:33px;height:33px;bottom:13px;font-size:1.08rem}
  body[data-page="home"] #hero .hero-arrow.prev{left:10px}
  body[data-page="home"] #hero .hero-arrow.next{right:10px}
  body[data-page="home"] #hero .hero-dots{bottom:26px;gap:5px}
  body[data-page="home"] #hero .hero-dot{width:18px;height:3px}
  body[data-page="home"] #hero .hero-dot.active{width:28px}
  body[data-page="home"] #pop-grid,body[data-page="home"] #reco-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:9px!important;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y}
  body[data-page="home"] #pop-grid::-webkit-scrollbar,body[data-page="home"] #reco-grid::-webkit-scrollbar{display:none!important}
  body[data-page="home"] #pop-grid .card,body[data-page="home"] #reco-grid .card{flex:0 0 calc((100% - 18px)/3)!important;width:calc((100% - 18px)/3)!important;min-width:calc((100% - 18px)/3)!important;max-width:calc((100% - 18px)/3)!important}
  body[data-page="home"] #today-row{gap:7px!important}body[data-page="home"] #today-row>*{min-width:132px!important}body[data-page="home"] #maj-list{gap:7px!important}body[data-page="home"] #genres-row{gap:6px!important}
  body[data-page="home"] #trend-row{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-ms-overflow-style:none;align-items:flex-start!important}
  body[data-page="home"] #trend-row::-webkit-scrollbar{display:none!important}
  body[data-page="home"] #trend-row .trend-item{flex:0 0 176px!important;width:calc(var(--mobile-project-card-width,162px) + 10px)!important;max-width:none!important;height:auto!important;display:flex!important;align-items:flex-start!important}
  body[data-page="home"] #trend-row .trend-num{font-size:4.2rem!important;line-height:.78!important;margin-right:-14px!important;flex:none!important;position:relative!important;z-index:0!important}
  body[data-page="home"] #trend-row .trend-main{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:var(--mobile-project-card-width,162px)!important;min-width:var(--mobile-project-card-width,162px)!important;max-width:var(--mobile-project-card-width,162px)!important}
  body[data-page="home"] #trend-row .trend-cover{position:relative!important;display:block!important;box-sizing:border-box!important;width:var(--mobile-project-card-width,162px)!important;min-width:var(--mobile-project-card-width,162px)!important;height:auto!important;aspect-ratio:3/4!important;overflow:hidden!important;border-radius:13px!important;background:var(--surface2)!important}
  body[data-page="home"] #trend-row .trend-cover img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;visibility:visible!important;opacity:1!important}
  body[data-page="home"] #trend-row .trend-meta strong{font-size:.74rem!important}body[data-page="home"] #trend-row .trend-meta small{font-size:.6rem!important}
  body[data-page="home"] .maj-item{padding:8px!important;gap:8px!important}body[data-page="home"] .maj-item img{width:40px!important;height:53px!important}body[data-page="home"] .maj-title{font-size:.74rem!important}body[data-page="home"] .chap-line{font-size:.66rem!important;padding:2px 0!important}
  body[data-page="home"] .recruit{padding:34px 15px!important}body[data-page="home"] .recruit h2{font-size:1.08rem}body[data-page="home"] .recruit p{font-size:.74rem;margin:9px 0 15px}body[data-page="home"] .recruit .btn{min-height:40px;font-size:.74rem;padding:8px 13px}
}
@media(max-width:420px){
  body[data-page="home"] #hero .hero-content{padding-left:10px;padding-right:10px}
  body[data-page="home"] #hero .hero-cover{width:min(54vw,195px)}
  body[data-page="home"] #pop-grid .card,body[data-page="home"] #reco-grid .card{flex-basis:calc((100% - 16px)/3)!important;width:calc((100% - 16px)/3)!important;min-width:calc((100% - 16px)/3)!important;max-width:calc((100% - 16px)/3)!important}
  body[data-page="home"] #trend-row .trend-item{flex-basis:176px!important;width:calc(var(--mobile-project-card-width,152px) + 10px)!important;min-width:calc(var(--mobile-project-card-width,152px) + 10px)!important}
  body[data-page="home"] #trend-row .trend-main,body[data-page="home"] #trend-row .trend-cover{width:var(--mobile-project-card-width,152px)!important;min-width:var(--mobile-project-card-width,152px)!important}
}