/* Field recordings extend the existing paper, type and audio-player styles. */
.recordings-section-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:1.2rem 0;border-bottom:1px solid var(--rule)}
.recordings-section-bar h1{margin:0;font-size:clamp(1.3rem,2.5vw,1.8rem);letter-spacing:-.025em;line-height:1.2}
.recordings-section-bar a,.recording-permalink{font-size:.875rem;text-underline-offset:.2em}
.recording-feature{display:grid;grid-template-columns:minmax(160px,300px) minmax(0,1fr);gap:clamp(28px,6vw,72px);align-items:start;padding:5vh 0 8vh}
.recording-art{margin:0;padding:3px;border:1px solid var(--rule)}
.recording-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.recording-copy{min-width:0;padding-top:.3rem}
.recording-copy h2{font-size:clamp(1.7rem,3.1vw,2.75rem);line-height:1.12;overflow-wrap:break-word}
.recording-credit{margin:0 0 1.2rem;font-size:1rem;line-height:1.5}
.recording-meta{margin:0;color:var(--muted);font-size:.875rem;line-height:1.6}
.recording-copy .bim-audio-player{margin:2rem 0 1.5rem}
.recording-copy .audio-row{grid-template-columns:46px auto minmax(36px,1fr) auto;gap:12px}
.recording-copy .audio-elapsed,.recording-copy .audio-duration{font-size:.875rem}
.recording-copy .audio-seek{height:28px;background:transparent}
.recording-copy .audio-seek::-webkit-slider-runnable-track{height:2px;background:var(--rule)}
.recording-copy .audio-seek::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5px}
.recording-copy .audio-seek::-moz-range-thumb{width:12px;height:12px}
.recording-copy .audio-caption{font-size:.875rem;margin:.6rem 0;min-height:1.4em}
.recording-copy .audio-caption:empty{display:none}
.recording-notes{margin-top:2rem;border-top:1px solid var(--rule);padding-top:1.1rem}
.recording-notes summary{cursor:pointer;font-size:.875rem;padding:.4rem 0}
.recording-notes p{font-size:1rem;line-height:1.8;margin:1.2rem 0}
.recordings-shelf{padding:2rem 0 4rem;scroll-margin-top:24px}
.recordings-shelf>h2{font-size:1.5rem;margin:0 0 2rem}
.recording-shelf-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
.recording-shelf-link{display:block;text-decoration:none}
.recording-shelf-link img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid var(--rule);padding:3px}
.recording-shelf-link h3{font-weight:400;font-size:1.125rem;line-height:1.3;margin:1rem 0 .5rem}
.recording-shelf-link:hover h3{text-decoration:underline;text-underline-offset:.2em}
.recording-shelf-link[aria-current="true"]{outline:1px solid var(--ink);outline-offset:8px}
.recordings-page a:focus-visible,.recordings-page button:focus-visible,.recordings-page input:focus-visible,.recordings-page summary:focus-visible,.field-recording-section a:focus-visible,.field-recording-section button:focus-visible,.field-recording-section input:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.field-recording-section[hidden]{display:none}
.field-recording-section{padding-bottom:5vh}
.field-recording-section .recording-feature{grid-template-columns:minmax(130px,220px) minmax(0,1fr);max-width:900px;padding:2rem 0 0}
.field-recording-section .recording-copy h2{font-size:clamp(1.4rem,2.5vw,2.1rem)}
.field-recording-section .recording-copy .bim-audio-player{margin-bottom:1rem}
@media(max-width:700px){
  .recording-feature,.field-recording-section .recording-feature{grid-template-columns:1fr;gap:24px}
  .recording-art{width:min(230px,65vw);justify-self:center}
  .recording-copy .audio-row{gap:9px;grid-template-columns:44px auto minmax(32px,1fr) auto}
  .recording-copy .audio-play{width:44px;height:44px}
  .recording-copy .audio-elapsed,.recording-copy .audio-duration{font-size:.8rem}
  .recording-shelf-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .recordings-section-bar{align-items:baseline;flex-wrap:wrap;gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}