.sd-hero{text-align:center;margin:var(--space-md) 0 var(--space-sm)}.sd-hero-g{font-family:var(--font-gurmukhi);font-size:var(--text-3xl);color:var(--text-gurmukhi);line-height:var(--leading-snug);margin:0 0 var(--space-2xs)}.sd-hero-t{font-family:var(--font-heading);font-weight:var(--weight-regular);font-size:var(--text-display-sm);line-height:var(--leading-tight);color:var(--text-gold);margin:0;text-wrap:balance}.sd-hero-src{color:var(--text-muted);font-size:var(--text-base);margin:var(--space-2xs) 0 var(--space-sm)}.sd-hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs)}.sd-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);margin:var(--space-md) 0}.sd-stage{display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:border-color .2s,background .2s}.sd-stage b{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold)}.sd-stage span{font-size:var(--text-xs)}.sd-stage:hover{border-color:var(--border-gold)}.sd-stage.active{border-color:var(--border-gold-hi);background:hsl(var(--gold-base) / .1)}.sd-stage.active b{color:var(--text-gold)}.sd-body{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-lg)}.sd-card{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card)}.sd-card h3{margin:var(--space-sm) 0 var(--space-2xs);font-size:var(--text-base);color:var(--text-gold);font-weight:var(--weight-semibold)}.sd-card-h{color:var(--text-gold);font-weight:var(--weight-semibold)}.sd-note p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.sd-note b{color:var(--text-gold);font-weight:var(--weight-medium)}.sd-sub{color:var(--text-muted);font-size:var(--text-sm)}.sd-prose{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:var(--measure);margin:var(--space-2xs) 0 0}.sd-more{margin:0;text-align:center;font-size:var(--text-base)}.sd-more a,.sd-hint b{color:var(--text-gold)}.sd-raag-h{display:flex;gap:var(--space-xs);align-items:baseline;flex-wrap:wrap}.sd-raag-h b{color:var(--text-gold);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.sd-tag{font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.15rem .6rem;background:var(--bg-card)}.sd-rasa{color:var(--text-primary);font-size:var(--text-lg);margin:var(--space-2xs) 0 0}.sd-dl{display:grid;grid-template-columns:auto 1fr;gap:.25em var(--space-md);margin:var(--space-sm) 0 0;font-size:var(--text-base)}.sd-dl dt{color:var(--text-muted)}.sd-dl dd{margin:0;color:var(--text-primary)}.sd-play{flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--border-gold);background:transparent;color:var(--text-gold);cursor:pointer;transition:background .2s,color .2s}.sd-play .wi-ico{width:1rem;height:1rem}.sd-play:hover{background:hsl(var(--gold-base) / .12)}.sd-play.sd-playing{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.sd-play-lg{width:3rem;height:3rem}.sd-play-lg .wi-ico{width:1.3rem;height:1.3rem}.sd-play-sm{width:1.9rem;height:1.9rem}.sd-play-sm .wi-ico{width:.85rem;height:.85rem}.sd-phrase{display:flex;gap:var(--space-sm);align-items:flex-start}.sd-phrase b{color:var(--text-primary);font-weight:var(--weight-semibold)}.sd-svaras{display:flex;flex-wrap:wrap;gap:.3em;margin-top:.45em}.sd-sv{min-width:2.3em;text-align:center;padding:.15em .4em;border-radius:var(--radius-sm);background:hsl(var(--gold-base) / .08);color:var(--text-gold);font-size:var(--text-base)}.sd-breath{color:var(--text-muted);align-self:center}.sd-oct{font-style:normal;color:var(--text-muted);font-size:1.15em;line-height:0;margin:0 .04em}.sd-hold{color:var(--text-muted)}.sd-keys{display:flex;gap:3px;margin-top:var(--space-sm);overflow-x:auto;padding-bottom:2px}.sd-key{flex:1 0 2.8rem;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) .2rem;cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:hsl(var(--shade) / .06);color:var(--text-muted)}.sd-key.on{border-color:var(--border-gold);color:var(--text-gold);background:var(--bg-card)}.sd-key:hover{background:hsl(var(--gold-base) / .12)}.sd-key-sv{font-size:var(--text-base)}.sd-key-n{font-size:var(--text-2xs);opacity:.75}.sd-mel-h{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap}.sd-mel-h b{color:var(--text-gold);font-weight:var(--weight-semibold)}.sd-grid{display:grid;grid-template-columns:repeat(var(--sd-cols, 16),minmax(0,1fr));gap:2px;margin-top:var(--space-xs)}.sd-beat{position:relative;min-width:0;min-height:2.75rem;padding:.3rem .1rem .8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:hsl(var(--shade) / .05);border-radius:var(--radius-sm)}.sd-beat.grp{box-shadow:inset 1px 0 0 var(--border-gold)}.sd-beat.sam{background:hsl(var(--gold-base) / .12)}.sd-beat-sv{color:var(--text-gold);font-size:var(--text-sm);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sd-beat-v{position:absolute;left:0;right:0;bottom:.15rem;text-align:center;color:var(--text-muted);font-size:var(--text-2xs)}.sd-beat-g{font-family:var(--font-gurmukhi);color:var(--text-gurmukhi);font-size:var(--text-sm);line-height:1.2}.sd-grid-lyr{margin-top:var(--space-xs)}.sd-grid-lyr .sd-beat{padding-bottom:.3rem}.sd-tools{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.sd-tools-main{flex:1 1 14rem;display:flex;flex-direction:column;gap:2px}.sd-tools-main b{color:var(--text-gold);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.sd-toggles{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.sd-hint{margin:0;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.sd-section{margin:var(--space-sm) 0 0;color:var(--text-gold);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase}.sd-section .sd-sub{letter-spacing:0;text-transform:none;font-weight:var(--weight-regular)}.sd-verse{display:flex;gap:var(--space-sm);align-items:flex-start;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);transition:background .2s,box-shadow .2s}.sd-verse-body{flex:1 1 auto;min-width:0}.sd-l-syls{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25em .7em}.sd-word{display:inline-flex;flex-direction:column;align-items:center;padding:0 .15em;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.sd-word:hover,.sd-word.lit{background:hsl(var(--gold-base) / .12)}.sd-w-g{font-family:var(--font-gurmukhi);font-size:var(--text-2xl);color:var(--text-gurmukhi);line-height:1.4;white-space:nowrap}.sd-w-r{color:var(--text-roman);font-size:var(--text-sm);line-height:1.2;white-space:nowrap}.sd-syl{border-radius:3px}.sd-l-mean{margin:var(--space-xs) 0 0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);font-style:italic;max-width:var(--measure)}.sd-credit{margin:var(--space-sm) 0 0;color:var(--text-muted);font-size:var(--text-sm);font-style:italic;text-align:center}.sd-missing{margin-top:var(--space-lg);text-align:center}.sd-beat.sd-on,.sd-sv.sd-on{background:var(--gold)}.sd-beat.sd-on .sd-beat-sv,.sd-beat.sd-on .sd-beat-v,.sd-beat.sd-on .sd-oct,.sd-sv.sd-on,.sd-sv.sd-on .sd-oct{color:var(--on-gold)}.sd-verse.sd-on{background:hsl(var(--gold-base) / .1);box-shadow:inset 3px 0 0 var(--gold)}.sd-syl.sd-syl-on{background:var(--gold);color:var(--on-gold);box-shadow:0 0 0 2px var(--gold)}@media(max-width:720px){.sd-grid{grid-template-columns:repeat(var(--sd-cols-sm, 8),minmax(0,1fr))}.sd-stages{gap:var(--space-2xs)}.sd-stage{padding:var(--space-xs)}.sd-stage span{display:none}.sd-verse{padding:var(--space-xs);gap:var(--space-xs)}.sd-w-g{font-size:var(--text-xl)}}.sd-editbar{width:min(var(--layout-max-width),100% - 32px);margin:0 auto;text-align:right}.sd-editlink{display:inline-flex;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);border:1px dashed var(--border-gold);color:var(--text-gold);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none}.sd-editlink:hover{background:var(--gold-glow)}.sd-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-sm);width:min(760px,100% - 32px);margin:var(--space-md) auto var(--space-xl);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.sd-prev,.sd-next{display:flex;flex-direction:column;gap:2px;min-width:0;text-decoration:none;color:var(--text-primary)}.sd-next{text-align:right}.sd-prev small,.sd-next small{color:var(--text-gold);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.sd-prev span,.sd-next span{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-prev:hover span,.sd-next:hover span{color:var(--text-gold)}.sd-all{color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.sd-all:hover{border-color:var(--border-gold);color:var(--text-gold)}