:root{--reading-size:26px}.sitehead{max-width:1360px}.work-tabs{max-width:1312px;margin:0 auto 24px;display:flex;gap:10px;flex-wrap:wrap;padding:0 24px 16px;border-bottom:1px solid var(--line)}.work-tabs a{padding:12px 16px;text-decoration:none;border-radius:8px}.work-tabs [aria-current=page]{background:var(--green);color:white}.work-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;max-width:1312px;padding:0 24px;margin:auto}.song-library{border-right:1px solid var(--line);padding:16px 20px 0 0}.song-library h1{font-size:40px}.song-library input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px}#songlist{max-height:70vh;overflow:auto;margin-top:16px;display:grid;gap:4px;position:sticky;top:16px}.song-choice{width:100%;border:0;background:transparent;justify-content:start;text-align:left;gap:12px;font-size:16px}.song-choice>small{opacity:.65}.song-choice span small{display:block;font-size:12px;margin-top:4px}.song-choice[aria-current=true]{background:var(--green);color:white}.work-main{padding:12px 0;width:100%;max-width:none;min-width:0}.pagehead h2{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:0 0 20px}.reading-tools{margin:20px 0 24px;padding:18px;background:#eef1e8;border-radius:12px}.reader-options{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:14px}.reader-options>label{font-size:14px}.reader-options>label:has(input[type=checkbox]){flex-direction:row;align-items:center}.reader-options>label:first-child{flex:1;min-width:140px}.reading-tools .mix{margin:0}.reading-tools .mix label{font-size:14px}.stage .chordrow{padding:14px 22px;grid-template-columns:1fr 86px 1fr}.stage .chordrow h2{font-size:42px}.stage #grip svg{width:86px;height:110px}.current-words{font-size:24px;padding:14px 18px}.stagehint{min-height:0;padding-bottom:10px}.reader{margin:26px 0 30px}.reader>.rowhead{align-items:baseline;flex-wrap:wrap;gap:6px}.reader>.rowhead span{font-size:12px;color:var(--muted)}#fulllyrics h3{font-size:18px;font-weight:600;color:var(--green);margin:28px 0 12px}.read-measure{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;padding:10px 12px;border-left:4px solid transparent;border-radius:6px;align-items:baseline}.read-measure p{margin:0;font-size:var(--reading-size);line-height:1.6;overflow-wrap:anywhere}.read-measure button{border:0;background:transparent;display:flex;flex-direction:column;align-items:start;padding:0;min-height:42px}.read-measure button small{font-size:10px;color:var(--muted)}.read-measure button strong{font-size:21px;font-weight:600}.read-measure.active{background:#edf2e3;border-left-color:var(--green)}.read-measure.outside{opacity:.5}.read-measure p em{font-size:16px;color:var(--muted)}.current-syllable{background:var(--lime);border-radius:3px;text-decoration:underline;text-decoration-color:#18595366;text-underline-offset:5px}details.practice{padding:18px 0;border-top:1px solid var(--line)}details.practice>summary{font-size:17px;font-weight:600;cursor:pointer;margin-bottom:18px}.focused .song-library,.focused .work-tabs,.focused .pagehead{display:none}.focused .work-layout{display:block;max-width:1000px}.focused .reading-tools{margin-top:0}.focused .reader{display:block}@media(max-width:850px){.work-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.song-choice{font-size:14px}.read-measure{gap:10px;grid-template-columns:58px minmax(0,1fr)}}@media(max-width:650px){.work-layout{display:block;padding:0 16px}.song-library{border:0;padding:0}.song-library h1{font-size:32px;margin:6px 0 18px}.song-library h1 br{display:none}.song-library label,#songlist{display:none}.song-library .eyebrow{margin-top:12px}.work-tabs{padding:0 16px 10px;margin-bottom:12px;gap:4px}.work-tabs a{font-size:13px;padding:10px}.work-main{padding-top:6px}.pagehead h2{font-size:29px}.pagehead .eyebrow{display:none}.reader>.rowhead h2{font-size:20px}.reading-tools{padding:14px}.reading-tools .mix{grid-template-columns:1fr 1fr 1fr;gap:10px}.reading-tools .mix label{font-size:12px}.read-measure{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:9px 6px}.read-measure button strong{font-size:19px}.stage .chordrow{padding:12px;gap:10px}.reader-options{gap:12px}.reader-options button{font-size:13px}.read-measure p{line-height:1.5}.focused .song-library{display:none}}@media print{.song-library,.work-tabs,.reading-tools,.stage,.practice,.downloadcard,.new-songs{display:none!important}.work-layout{display:block}.reader{display:block}.read-measure{break-inside:avoid;padding:2px}.read-measure p{font-size:14px}.read-measure.active{background:transparent}.current-syllable{background:transparent;text-decoration:none}}
.read-line{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;padding:12px 8px;border-bottom:1px solid #dce1d766;align-items:baseline}.read-line>p{margin:0;font-size:var(--reading-size);line-height:1.65;overflow-wrap:anywhere}.read-chords{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.read-chords button{display:flex;flex-direction:column;align-items:start;background:transparent;border:0;padding:0;min-width:32px;min-height:44px}.read-chords small{font-size:10px;color:var(--muted)}.read-chords strong{font-size:20px}.read-measure{display:inline;padding:3px 0;border:0;border-radius:3px}.read-measure.active{background:#e5edda;border:0}.read-measure em{font-size:16px;color:var(--muted)}@media(max-width:650px){.read-line{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:10px 0}.read-chords{gap:4px}.read-chords button{min-width:28px}.read-chords strong{font-size:18px}.read-line>p{line-height:1.5}}@media print{.read-line{break-inside:avoid}.read-line>p{font-size:14px}}
/* Keep the score above the playback controls in focused play mode. */
.focused .reading-tools{padding:0;background:none;margin:8px 0 12px}.focused .reading-tools .mix,.focused .reading-tools .small,.focused .reader-options>label{display:none}.focused .reader-options{margin:0;justify-content:flex-end}.focused .scoreviewport #score{max-height:240px}.focused .stage .chordrow{padding-top:8px;padding-bottom:8px}.focused .stage #grip svg{height:84px}.focused .songmeta{margin-top:4px}