.work-detail .back-link { display:inline-block; margin:0 0 25px; color:#788590; font-size:12px; }
.piece-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.piece-heading h1 { font-size:clamp(28px,3.2vw,36px); font-weight:500; letter-spacing:-.8px; line-height:1.3; margin:0; overflow-wrap:anywhere; }
.piece-heading p { margin:10px 0 0; color:#7c8790; font-size:13px; }
.piece-original-link { flex-shrink:0; font-size:12px; color:#586d7d; border-bottom:1px solid #ccd5dc; padding:4px 0; }
.piece-original-link:hover { color:var(--ink); border-color:var(--ink); }
.work-original { margin:0 0 28px; }
.work-original>summary,.work-playback>summary { width:fit-content; cursor:pointer; color:#7c8790; font-size:11px; }
#work-video:not(:empty) { width:min(560px,100%); aspect-ratio:16/9; margin-top:18px; border:1px solid var(--line); background:#111; }
#work-video iframe { display:block; width:100%; height:100%; border:0; }
.work-video-status { font-size:12px; color:#7c8790; }
.work-browser { display:grid; grid-template-columns:210px minmax(0,1fr); column-gap:32px; border-top:1px solid var(--line); padding-top:26px; }
.work-entries { min-width:0; }
.work-entries>h2 { margin:3px 0 19px; font-size:12px; font-weight:400; color:#7c8790; }
.work-entry-list { display:grid; gap:5px; }
.work-entry { display:block; width:100%; padding:13px 14px; border:0; border-left:2px solid transparent; background:none; text-align:left; color:#687783; line-height:1.5; border-radius:0; }
.work-entry strong { display:block; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.work-entry span,.work-entry small { display:block; margin-top:4px; font-size:11px; color:#87929a; overflow-wrap:anywhere; }
.work-entry small { font-size:10px; }
.work-entry:hover { background:#f5f7f8; }
.work-entry[aria-pressed=true] { border-left-color:#526c80; background:#f1f4f6; color:#314b5e; }
.work-playback { margin-top:28px; padding-top:18px; border-top:1px solid var(--line); }
.work-detail .arena-audio { display:grid; gap:12px; margin:14px 0 0; padding:0; border:0; background:none; font-size:11px; }
.work-detail .arena-audio>div { display:none; }
.work-detail .arena-audio>a { width:fit-content; font-size:10px; }
.work-detail .arena-audio select { width:100%; max-width:100%; padding:8px; font-size:11px; background:white; border-color:var(--line); }
.work-detail #audio-status { font-size:10px; line-height:1.7; overflow-wrap:anywhere; }
.work-score { min-width:0; }
.work-score-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 20px; }
.work-score-heading h2 { margin:0; font-size:16px; font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
.work-score-heading>span { color:#8c98a1; font-size:11px; white-space:nowrap; }
.work-detail .score-reader-tools { padding:12px 14px; gap:10px; background:#fafbfc; border:1px solid var(--line); font-size:10px; color:#7a8791; }
.work-detail .score-reader-tools select,.work-detail .score-reader-tools button { background:white; border-color:#e1e6ea; font-size:10px; padding:6px 7px; }
.work-detail .score-range { width:100%; color:#8c98a1; font-size:10px; }
.work-detail .score-viewport { height:560px; border:1px solid var(--line); border-top:0; background:white; }
.work-detail .score-footer { padding:14px; border:1px solid var(--line); border-top:0; }
.work-detail .playback-order { font-size:10px; margin:0; border:1px solid var(--line); border-top:0; border-bottom:0; background:#fafbfc; }
.work-detail .playback-order>summary { padding:10px 14px; color:#89969f; }
.work-detail .playback-order>summary span { display:none; }
.work-footnotes { margin:36px 0 0 242px; border-bottom:1px solid var(--line); }
.work-details { border-top:1px solid var(--line); }
.work-details>summary { padding:18px 0; cursor:pointer; font-size:12px; color:#627583; }
.work-task-list .task-constraints { margin:0 0 20px; padding:0; border:0; background:none; }
.work-task-list h3 { margin:0 0 8px; font-size:11px; font-weight:400; color:#89959e; }
.work-task-list p { font-size:12px; line-height:1.9; color:#6f7d87; }
@media(max-width:800px) {
  .work-browser { grid-template-columns:170px minmax(0,1fr); gap:22px; }
  .work-footnotes { margin-left:192px; }
  .work-entry { padding:12px 10px; }
}
@media(max-width:620px) {
  .work-detail .back-link { margin-bottom:22px; }
  .piece-heading { gap:18px; align-items:baseline; }
  .piece-heading h1 { font-size:28px; }
  .work-browser { grid-template-columns:minmax(0,1fr); gap:26px; padding-top:21px; }
  .work-entry-list { display:flex; overflow-x:auto; gap:8px; padding-bottom:6px; scrollbar-width:thin; }
  .work-entry { flex:0 0 168px; border-left:0; border-bottom:2px solid transparent; padding:12px; }
  .work-entry[aria-pressed=true] { border-bottom-color:#526c80; }
  .work-entries>h2 { margin-bottom:12px; }
  .work-playback { margin-top:12px; padding:0; border:0; }
  .work-detail .arena-audio { max-width:280px; }
  .work-score-heading { margin-bottom:14px; }
  .work-detail .score-viewport { height:480px; }
  .work-footnotes { margin:28px 0 0; }
}