/* One full-width reading scroll area, including the blank margins. */
@media screen{
 html:has(dialog.lyricsViewerDialog[open]){overflow:hidden;scrollbar-gutter:auto}
 body:has(dialog.lyricsViewerDialog[open]){overflow:hidden}
 dialog.lyricsViewerDialog #modal,.lyricsViewer{width:100%}
 .lyricsFullText{width:100%;max-width:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}
 .lyricsTextContent{width:fit-content;max-width:min(760px,100%);margin:0 auto;padding:48px 28px 100px}
}
@media screen and (max-width:600px){
 .lyricsTextContent{width:100%;max-width:none;padding:26px 20px calc(50px + env(safe-area-inset-bottom))}
}
@media print{.lyricsTextContent{width:auto;max-width:none;margin:0;padding:0}}