/* Recitations: a list to listen to in place, without thumbnails. */
.recitation-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.recitation{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fffefa;transition:border-color .2s,box-shadow .2s}
.recitation.is-active{border-color:#c9ab76;box-shadow:0 18px 34px -26px #5d4a2a80}
.recitation-play{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:0;border-radius:50%;background:linear-gradient(180deg,#26261f,#121210);color:var(--gold);cursor:pointer;transition:transform .2s}
.recitation-play .icon{margin-left:2px}
.recitation-play.is-playing .icon{margin-left:0}
.recitation-play:hover{transform:scale(1.05)}
.recitation-play:focus-visible,.recitation-download:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
.recitation-copy{min-width:0}
.recitation-title{margin:2px 0 0;font:600 22px/1.2 var(--serif);color:var(--ink)}
.recitation-title a{color:inherit}
.recitation-title a:hover{color:var(--gold-deep)}
.recitation-meta{margin:4px 0 0;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-deep)}
.recitation-description{max-width:78ch;margin:8px 0 0;font-size:14px;line-height:1.65;color:#55554d}
.recitation-progress{display:flex;align-items:center;gap:12px;margin-top:12px}
.recitation-progress[hidden]{display:none}
.recitation-progress input{flex:1;min-width:0;height:24px;margin:0;accent-color:var(--gold-deep)}
.recitation-time{flex:none;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
.recitation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.recitation-open,.recitation-download{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;color:#262622;font-size:13px;font-weight:600;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.recitation-open{background:#f1ece0;border-color:#e4dccb}
.recitation-open .icon:last-child{color:var(--gold-deep)}
.recitation-open:hover,.recitation-download:hover{border-color:#c9ab76;color:var(--gold-deep)}
.recitation-open:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
.recitation-list .empty-state{border:1px solid var(--line);border-radius:14px;background:#fffefa}

@media(max-width:640px){
 .recitation{gap:14px;padding:18px 16px;border-radius:18px}
 .recitation-play{width:48px;height:48px}
 .recitation-title{font-size:20px}
 .recitation-description{font-size:13.5px}
 .recitation-actions{gap:8px;margin-top:12px}
 .recitation-open,.recitation-download{min-height:44px;padding:0 14px}
}
@media(prefers-reduced-motion:reduce){.recitation,.recitation-play,.recitation-open,.recitation-download{transition:none}.recitation-play:hover{transform:none}}