/* Reusable canonical-song HTML rendering styles. Link this with renderer.js. */
.lyric-renderer{color:#1d2931;background:#f8f8f4;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.lyric-renderer .song-sheet{padding:27px 24px 50px;margin:0 auto;max-width:740px;font-size:17px;line-height:1.7}
.song-head{border-bottom:1px solid #dce0dd;padding:0 0 14px;margin-bottom:23px}
.song-title{margin:0 0 2px;font-size:clamp(20px,5vw,29px);line-height:1.25;letter-spacing:-.025em;color:#18262f}
.song-credit,.song-facts{font-size:12px;color:#5d6b72;line-height:1.7}
.song-facts{margin-top:5px}
.song-section{margin:0 0 23px}
.section-label{font-size:11px;letter-spacing:.11em;font-weight:800;text-transform:uppercase;color:#7b8b8f;margin:0 0 11px}
.lyric-line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.55em;line-height:1.65}
.empty-preview,.sync-help{font-size:13px;color:#68767c;line-height:1.5;margin-bottom:18px}
.mode-chords .song-section{overflow-x:auto;overscroll-behavior-x:contain}
.chord-row{display:flex;width:max-content;max-width:none;min-height:3.1em;align-items:stretch;line-height:1.4;margin:0 0 3px;font-size:15px}
.chord-segment{display:inline-flex;flex-direction:column;justify-content:flex-end;white-space:pre;flex:0 0 auto;min-width:0}
.chord-name{font-size:12px;line-height:1.35;white-space:pre;color:#007d82;font-weight:800;min-height:1.35em;padding-right:.55ch}
.chord-text{line-height:1.6;white-space:pre;color:#1b2c37}
.chord-annotation{font-size:12px;line-height:1.4;margin:3px 0 9px;padding:6px 8px;background:#edf4f3;border-left:3px solid #279e9a;color:#496268;width:max-content;max-width:100%}
.chord-annotation.comment_box{border:1px solid #279e9a}
.chord-annotation.comment_italic{font-style:italic}
.mode-sync .timed-line{white-space:pre-wrap;overflow-wrap:anywhere;color:#8f9b9f;font-weight:700;font-size:clamp(17px,4vw,23px);line-height:1.6;min-height:1.65em;transition:color .12s,opacity .12s;opacity:.6;padding:3px 0}
.mode-sync .timed-line.is-current{color:#293c43;opacity:1}
.mode-sync .timed-line.is-past{color:#819295;opacity:.8}
.mode-sync .timed-line.seekable{cursor:pointer;border-radius:4px}
.mode-sync .timed-line.seekable:focus-visible{outline:2px solid #008e87;outline-offset:2px}
.timed-word.is-done{color:#00877f}
.timed-word.is-current{background:linear-gradient(90deg,#008a83 var(--fill,0%),#293c43 var(--fill,0%));color:transparent;-webkit-background-clip:text;background-clip:text}
.blank-line{display:inline-block;min-height:1em}
@media(max-width:720px){.lyric-renderer .song-sheet{padding:22px 17px 42px}.chord-row{font-size:14px}}