.audio-gallery-intro{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;margin-bottom:2rem}
.audio-gallery-intro .listen-cover{max-width:240px;margin:0}
.audio-gallery .section-intro{max-width:66ch;margin-block:1rem}
.audio-samples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.audio-sample{margin:0;border:1px solid var(--line);background:var(--pane);border-radius:3px;padding:1.1rem;display:grid;gap:.85rem;min-width:0;align-content:start}
.audio-sample figcaption{display:grid;gap:.3rem;min-width:0}
.audio-language{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;color:var(--signal);text-transform:uppercase}
.audio-title{font-size:1rem;line-height:1.4;font-weight:560;overflow-wrap:anywhere}
.audio-detail,.audio-voice,.audio-note{color:var(--muted);font-size:.85rem;line-height:1.6}
.audio-voice{font-size:.78rem}
.audio-note{margin-block:1rem}
.audio-sample audio{width:100%;min-width:0}
.audio-gallery-book{margin-top:2rem}
.audio-gallery-book h3{margin-bottom:1rem}
.audio-gallery:not(.audio-gallery-book)>.wrap>.audio-sample{max-width:36rem}
.listen>.audio-sample{max-width:34rem}
@media(min-width:800px){.audio-gallery-intro{grid-template-columns:240px minmax(0,1fr);gap:3rem}}
@media(max-width:560px){.audio-samples-grid{grid-template-columns:1fr}.audio-sample{padding:1rem}}