.kirtan-library{scroll-margin-top:110px}.library-total{font-size:.94rem;color:var(--muted,#655875);white-space:nowrap}.kirtan-player{background:#f4eff9;border:1px solid #d9cde8;padding:24px;margin:24px 0;border-radius:12px}.kirtan-player h3{margin:0 0 8px;font:600 clamp(21px,2vw,27px)/1.3 Georgia,serif;color:#35214f;overflow-wrap:anywhere}.kirtan-player>p:not(.eyebrow){margin:8px 0;color:#655875}.kirtan-player audio{width:100%;display:block;margin:18px 0;min-width:0}.player-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.player-actions>a{padding:12px 6px;text-decoration:underline;text-underline-offset:4px}.player-status{min-height:1.4em;font-size:.92rem}.kirtan-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin:24px 0 12px}.kirtan-filters label,.search-form label{display:block;font-size:.95rem;font-weight:700;margin-bottom:8px}.kirtan-filters input,.kirtan-filters select,.search-form input{width:100%;min-height:48px;font:inherit;border:1px solid #c5b8d4;border-radius:7px;background:#fff;color:#2f2147;padding:10px 12px;min-width:0}.kirtan-list{list-style:none;margin:0;padding:0}.kirtan-list>li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #e0d8e8;scroll-margin-top:105px}.kirtan-list>li[hidden],.media-card[hidden],[hidden]{display:none!important}.track-number{font-variant-numeric:tabular-nums;color:#77618e}.track-info h3{margin:0 0 8px;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.track-info p{margin:0;color:#655875;font-size:.88rem;line-height:1.6}.track-actions{display:flex;align-items:center;gap:16px}.track-actions a{padding:12px 0;text-decoration:underline;text-underline-offset:4px;font-size:.94rem}.track-actions button{min-width:100px}.kirtan-list .is-current .track-info h3{color:#70448e}.kirtan-list .is-current{border-left:3px solid #6d4ba0;padding-left:12px;background:#faf7fd}.search-form{display:flex;gap:12px;align-items:end;max-width:850px;margin:28px 0}.search-form>div{flex:1;min-width:0}.search-results{display:grid;gap:18px;list-style:none;margin:22px 0;padding:0}.search-results li{padding:22px;border:1px solid #ded4e8;border-radius:9px}.search-results h2{font-size:1.2rem;margin:0 0 8px}.search-results a{text-decoration:underline;text-underline-offset:4px}.search-results p{margin:0;font-size:.95rem;color:#655875;line-height:1.6}.search-type{display:block;font-size:.8rem;margin-bottom:7px;color:#77618e}.media-filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.media-filters button{font:inherit;min-height:44px;padding:8px 18px;border-radius:100px;border:1px solid #bca9cf;background:white;color:#35214f;cursor:pointer}.media-filters button[aria-pressed=true]{background:#604081;color:white;border-color:#604081}.copy-status{min-height:1.5em;color:#655875}.empty-state{padding:22px;background:#f5f1f8;line-height:1.6}.source-note a{text-decoration:underline;text-underline-offset:3px}input:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible,audio:focus-visible{outline:3px solid #aa691f;outline-offset:4px}.photo-viewer{border:0;padding:18px;background:#fff;color:#35214f;max-width:min(96vw,1200px);max-height:94dvh}.photo-viewer::backdrop{background:rgba(24,13,37,.85)}.photo-viewer img{max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}.photo-viewer form{display:flex;justify-content:end;margin-bottom:10px}.photo-viewer p{margin:10px 0 0;line-height:1.5}
@media(max-width:680px){.kirtan-library{scroll-margin-top:90px}.section-heading:has(.library-total){display:block}.library-total{display:block;margin:10px 0}.kirtan-player{padding:18px}.kirtan-filters{grid-template-columns:1fr}.kirtan-filters>button{justify-self:start}.kirtan-list>li{grid-template-columns:24px minmax(0,1fr);gap:10px;padding:18px 0}.track-actions{grid-column:2;justify-content:flex-start;gap:22px}.track-actions button{min-width:110px}.track-info h3{font-size:1rem}.player-actions{gap:8px}.player-actions .button{padding:10px 14px;font-size:.92rem}.search-form{flex-wrap:wrap}.search-form>div{flex-basis:100%}.kirtan-list .is-current{padding-left:8px}.photo-viewer{padding:12px}}

.kirtan-player-anchor{position:relative;display:flow-root;margin:24px 0;scroll-margin-top:calc(var(--header-height,84px) + 16px)}
.kirtan-player-anchor .kirtan-player{margin:0}
.kirtan-player-sentinel{position:absolute;bottom:0;left:0;width:1px;height:1px;pointer-events:none}
.kirtan-player.is-compact{position:fixed;z-index:35;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;width:min(960px,calc(100% - 32px));margin:0 auto;padding:8px 16px calc(10px + env(safe-area-inset-bottom,0px));border:1px solid #bca9cf;border-bottom:0;border-radius:12px 12px 0 0;background:#f4eff9;box-shadow:0 -5px 24px rgb(37 20 57 / 17%)}
.kirtan-player.is-compact h3{grid-column:1;grid-row:1;min-width:0;margin:0;font:600 16px/1.4 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kirtan-player.is-compact .player-expand{grid-column:2;grid-row:1;min-height:44px;margin:0;padding:7px 12px;font-size:14px;white-space:nowrap}
.kirtan-player.is-compact audio{grid-column:1/-1;grid-row:2;width:100%;height:44px;margin:0}
.kirtan-player.is-compact>.eyebrow,.kirtan-player.is-compact>#current-kirtan-album,.kirtan-player.is-compact>.player-actions{display:none}
.kirtan-player.is-compact>.player-status{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.kirtan-docked{padding-bottom:var(--kirtan-dock-height,120px)}
html:has(body.kirtan-docked){scroll-padding-bottom:calc(var(--kirtan-dock-height,120px) + 12px)}
.kirtan-docked :focus-visible{scroll-margin-bottom:calc(var(--kirtan-dock-height,120px) + 12px)}
@media(max-width:680px){.kirtan-player.is-compact{width:100%;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));border-left:0;border-right:0;border-radius:10px 10px 0 0;gap:2px 8px}.kirtan-player.is-compact h3{font-size:14px}.kirtan-player.is-compact .player-expand{padding-inline:10px;font-size:13px}}

/* Keep the kirtan filters on one measured, symmetrical control grid. */
.kirtan-filters{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 160px;
  gap:16px;
  padding:20px;
  border:1px solid #ded4e8;
  border-radius:12px;
  background:#faf7fd;
}
.kirtan-filters>div{min-width:0}
.kirtan-filters input,
.kirtan-filters select,
.kirtan-filters>button{
  width:100%;
  height:52px;
  min-height:52px;
  margin:0;
}
.kirtan-filters input,
.kirtan-filters select{border-radius:8px}
.kirtan-filters>button{justify-content:center}

@media(max-width:680px){
  .kirtan-filters{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    padding:18px;
  }
  .kirtan-filters>button{justify-self:stretch}
}