/* Desktop keeps its original columns and open terms/information. */
.beat-info-section,.beat-info-content{display:contents}
.beat-info-heading,.usage-mobile-title{display:none}
.auth-forgot{margin:13px auto 0;text-align:center}
#contactForm .contact-line{border-color:#777}
#contactForm .contact-line:focus{border-color:#fff;box-shadow:none}
#contactForm .contact-line:user-invalid{border-color:#e3a49a}

@media(max-width:700px){
  #playerBar .player-mobile-metadata{align-items:flex-end;text-align:right;padding-right:4px}
  #playerBar .player-info .player-spec-mini{align-self:flex-end;justify-content:flex-end}
  #playerBar #playerGenres{justify-content:flex-end;text-align:right}

  #beatView{padding:18px 0 20px;gap:14px}
  #beatView .beat-sidebar{padding:14px;position:static}
  #beatView .detail-cover-wrap{max-width:360px;width:100%}
  #beatView .detail-title-row{margin-top:15px}
  #beatView .detail-title-row h1{font-size:24px;line-height:1.2;overflow-wrap:anywhere}
  #beatView .detail-title-row p{font-size:12px;margin-top:6px}
  #beatView .detail-actions{margin:14px 0 12px}
  #beatView .detail-action{height:48px}
  #beatView .free-download{height:44px;font-size:12px}
  #beatView .beat-detail-main{gap:14px;min-width:0}
  #beatView .licensing{padding:14px;display:flex;flex-direction:column}
  #beatView .licensing-head{display:contents}
  #beatView .licensing-head>div:first-child{order:0}
  #beatView .licensing-head h2{font-size:21px;line-height:1.2}
  #beatView .licensing-head p{font-size:11px;line-height:1.6;margin-top:6px;max-width:360px}
  #beatView #exclusiveReservation{order:1;margin:12px 0 0}
  #beatView #licenseCards{order:2;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;padding-top:14px}
  #beatView .license-card{min-height:98px;padding:12px 10px;border-radius:7px}
  #beatView .license-card h3{font-size:13px;line-height:1.25;margin:0 20px 9px 0}
  #beatView .license-card strong{font-size:15px;line-height:1.2}
  #beatView .license-card small{font-size:9px;line-height:1.5;margin-top:6px;letter-spacing:0;white-space:normal}
  #beatView .license-dot{width:13px;height:13px;top:12px;right:10px}
  #beatView .license-card.active .license-dot{border-width:3px}
  #beatView .license-card:last-child:nth-child(odd){width:calc((100% - 8px)/2)}
  #beatView .licensing-checkout{order:3;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr);align-items:center;width:100%;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #292b2f}
  #beatView .licensing-checkout>div{grid-column:auto;min-width:0}
  #beatView .licensing-checkout small{font-size:9px}
  #beatView .licensing-checkout b{font-size:17px}
  #beatView .licensing-checkout button{height:42px;font-size:11px;padding:0 5px;border-radius:6px;white-space:nowrap}

  #beatView .usage{padding:0 14px}
  #beatView .usage-head{display:block;border:0;padding:0}
  #beatView .usage-head>div{width:100%}
  #beatView .usage-desktop-title{display:none}
  #beatView .usage-mobile-title,.beat-info-heading{display:block;margin:0}
  #beatView .usage-head p{font-size:11px;color:#92969d;margin:-4px 0 14px}
  .beat-disclosure{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;min-height:52px;padding:14px 0;border:0;background:transparent;color:#e6e7e9;font:600 16px/1.3 Inter,Arial,sans-serif;text-align:left;cursor:pointer}
  .beat-disclosure:focus-visible{outline:1px solid #ddd;outline-offset:3px;border-radius:3px}
  .disclosure-chevron{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .16s ease}
  .beat-disclosure[aria-expanded=true] .disclosure-chevron{transform:rotate(180deg)}
  #beatView .usage-terms{grid-template-columns:1fr;padding:0 0 12px;border-top:1px solid #292b30}
  #beatView .term-item{min-height:49px;font-size:11px;gap:10px}
  #beatView .term-icon{width:29px;height:29px}
  #beatView .term-icon img{width:17px;height:17px}
  #beatInfoSection{display:block;padding:0 14px;border:1px solid #292b30;border-radius:13px;background:linear-gradient(180deg,rgba(16,17,18,.94),rgba(8,9,10,.96))}
  #beatInfoContent{display:block;padding:0 0 16px}
  #beatInfoContent[hidden],#usageTerms[hidden]{display:none!important}
  #beatInfoContent .detail-description{margin-top:0;padding-top:13px}
  #beatInfoContent .detail-description p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
  #beatInfoContent .detail-info dd{overflow-wrap:anywhere;max-width:70%}
  #beatInfoContent .detail-tags{gap:6px}
  #beatInfoContent .detail-tags span{overflow-wrap:anywhere;max-width:100%}
  #beatView .related-section{padding:4px 0 0;margin:0}
  body:has(#beatView:not([hidden])) #globalFooter{margin-top:0}
}
@media(max-width:700px) and (pointer:coarse){
  #beatList .beat-row.is-current{background:rgba(255,255,255,.05);box-shadow:none;border-radius:7px}
}
@media(min-width:701px) and (max-width:1100px){
  #beatView .licensing-checkout{flex-wrap:wrap;gap:8px}
  #beatView .licensing-checkout button{padding:0 12px;font-size:11px}
  #beatView .license-card{padding:14px 12px;min-height:132px}
  #beatView .license-card h3{margin-right:20px;font-size:14px}
  #beatView .license-dot{width:14px;height:14px;right:10px;top:14px}
}
@media(prefers-reduced-motion:reduce){.disclosure-chevron{transition:none}}