.recording-directory{max-width:1160px}.directory-search{max-width:620px;margin-bottom:28px}.directory-search label{display:block;font-size:13px;margin-bottom:8px;color:var(--muted)}.directory-search input{width:100%;padding:12px 15px;border:1px solid var(--line);border-radius:2px;background:var(--surface);color:var(--ink);font-size:16px}.directory-jumps{display:flex;flex-wrap:wrap;gap:10px 25px;padding:21px 0;border-block:1px solid var(--line);font-size:13px;color:var(--wine)}.directory-jumps a:hover{text-decoration:underline;text-underline-offset:4px}.directory-composer{margin-top:48px;scroll-margin-top:125px}.directory-composer h2{font-size:32px;margin:0 0 20px}.directory-work{border-top:1px solid var(--line);scroll-margin-top:125px}.directory-work:last-child{border-bottom:1px solid var(--line)}.directory-work summary{display:flex;align-items:center;gap:18px;padding:19px 0;list-style:none;cursor:pointer}.directory-work summary::-webkit-details-marker{display:none}.directory-work-title{font-family:var(--serif);font-size:24px;line-height:1.3;flex:1;min-width:0}.directory-count{font-size:12px;color:var(--muted);white-space:nowrap}.directory-work summary>svg{width:16px;height:16px;flex-shrink:0;transform:rotate(90deg);transition:transform .15s}.directory-work[open] summary>svg{transform:rotate(270deg)}.directory-recordings{padding:0 0 16px 22px}.directory-recording{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.directory-recording+.directory-recording{border-top:1px solid var(--line)}.directory-recording strong{font-size:16px;font-weight:400;line-height:1.5;display:block}.directory-recording small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.directory-shop{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px;color:var(--wine)}.directory-shop svg{width:17px;height:17px}.directory-recording:hover strong{text-decoration:underline;text-underline-offset:4px}.directory-empty{padding:25px 0;color:var(--muted)}.recording-directory [hidden]{display:none!important}
@media(max-width:760px){.directory-composer{margin-top:35px}.directory-composer h2{font-size:27px}.directory-work-title{font-size:22px}.directory-work summary{flex-wrap:wrap;gap:6px 12px}.directory-work-title{flex-basis:calc(100% - 30px)}.directory-count{order:3;flex-basis:100%}.directory-recordings{padding-left:10px}.directory-recording{gap:15px;align-items:flex-start}.directory-recording>span:first-child{min-width:0}.directory-recording strong{font-size:15px;overflow-wrap:anywhere}.directory-shop{font-size:0;padding-top:5px;gap:0}.directory-jumps{gap:10px 20px}}
@media(prefers-reduced-motion:reduce){.directory-work summary>svg{transition:none}}