/* A quiet row of familiar controls, in the existing Amor ink and rose. */
.masthead{flex-wrap:wrap;column-gap:24px;row-gap:12px}
.music-player{display:flex;align-items:center;gap:12px;min-width:0;margin-left:auto}
.music-copy{min-width:0;width:150px}
.music-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.4}
.music-status{display:block;margin-top:2px;font-size:12px;color:#72596b;line-height:1.4;font-variant-numeric:tabular-nums}
.music-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}
.music-button{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:44px;height:44px;padding:11px;border:0;border-radius:50%;background:transparent;color:var(--plum)}
.music-button svg{width:22px;height:22px;stroke-width:1.8}
.music-button:hover{background:#f7e9f0}
.music-button:active{background:#eed6e3}
.music-toggle{background:#f7e9f0}
.music-player[data-state=playing] .music-toggle{background:var(--berry);color:white}
.music-button .music-solid{fill:currentColor;stroke:none}
.masthead .header-actions{margin-left:0}
@media(max-width:1100px){
  .masthead .header-actions{margin-left:auto}
  .music-player{order:2;flex-basis:100%;justify-content:space-between;margin-left:0;padding-top:8px;border-top:1px solid #ecdee8}
  .music-copy{width:auto;flex:1}
  .music-title{max-width:280px}
}
@media(max-width:720px){
  .masthead,.embedded-colouring .masthead{padding:12px;column-gap:8px;row-gap:10px}
  .music-player{gap:8px}
  .music-controls{gap:0}
  .music-title{font-size:12px}
  .music-status{font-size:12px}
}
@media print{.music-player{display:none}}