/* Single detail page; shared by all three languages. */
.album-page.single-page{display:flex;align-items:center;justify-content:center;overflow:auto;padding:5% 13%;}
.single-details{width:100%;max-width:800px;}
.single-type{text-transform:uppercase;letter-spacing:.18em;color:#cbbcaa;font-weight:700;}
.single-page h1{line-height:1.1;}
.single-artist{letter-spacing:.15em;}
.single-page .streaming-notice{margin:28px 0;padding:18px 20px;border-left:3px solid #d51a20;background:rgba(5,5,5,.85);line-height:1.6;}
.single-player{padding:22px 0;border-top:1px solid #806343;border-bottom:1px solid #806343;}
.single-player label{display:block;margin-bottom:12px;font-weight:700;}
.single-player audio{display:block;width:100%;height:48px;}
.single-page .back:focus-visible{outline:2px solid #e8ded0;outline-offset:4px;}
@media(max-width:1100px),(hover:none) and (pointer:coarse){body .frozen .single-page{display:block;} .single-details{margin:auto;}}

/* Keep the complete square cover visible beside the player. */
.album-page.single-page{gap:clamp(24px,4vw,64px);padding-left:10%;padding-right:10%;}
.single-artwork{flex:0 1 360px;min-width:0;margin:0;}
.single-artwork img{display:block;width:100%;height:auto;border:2px solid #b58b52;}
.single-details{flex:1;min-width:0;}
@media(max-width:1100px),(hover:none) and (pointer:coarse){
 .single-artwork{width:min(100%,360px);margin:0 auto 28px;}
 .single-details{max-width:650px;}
}
