.recordings{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.recording-heading,.recording-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.recording-heading{margin-bottom:16px}
.recording-heading h3{margin:0;font-size:18px;color:var(--deep)}
.recording-heading span,.recording-note,.recording-album{color:var(--muted);font-size:12px;line-height:1.7}
.recording-item+.recording-item{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.recording-row>div{min-width:0}
.recording-row h4{margin:0;color:var(--deep);font-size:20px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.recording-row p{margin:5px 0 0;font-size:13px;line-height:1.7}
.recording-row button{flex:none;min-height:44px;padding:10px 16px;font:inherit;font-size:14px}
.recording-row button:hover{background:var(--jelly-blue-face)}
.recording-embed:empty{display:none}
.recording-embed{margin-top:18px}
.recording-embed iframe{display:block;width:100%;height:175px;border:0;border-radius:12px;background:var(--ice);box-shadow:var(--jelly-shadow)}
.recording-note{margin:12px 0 0;max-width:65ch}
@media(max-width:560px){.recording-row{align-items:flex-start;flex-direction:column;gap:12px}.recording-row h4{font-size:18px}.recording-heading{gap:10px}.recording-row button{align-self:flex-start}}