Large Print Lyrics by robartsd

/* ==UserStyle==
@name       Large Print Lyrics
@version    20240318.17.19
@namespace  ?
==/UserStyle== */
@-moz-document url-prefix("https://www.churchofjesuschrist.org/media/music/songs/") {
    :root {
        --lyricsFontSize: 40pt;
        --titleFontSize: 40pt;
        --pageMargin: .75in;
        orphans: 3;
        widows: 3;
    }

    [class*="LyricVerse__PadBox"]:has(p+p) {
        /*
        some songs have notes in the lyrics section that show up as single line verses
        :has(p+p) prevents this rule from matching these non-lyric elements
        */
        padding: 0;
        margin: 0;
        padding-block-end: calc(var(--lyricsFontSize) * .4);
        font-size: var(--lyricsFontSize);
        font-weight: bold;
        line-height: 1.1;
        text-wrap: balance;
        & * {
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
            display: inline;
            &::after {
                content: " ";
            }
        }
    }

    @media print {
        @page {
            margin: .25in;
            size: portrait;
            counter-increment: page;
        }
        * {
            box-sizing: border-box;
        }
        p,
        [class*="Songs__PageWrapper"],
        [class*="Songs__PageWrapper"] > *,
        [class*="BreadCrumbs__BreadCrumbsStyleWrapper"],
        [class*="Songs__PageSplitWrapper"],
        [class*="Songs__PageSplitWrapper"] > *,
        [class*="Songs__PadBox"] {
            width: auto;
            margin: 0;
            padding: 0;
            max-width: unset;
        }

        [class*="Songs__PageWrapper"] {
            padding: 0 .5in;
        }
        [class*="Songs__PageSplitWrapper"] {
            display: block;
        }
        [class*="Songs__StyledChevrons"],
        [class*="Songs__StyledButtonBar"],
        [class*="Songs__StyledAudioPlayer"],
        [class*="Songs__StyledVideo"] {
            display: none;
        }
        [class*="BreadCrumbs__BreadCrumbsStyleWrapper"] {
            & li {
                display: none;
            }
            & li:last-child {
                /* title */
                display: block;
                width: 100%;
                margin: 0;
                padding: 0;
                text-wrap: balance;
                & * {
                    /* title */
                    font-size: var(--titleFontSize);
                    font-weight: bold;
                    text-decoration: underline;
                    line-height: 1;
                    padding-block-end: calc(var(--titleFontSize) * .5);
                }
                & *::after {
                    display: none;
                }
            }
        }
        [class*="Songs__Padding"] {
            padding-top: 0;
        }
        [class*="SidePanel__LeftAndRightMargins"] {
            page-break-inside: avoid;
            column-count: 3;
            column-gap: 1.5em;
            & > *:nth-child(-n + 9) {
                display: none;
                font-size: 16px;
                font-weight: normal;
                margin: 0;
                position: fixed;
                padding: 0 .25in;
                height: .5in;
                transform: rotate(-90deg);
                align-items: center;
                justify-content: center;
                text-align: center;
                text-wrap: balance;
            }
            & > [class*="SidePanel__SidePanelTitle"] {
                /* song title in margin */
                display: flex;
                width: 4.25in;
                right: 0;
                bottom: 50%;
                transform-origin: bottom right;
            }
            & > *:nth-child(7) {
                /* collection in margin */
                display: flex;
                width: 4.25in;
                left: 100%;
                bottom: 50%;
                transform-origin: bottom left;
            }
            & > *:nth-child(9) {
                /* song number in margin */
                display: flex;
                justify-content: flex-end;
                width: 1in;
                padding-right: 0;
                right: 0;
                bottom: 100%;
                transform-origin: bottom right;
                font-size: 36px;
                font-weight: bold;
            }
            & * {
                -webkit-column-break-before: avoid;
                -webkit-column-break-inside: avoid;
            }
            & [class*="SidePanel__SidePanelSmallTitle"] {
                -webkit-column-break-before: auto;
                margin-block-start: .5em;
                margin-block-end: 0;
            }
        }
    }
}