#listen{scroll-margin-top:5rem}
.audiobook-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.5rem;align-items:stretch}
.audiobook-player,.audiobook-access{padding:clamp(1.3rem,3vw,2.5rem)}
.audiobook-player h2{font-size:clamp(1.6rem,3vw,2.25rem);margin:.4rem 0 .6rem}
.audiobook-subtitle{color:var(--muted);margin:0 0 1.4rem}
.audiobook-author{font-size:1rem;line-height:1.9;border-inline-start:4px solid var(--accent);padding-inline-start:1rem;margin:1.5rem 0}
.audiobook-transport{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1.8rem 0 1.25rem}
.audiobook-voice{font-size:.875rem;color:var(--muted)}
.audiobook-seek-label{display:block;font-size:.875rem;margin-bottom:.4rem;color:var(--muted)}
.audiobook-seek{width:100%;accent-color:var(--brand);direction:ltr;min-height:2.75rem;cursor:pointer}
.audiobook-time{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:.875rem;color:var(--muted)}
.audiobook-status{font-size:.875rem;min-height:2.2em;margin-bottom:0;color:var(--muted)}
.audiobook-lock{display:inline-grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--ink);font-size:1.3rem}
.audiobook-access h3{font-size:1.25rem;margin-top:1rem}
.audiobook-access p{line-height:1.9}
.audiobook-access .button:disabled{cursor:default;opacity:.65;transform:none;box-shadow:none;margin:.8rem 0}
.audiobook-rights{font-size:.875rem;color:var(--muted);padding-top:1rem;border-top:1px solid var(--line)}
.audiobook-access{display:flex;flex-direction:column;align-items:flex-start}
.audiobook-access .audiobook-rights{margin-top:auto;padding-top:1.25rem}
.audiobook-author a{color:var(--brand);text-underline-offset:.3em}
.audiobook-chapters{list-style:none;margin:0;padding:0;border:1px solid var(--line);background:var(--surface);background:color-mix(in srgb,var(--surface) 92%,transparent)}
.audiobook-chapters li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.05rem 1.2rem;border-bottom:1px solid var(--line)}
.audiobook-chapters li:last-child{border-bottom:0}
.audiobook-chapters li>span:nth-child(2){display:grid;gap:.18rem}
.audiobook-chapters strong{font-size:1rem;line-height:1.7}
.audiobook-chapters small{color:var(--muted);font-size:.82rem}
.audiobook-chapter-number{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:50%;background:var(--ink);color:var(--paper);font-variant-numeric:tabular-nums;font-weight:700}
.audiobook-chapters a,.audiobook-chapter-lock{font-size:.82rem;white-space:nowrap;padding:.48rem .75rem;border:1px solid var(--line)}
.audiobook-chapters a{color:var(--brand);font-weight:700;text-underline-offset:.25em;background:var(--surface)}
.audiobook-chapter-lock{color:var(--muted);background:var(--surface);background:color-mix(in srgb,var(--surface) 78%,transparent)}
@media(max-width:760px){.audiobook-grid{grid-template-columns:1fr}.audiobook-transport .button{width:100%}.audiobook-chapters li{grid-template-columns:auto minmax(0,1fr);padding:1rem}.audiobook-chapters li>a,.audiobook-chapters li>.audiobook-chapter-lock{grid-column:2;justify-self:start}.audiobook-chapters strong{font-size:.95rem}}
