﻿.aarti-card{display:block;color:var(--brown)}.aarti-card:hover{text-decoration:none}.aarti-card:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.view-all{display:inline-block;font-weight:600;padding:.6rem 1rem;border:1px solid #e6c9b0;border-radius:99px}.app-promo-container>*,.detail-layout>*{min-width:0}.detail-page{max-width:1160px;margin:auto;padding:2rem 1.25rem 4rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--gray-text);font-size:.85rem;margin-bottom:1.5rem}.detail-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem;align-items:start}.player-card,.reading-card{background:#fffdf8;border:1px solid #efdfc9;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px #7134110a}.player-card{padding:1.5rem;position:sticky;top:100px}.detail-art{width:100%;height:300px;object-fit:cover;border-radius:14px;margin-bottom:1.5rem}.player-card h1{font-family:var(--font-hi);font-size:1.65rem;line-height:1.5;margin:.4rem 0}.eyebrow{font-size:.8rem;color:var(--saffron-d);text-transform:uppercase;letter-spacing:.08em}.detail-audio{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.detail-audio audio{width:100%;min-width:0}.detail-audio .dl-btn{text-align:center}.reading-card .lyrics-tabs{padding:1rem;gap:.5rem;display:flex;flex-wrap:wrap;border-bottom:1px solid #efdfc9}.reading-card [role=tabpanel]{padding:1.5rem 2rem}.reading-card [hidden]{display:none!important}.reading-card h2{font-size:1.1rem;color:var(--saffron-d);margin-bottom:1rem}.reading-card .verse{font-family:var(--font-hi);white-space:pre-line;line-height:2;font-size:1.1rem;margin-bottom:1rem}.sync-line{display:block;width:100%;text-align:left;padding:.8rem 1rem;border-radius:10px;color:#70604f;font-family:var(--font-hi);font-size:1.1rem;line-height:1.8}.sync-line.active{background:#fff0d6;color:#8b300c;box-shadow:inset 3px 0 #e05c1a}.availability,#sync-status,#audio-status{font-size:.9rem;color:#746354}#sync-lines{max-height:65vh;overflow-y:auto;overscroll-behavior:contain}#sync-status{margin-bottom:1rem}@media(max-width:700px){.detail-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.player-card{position:static;padding:1rem}.detail-art{height:240px}.detail-page{padding:1rem .8rem 2rem}.reading-card [role=tabpanel]{padding:1.25rem}.breadcrumbs{font-size:.75rem}.section-header{flex-wrap:wrap}.app-badge{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.collection-guide{max-width:1100px;margin:1rem auto 3rem;padding:1.5rem 2rem;background:#fffdf8;border:1px solid #efdfc9;border-radius:18px}.collection-guide h2,.editorial-card h2{font-size:1.3rem;margin-bottom:.8rem}.collection-guide p,.editorial-card p{margin:.8rem 0;max-width:78ch}.editorial-card{padding:2rem;background:#fffdf8;border:1px solid #efdfc9;border-radius:20px;margin-top:1.5rem;overflow-wrap:anywhere}.editorial-card h1{font-size:2rem;margin-bottom:1rem}.editorial-card h2,.editorial-card h3{margin-top:1.4rem}.verse-guide{padding:1rem 0;border-bottom:1px solid #efdfc9}.verse-guide:last-child{border:0}.verse-guide h3{font-size:.8rem;color:var(--saffron-d);margin-bottom:.8rem}.verse-guide h4{font-size:.85rem;color:#746354;margin:.8rem 0 .3rem}.verse-guide .roman{white-space:pre-line}.app-preview-note{color:#fff}.app-preview-note a{color:var(--gold-l)}@media(max-width:700px){.collection-guide{margin:1rem .8rem 2rem;padding:1.25rem}.editorial-card{padding:1.25rem}.editorial-card h1{font-size:1.6rem}}

/* Preserve each recording artwork's natural proportions in the full collection. */
.masonry-grid{display:block;columns:4;column-gap:1.25rem}
.masonry-grid .aarti-card{break-inside:avoid;margin-bottom:1.25rem}
.masonry-grid .card-image{height:auto;aspect-ratio:auto}
.masonry-grid .card-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.pagination{column-span:all;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1.5rem 0}
.pagination a{padding:.55rem .9rem;border:1px solid #e6c9b0;border-radius:8px}
.pagination [aria-current=page]{background:var(--brown);color:white}
@media(max-width:1000px){.masonry-grid{columns:3}}
@media(max-width:700px){.masonry-grid{columns:2}}
@media(max-width:400px){.masonry-grid{columns:1}}
