/* OSANIME SEO Recovery Stage 3
 * Public canonical Music landing-page context.
 * Loaded after download-detail-final-v14.css so it can enhance the page
 * without changing the protected download/player flow.
 */
body.download-page.download-php-page .music-track-context{
  position:relative;
  display:grid;
  gap:18px;
  margin:18px 0;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(16,27,47,.96),rgba(9,17,31,.96));
  box-shadow:0 18px 46px rgba(0,0,0,.18);
}
body.download-page.download-php-page .music-track-context::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:150px;
  height:3px;
  background:linear-gradient(90deg,#ec4899,rgba(236,72,153,0));
  pointer-events:none;
}
body.download-page.download-php-page .music-track-context-head,
body.download-page.download-php-page .music-track-subhead{
  min-width:0;
}
body.download-page.download-php-page .music-track-context-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:7px;
  color:#f9a8d4;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.download-page.download-php-page .music-track-context h2,
body.download-page.download-php-page .music-track-context h3{
  margin:0;
  color:#f8fafc;
  line-height:1.22;
}
body.download-page.download-php-page .music-track-context h2{
  font-size:clamp(18px,2.2vw,24px);
}
body.download-page.download-php-page .music-track-context h3{
  font-size:14px;
}
body.download-page.download-php-page .music-track-context-head p,
body.download-page.download-php-page .music-track-subhead p{
  margin:8px 0 0;
  max-width:82ch;
  color:#a9b8cd;
  font-size:12px;
  line-height:1.7;
}
body.download-page.download-php-page .music-track-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0;
}
body.download-page.download-php-page .music-track-facts>div{
  min-width:0;
  display:grid;
  gap:5px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(4,12,25,.40);
}
body.download-page.download-php-page .music-track-facts dt{
  margin:0;
  color:#7f90a8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
body.download-page.download-php-page .music-track-facts dd{
  min-width:0;
  margin:0;
  color:#e7edf7;
  font-size:11px;
  font-weight:800;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.download-page.download-php-page .music-track-facts a,
body.download-page.download-php-page .music-track-credit a,
body.download-page.download-php-page .music-track-relation-list a{
  color:#f9a8d4;
  text-decoration:none;
}
body.download-page.download-php-page .music-track-facts a:hover,
body.download-page.download-php-page .music-track-credit a:hover,
body.download-page.download-php-page .music-track-relation-list a:hover{
  text-decoration:underline;
}
body.download-page.download-php-page .music-track-credits,
body.download-page.download-php-page .music-track-relations{
  display:grid;
  gap:11px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.07);
}
body.download-page.download-php-page .music-track-credit-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body.download-page.download-php-page .music-track-credit{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(13,24,43,.76);
}
body.download-page.download-php-page .music-track-credit small{
  padding:4px 7px;
  border-radius:999px;
  background:rgba(236,72,153,.11);
  color:#f9a8d4;
  font-size:8px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.download-page.download-php-page .music-track-credit a,
body.download-page.download-php-page .music-track-credit b{
  min-width:0;
  color:#eef2f8;
  font-size:10px;
  font-weight:800;
  overflow-wrap:anywhere;
}
body.download-page.download-php-page .music-track-relation-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
body.download-page.download-php-page .music-track-relation-list>a{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 12px;
  border:1px solid rgba(236,72,153,.15);
  border-radius:13px;
  background:rgba(236,72,153,.055);
}
body.download-page.download-php-page .music-track-relation-list>a>i{
  flex:0 0 auto;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(236,72,153,.13);
  color:#f9a8d4;
}
body.download-page.download-php-page .music-track-relation-list>a>span{
  min-width:0;
  display:grid;
  gap:3px;
}
body.download-page.download-php-page .music-track-relation-list b{
  color:#eef2f8;
  font-size:10px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
body.download-page.download-php-page .music-track-relation-list small{
  color:#91a1b7;
  font-size:9px;
  line-height:1.35;
}
body.download-page.download-php-page .music-meta-duration,
body.download-page.download-php-page .music-meta-track-number,
body.download-page.download-php-page .music-meta-disc-number,
body.download-page.download-php-page .music-meta-catalog,
body.download-page.download-php-page .music-meta-theme,
body.download-page.download-php-page .music-meta-episodes{
  min-width:0;
}
@media (max-width:900px){
  body.download-page.download-php-page .music-track-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  body.download-page.download-php-page .music-track-context{
    gap:14px;
    margin:14px 0;
    padding:14px;
    border-radius:16px;
  }
  body.download-page.download-php-page .music-track-context-head p,
  body.download-page.download-php-page .music-track-subhead p{
    font-size:10px;
    line-height:1.6;
  }
  body.download-page.download-php-page .music-track-facts{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  body.download-page.download-php-page .music-track-facts>div{
    padding:9px 10px;
  }
  body.download-page.download-php-page .music-track-relation-list{
    grid-template-columns:1fr;
  }
  body.download-page.download-php-page .music-track-credit-list{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  body.download-page.download-php-page .music-track-credit{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
}
@media (max-width:390px){
  body.download-page.download-php-page .music-track-facts,
  body.download-page.download-php-page .music-track-credit-list{
    grid-template-columns:1fr;
  }
}
