/* Nebula Scans — Home sections responsive layer, excluding Hero. */

@media (max-width:599px){
  body[data-page="home"] main > section.container{margin-bottom:28px!important}
  body[data-page="home"] .row-head{gap:8px!important;margin-bottom:12px!important}

  body[data-page="home"] #today-row{gap:10px!important;padding-bottom:10px!important}
  body[data-page="home"] #today-row .hchip{width:min(82vw,250px);max-width:min(82vw,250px);padding:8px 12px 8px 8px!important;gap:10px!important}
  body[data-page="home"] #today-row .hchip img{width:40px;height:54px}
  body[data-page="home"] #today-row .hchip strong{font-size:.82rem}
  body[data-page="home"] #today-row .hchip small{font-size:.7rem}

  body[data-page="home"] #maj-list{gap:10px!important}
  body[data-page="home"] #maj-list .maj-item{padding:12px!important;gap:10px!important;min-height:132px!important}
  body[data-page="home"] #maj-list .maj-item>a:first-child{flex:0 0 54px!important;width:54px!important;min-width:54px!important}
  body[data-page="home"] #maj-list .maj-item>a:first-child img{width:54px!important;height:74px!important}
  body[data-page="home"] #maj-list .maj-title{font-size:.82rem!important;margin-bottom:6px!important}
  body[data-page="home"] #maj-list .chap-line{padding:6px 9px!important;font-size:.7rem!important}

  body[data-page="home"] #trend-row{gap:14px!important;padding-top:4px!important}
  body[data-page="home"] #trend-row .trend-item{flex-basis:202px!important;width:202px!important;min-width:202px!important}
  body[data-page="home"] #trend-row .trend-num{width:56px!important;margin-right:-8px!important;margin-top:0!important;align-self:auto!important;font-size:2.95rem!important;line-height:.78!important;transform:translateY(5px)!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:"tnum","lnum"!important}
  body[data-page="home"] #trend-row .trend-main{width:154px!important}
  body[data-page="home"] #trend-row .trend-meta strong{font-size:.8rem!important}
  body[data-page="home"] #trend-row .trend-meta small{font-size:.67rem!important}

  body[data-page="home"] #new-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  body[data-page="home"] #new-grid .card-body{min-height:62px!important;padding:7px 7px 8px!important}
}

@media (min-width:600px) and (max-width:767px){
  body[data-page="home"] main > section.container{margin-bottom:34px!important}
  body[data-page="home"] .row-head{margin-bottom:15px!important}
  body[data-page="home"] #today-row{gap:12px!important}
  body[data-page="home"] #today-row .hchip{width:238px;max-width:238px}
  body[data-page="home"] #maj-list .maj-item{padding:14px!important}
  body[data-page="home"] #trend-row{gap:16px!important}
  body[data-page="home"] #trend-row .trend-item{flex-basis:208px!important;width:208px!important}
  body[data-page="home"] #trend-row .trend-num{width:58px!important;margin-right:-8px!important;margin-top:0!important;align-self:auto!important;font-size:3rem!important;line-height:.78!important;transform:translateY(5px)!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:"tnum","lnum"!important}
  body[data-page="home"] #trend-row .trend-main{width:158px!important}
  body[data-page="home"] #new-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
}

@media (min-width:768px) and (max-width:1023px){
  body[data-page="home"] main > section.container{margin-bottom:58px!important}
  body[data-page="home"] .row-head{margin-bottom:20px!important}

  body[data-page="home"] #today-row{gap:12px!important}
  body[data-page="home"] #today-row .hchip{max-width:240px;padding:9px 13px 9px 9px}

  body[data-page="home"] #maj-list{gap:14px!important}
  body[data-page="home"] #maj-list .maj-item{flex-basis:300px!important;width:300px!important;padding:14px!important;min-height:148px!important;gap:12px!important}
  body[data-page="home"] #maj-list .maj-item>a:first-child{flex-basis:62px!important;width:62px!important;min-width:62px!important}
  body[data-page="home"] #maj-list .maj-item>a:first-child img{width:62px!important;height:84px!important}
  body[data-page="home"] #maj-list .maj-title{font-size:.9rem!important;margin-bottom:7px!important}
  body[data-page="home"] #maj-list .chap-line{padding:7px 10px!important;font-size:.76rem!important}

  body[data-page="home"] #trend-row{gap:18px!important}
  body[data-page="home"] #trend-row .trend-item{flex-basis:212px!important;width:212px!important;min-width:212px!important}
  body[data-page="home"] #trend-row .trend-num{width:60px!important;margin-right:-10px!important;margin-top:0!important;align-self:center!important;font-size:3.15rem!important;line-height:.78!important;transform:translateY(-9px)!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:"tnum","lnum"!important}
  body[data-page="home"] #trend-row .trend-main{width:162px!important}

  body[data-page="home"] #new-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:16px!important}
}

@media (min-width:1024px) and (max-width:1100px){
  body[data-page="home"] main > section.container{margin-bottom:64px!important}
  body[data-page="home"] #maj-list{gap:16px!important}
  body[data-page="home"] #maj-list .maj-item{flex-basis:320px!important;width:320px!important;padding:15px!important}
  body[data-page="home"] #trend-row{gap:18px!important}
  body[data-page="home"] #trend-row .trend-item{flex-basis:222px!important;width:222px!important;min-width:222px!important}
  body[data-page="home"] #trend-row .trend-num{width:62px!important;margin-right:-6px!important;margin-top:0!important;align-self:center!important;font-size:3.5rem!important;line-height:.78!important;transform:translateY(-9px)!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:"tnum","lnum"!important}
  body[data-page="home"] #trend-row .trend-main{width:166px!important}
  body[data-page="home"] #new-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;gap:18px!important}
}

@media (min-width:1101px){
  body[data-page="home"] main > section.container{margin-bottom:72px!important}
  body[data-page="home"] #new-grid{grid-template-columns:repeat(auto-fill,170px)!important;gap:12px!important;justify-content:start!important}
}

@media (prefers-reduced-motion:reduce){
  body[data-page="home"] #today-row .hchip,
  body[data-page="home"] #maj-list .maj-item,
  body[data-page="home"] #trend-row .trend-cover{transition:none!important}
}