/* FolkScore squeezebox pages (on top of chords.css and fretboard.css) */
.caveat{border-left:4px solid var(--accent);background:#f7fafd}
.caveat p{margin:6px 0;font-size:16px}
.sq-h3{font-weight:400;font-size:18px;color:var(--band);margin:16px 0 8px}
.sq-h3 small{font-size:14px;color:var(--muted);font-style:italic;margin-left:6px}
.sq-boards{display:block}
.sq-boards.sbs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:900px){.sq-boards.sbs{grid-template-columns:1fr}}
.sq-card{margin:10px 0;overflow-x:auto}
.sq-side{font-weight:400;font-family:"IM Fell English SC",Georgia,serif;color:var(--band);font-size:19px;margin:0 0 6px 4px}
.sq-side small{font-family:"IM Fell English",Georgia,serif;font-style:italic;color:var(--muted);font-size:14px;margin-left:6px}
.sq-svg{display:block;width:100%;height:auto}
.sq-svg.keys{max-width:1100px}
.sq-svg .rowlab{font-size:13px;fill:var(--muted);font-style:italic;font-family:"IM Fell English",Georgia,serif}
.btnq .ring{fill:none;stroke:#7f93ab;stroke-width:1.3}
.btnq .split{stroke:#7f93ab;stroke-width:1}
.half{cursor:pointer}
.half path,.half circle{fill:#f3f6fa;stroke:none}
.half.whole circle{stroke:#7f93ab;stroke-width:1.3}
.half text{font-size:11.5px;font-family:Georgia,serif;fill:#9aa9ba;pointer-events:none}
.half.st-in path,.half.st-in circle{fill:#dbe8f6}
.half.st-in text{fill:var(--band);font-weight:700}
.half.st-root path,.half.st-root circle{fill:var(--band)}
.half.st-root text{fill:#fff;font-weight:700}
.half.st-plain path,.half.st-plain circle{fill:#fff}
.half.st-plain text{fill:#3b4c5e}
.bass .half text.small{font-size:10px}
.half.on path,.half.on circle{fill:var(--hot)!important}
.half.on text{fill:#fff!important}
.half:focus{outline:none}
.dimple{fill:#7f93ab}
.key{cursor:pointer}
.key.white rect{fill:#fff;stroke:#7f93ab}
.key.black rect{fill:#2b3a4b;stroke:#1d2b3a}
.key text{font-size:10.5px;font-family:Georgia,serif;pointer-events:none}
.key.white text{fill:#9aa9ba}
.key.black text{fill:#7f93ab;font-size:8.5px}
.key.white.st-in rect{fill:#dbe8f6}.key.white.st-in text{fill:var(--band);font-weight:700}
.key.black.st-in rect{fill:#4f7bb0}.key.black.st-in text{fill:#fff}
.key.st-root rect{fill:var(--band)!important}.key.st-root text{fill:#fff!important;font-weight:700}
.key.on rect{fill:var(--hot)!important}.key.on text{fill:#fff!important}
@page{size:A4 landscape;margin:10mm}
@media print{.caveat{display:none}.sq-boards.sbs{grid-template-columns:1fr 1fr}}
@media print{.sq-svg{min-width:0!important}}

/* push and pull in their own colours: green for push (bellows in), red for pull (bellows out) */
.half.push.st-in path{fill:#d6efda}.half.push.st-in text{fill:#1d6b31}
.half.push.st-root path{fill:#2e7d3e}.half.push.st-root text{fill:#fff}
.half.pull.st-in path{fill:#f9dcd6}.half.pull.st-in text{fill:#a3321f}
.half.pull.st-root path{fill:#b8452f}.half.pull.st-root text{fill:#fff}
.half.push.st-out text{fill:#9fc5a8}.half.pull.st-out text{fill:#e3aba1}
.half.push.st-plain text{fill:#1d6b31}.half.pull.st-plain text{fill:#a3321f}
/* the note you tapped, or the one sounding in the scale: gold, so it never looks like push or pull */
.half.on path,.half.on circle{fill:#e8b100!important}
.half.on text{fill:#1d2b3a!important}
.key.on rect{fill:#e8b100!important}.key.on text{fill:#1d2b3a!important}
.sn.on .head,.sn.on path{fill:#c99700!important}.sn.on .hit{fill:#fbf1d2!important}
.pp{display:inline-flex;flex-wrap:wrap;gap:4px 14px;font-family:"IM Fell English",Georgia,serif;font-size:14px;color:var(--muted);margin-left:10px;font-style:normal}
.pp i{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.pp i.g{background:#2e7d3e}.pp i.r{background:#b8452f}.pp i.y{background:#e8b100}