/* Keep album copy in normal flow. The old mobile layout had a -14px subtitle margin. */
.artist-portfolio .works-page #recordDetail .record-copy{
 display:flex;flex-direction:column;justify-content:center;align-items:stretch;
 min-width:0;gap:0;
}
.artist-portfolio .works-page #recordDetail .record-top{
 display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
 gap:8px 16px;line-height:1.7;grid-area:auto;
}
.artist-portfolio .works-page #recordDetail .record-controls{
 display:flex;flex-shrink:0;gap:8px;margin-left:auto;
}
.artist-portfolio .works-page #recordDetail .record-controls button{
 min-height:44px;white-space:nowrap;
}
.artist-portfolio .works-page #recordDetail #recordTitle{
 margin:18px 0 8px;line-height:1.28;overflow-wrap:anywhere;
}
.artist-portfolio .works-page #recordDetail .record-english{
 margin:0;font-size:11px;line-height:1.7;letter-spacing:.16em;
 overflow-wrap:anywhere;
}
.artist-portfolio .works-page #recordDetail .record-description{
 margin:18px 0 0;max-width:36em;line-height:1.9;
}
.artist-portfolio .works-page #recordDetail .record-bottom{
 margin:22px 0 0;gap:12px 20px;flex-wrap:wrap;
}
@media(max-width:760px){
 .artist-portfolio .works-page #recordDetail .record-copy{padding:12px 0 8px}
 .artist-portfolio .works-page #recordDetail #recordTitle{font-size:clamp(28px,8.5vw,37px);margin-top:16px}
 .artist-portfolio .works-page #recordDetail .record-description{font-size:14px;margin-top:16px}
 .artist-portfolio .works-page #recordDetail .record-bottom a{
  flex:0 1 auto;text-align:left;white-space:normal;padding:10px 0;line-height:1.7;
 }
}

/* Same Noto Serif TC 700 as the Works hero; restrict it to Chinese so Latin stays unchanged. */
@font-face{font-family:WorksAlbumSongti;src:url("fonts/works-album-songti-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+3000-9FFF,U+FF00-FFEF}
.artist-portfolio .works-page #recordDetail #recordTitle{font-family:WorksAlbumSongti,var(--serif);font-weight:700}