.lyric-page{max-width:var(--content-reading);margin:auto}.lyric-page-parallel{max-width:var(--content-wide)}.lyric-header{margin-bottom:2rem}.lyric-header h1{margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.3}.lyric-header h1[lang=ur]{line-height:1.9}.lyric-header-title-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.lyric-title-block{flex:1;min-width:0}.lyric-header-actions{flex:none;align-items:center;gap:.55rem;display:flex}.alternate-title{color:var(--secondary-text);font-size:1.15rem}.category-pill{border:1px solid var(--border-colour);background:var(--surface-background);color:var(--secondary-text);border-radius:999px;flex:none;padding:.4rem .75rem;font-size:.82rem;font-weight:700;text-decoration:none}.category-pill:hover{background:var(--tag-background);color:var(--primary-text)}.category-pill:focus-visible{outline:var(--focus-ring);outline-offset:3px}.lyric-cover{object-fit:contain;aspect-ratio:auto 3/4;border-radius:.75rem;width:100%;max-width:48rem;height:auto;max-height:none;margin:2rem auto}.lyric-details{flex-wrap:wrap;gap:1rem 2rem;margin:2rem 0;display:flex}.lyric-details div{min-width:7rem}.lyric-details dt{color:var(--secondary-text);text-transform:uppercase;font-size:.8rem;font-weight:700}.lyric-details dd{margin:0}.lyric-details dd a{color:inherit;text-decoration-color:var(--border-colour);text-underline-offset:.2em}.lyric-details dd a:hover{text-decoration-color:currentColor}.lyric-details a:focus-visible,.tag-link:focus-visible,.lyric-neighbor-nav a:focus-visible{outline:var(--focus-ring);outline-offset:3px}.lyric-reading-grid{border:1px solid var(--border-colour);background:var(--surface-background);border-radius:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"roman urdu";gap:0;display:grid;overflow:hidden}.lyric-reading-grid-single{max-width:48rem;margin-inline:auto;display:block}.lyric-reading-panel{min-width:0;padding:clamp(1.15rem,2.6vw,2.1rem)}.lyric-reading-urdu{grid-area:urdu;font-size:clamp(1.35rem,3vw,1.8rem)}.lyric-reading-roman{border-right:1px solid var(--border-colour);grid-area:roman;font-size:clamp(1.05rem,2.5vw,1.25rem)}.lyric-version-heading{border-bottom:1px solid var(--border-colour);color:var(--secondary-text);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1.25rem;padding-bottom:.75rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.82rem;font-weight:800;line-height:1.3}.lyric-reading-urdu .lyric-version-heading{text-align:right}.lyric-reading-roman .lyric-version-heading{text-align:left}.lyrics-text,.roman-lyrics-text{white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;margin-top:0}.lyrics-text{text-align:start;font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,serif;font-size:1em;line-height:2.7}.roman-lyrics-text{text-align:left;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1em;line-height:2}.lyric-reading-grid[data-reading-mode=urdu],.lyric-reading-grid[data-reading-mode=roman]{max-width:48rem;margin-inline:auto}.lyric-reading-grid[data-reading-mode=urdu]{grid-template-columns:minmax(0,48rem);grid-template-areas:"urdu";justify-content:center}.lyric-reading-grid[data-reading-mode=roman]{grid-template-columns:minmax(0,48rem);grid-template-areas:"roman";justify-content:center}.lyric-reading-grid[data-reading-mode=urdu] .lyric-reading-roman,.lyric-reading-grid[data-reading-mode=roman] .lyric-reading-urdu{display:none}.lyric-reading-grid[data-reading-mode=roman] .lyric-reading-roman{border-right:0;grid-area:roman;display:block}.lyric-reading-grid[data-reading-mode=urdu] .lyric-reading-urdu{grid-area:urdu;display:block}.lyric-reading-grid[data-font-size=small] .lyric-reading-urdu{font-size:clamp(1.15rem,2.6vw,1.5rem)}.lyric-reading-grid[data-font-size=small] .lyric-reading-roman{font-size:clamp(.95rem,2.2vw,1.1rem)}.lyric-reading-grid[data-font-size=large] .lyric-reading-urdu{font-size:clamp(1.55rem,3.4vw,2.05rem)}.lyric-reading-grid[data-font-size=large] .lyric-reading-roman{font-size:clamp(1.18rem,2.8vw,1.42rem)}.lyric-reading-grid[data-font-size=xlarge] .lyric-reading-urdu{font-size:clamp(1.75rem,3.9vw,2.35rem)}.lyric-reading-grid[data-font-size=xlarge] .lyric-reading-roman{font-size:clamp(1.3rem,3.1vw,1.6rem)}.lyric-reading-grid[data-line-spacing=compact] .lyrics-text{line-height:2.2}.lyric-reading-grid[data-line-spacing=compact] .roman-lyrics-text{line-height:1.65}.lyric-reading-grid[data-line-spacing=default] .lyrics-text{line-height:2.7}.lyric-reading-grid[data-line-spacing=default] .roman-lyrics-text{line-height:2}.lyric-reading-grid[data-line-spacing=relaxed] .lyrics-text{line-height:3.15}.lyric-reading-grid[data-line-spacing=relaxed] .roman-lyrics-text{line-height:2.35}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:3rem;display:flex}.tag-list-label{color:var(--secondary-text);text-transform:uppercase;align-items:center;font-size:.78rem;font-weight:800;display:inline-flex}.tag-list .tag-link{background:var(--tag-background);color:inherit;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.85rem;text-decoration:none;display:inline-flex}.tag-list .tag-link:hover{text-decoration:underline}.lyric-neighbor-nav{border-top:1px solid var(--border-colour);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.75rem;margin-top:3rem;padding-top:1.25rem;display:grid}.lyric-neighbor-slot{min-width:0}.lyric-neighbor-slot>a,.lyric-neighbor-category{border:1px solid var(--border-colour);background:var(--surface-background);border-radius:.7rem;flex-direction:column;justify-content:center;min-height:4.5rem;padding:.75rem .9rem;text-decoration:none;display:flex}.lyric-neighbor-slot>a:hover,.lyric-neighbor-category:hover{background:var(--tag-background)}.lyric-neighbor-next>a{text-align:right}.lyric-neighbor-label{color:var(--secondary-text);text-transform:uppercase;font-size:.72rem;font-weight:800}.lyric-neighbor-title{text-overflow:ellipsis;margin-top:.2rem;font-size:.9rem;font-weight:700;line-height:1.45;overflow:hidden}.lyric-neighbor-category{min-height:auto;color:var(--secondary-text);text-align:center;align-items:center;font-size:.78rem;font-weight:700}@media (width>=921px){.lyric-reading-grid[data-reading-mode=parallel]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"roman urdu";display:grid}.lyric-reading-grid[data-reading-mode=parallel] .lyric-reading-roman{border-top:0;border-right:1px solid var(--border-colour);grid-area:roman;display:block}.lyric-reading-grid[data-reading-mode=parallel] .lyric-reading-urdu{grid-area:urdu;display:block}}@media (width<=920px){.lyric-reading-grid[data-reading-mode=parallel]{grid-template-columns:1fr;grid-template-areas:"urdu""roman"}.lyric-reading-grid[data-reading-mode=parallel] .lyric-reading-urdu{grid-area:urdu;display:block}.lyric-reading-grid[data-reading-mode=parallel] .lyric-reading-roman{border-top:1px solid var(--border-colour);border-right:0;grid-area:roman;display:block}.lyric-reading-grid[data-reading-mode=urdu],.lyric-reading-grid[data-reading-mode=roman]{grid-template-columns:1fr}.lyric-neighbor-nav{grid-template-columns:1fr 1fr}.lyric-neighbor-category{grid-area:2/1/auto/-1}}@media (width<=700px){.lyric-header-title-row{flex-direction:column;align-items:flex-start}.lyric-header-actions{flex-wrap:wrap;order:-1}.category-pill{order:-1}.lyric-neighbor-nav{grid-template-columns:1fr}.lyric-neighbor-category{order:-1;grid-area:auto}.lyric-neighbor-next>a{text-align:left}}