.song-heading{padding:22px 0 12px}.song-heading h1{font-size:clamp(28px,4vw,44px);max-width:26ch}.song-heading p{margin:8px 0;color:var(--ink-soft)}.song-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:var(--card);border:1px solid var(--rule)}.song-toolbar label{display:flex;gap:8px;align-items:center;font-size:14px}.song-toolbar input{width:110px;accent-color:var(--mimeo)}.song-guide,#songStatus{font-size:14px;line-height:1.5;margin:10px 0}.song-phrase{border-top:1px solid var(--rule);padding:14px 0;break-inside:avoid}.phrase-heading{display:flex;align-items:center;gap:16px;margin-bottom:10px}.phrase-heading h2{font-size:20px}.song-notes{display:flex;gap:7px;flex-wrap:wrap}.song-note{font:inherit;background:white;border:1px solid var(--rule);border-radius:4px;min-width:60px;padding:7px;display:flex;align-items:center;flex-direction:column;cursor:pointer;color:var(--ink)}.song-note strong{font-size:16px}.song-note svg{width:35px;height:88px;margin:5px 0}.song-note small{font-size:11px}.song-note:hover,.song-note.is-playing{background:var(--mimeo-soft);border-color:var(--mimeo)}.song-note.is-playing{outline:2px solid var(--mimeo)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mimeo);outline-offset:3px}.song-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:10px 0 24px}.song-card{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--rule);background:var(--card);padding:20px}.song-card h2{font-size:26px;margin:12px 0}.song-card span,.song-card p{color:var(--ink-soft)}.song-card strong{font-size:14px;color:var(--mimeo)}.song-card:hover{border-color:var(--mimeo)}.song-page .masthead nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.song-cards{grid-template-columns:1fr}.song-note{min-width:52px;padding:5px}.song-notes{gap:5px}.song-heading{padding-top:14px}.song-toolbar{gap:8px}.song-page .masthead .wrap{flex-wrap:wrap}.song-toolbar label{flex-wrap:wrap}.song-heading h1{font-size:29px}}
@media print{.song-page .masthead,.song-page footer,.song-page .practice-control,.song-heading>p:first-child,#songStatus,.song-page .prose{display:none!important}.song-page{background:#fff;font-size:11px}.song-page .wrap{max-width:none;padding:0}.song-heading{padding:0}.song-heading h1{font-size:24px}.song-guide{font-size:10px}.song-phrase{padding:8px 0}.phrase-heading{margin-bottom:5px}.phrase-heading h2{font-size:14px}.song-note{min-width:42px;padding:3px;break-inside:avoid}.song-note svg{height:60px;width:24px;margin:2px}.song-note strong{font-size:12px}.song-note small{font-size:9px}.song-notes{gap:4px}.song-note.is-playing{outline:none;background:#fff}}