/* FolkScore fingering pages: the neck and the stave (on top of chords.css) */
.chip .cn{letter-spacing:.08em;opacity:.75;margin-left:4px;font-size:13px}
.fb-what{margin:8px 0 0;color:var(--muted);font-style:italic;font-size:15px;min-height:1em}
.fb-card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 10px;margin:10px 0;overflow-x:auto}
.fb-neck svg{display:block;width:100%;min-width:760px;height:auto}
.fb-staff svg{display:block;width:100%;height:auto}
.neck .wood{fill:#efe4d2}
.neck .posband{fill:#cfe0f3;opacity:.75}
.neck .nut{fill:#1d2b3a}
.neck .fret{stroke:#8a9bb0;stroke-width:2}
.neck .inlay{fill:#d7c7ad}
.neck .string{stroke:#5d6d7e}
.neck .peg{fill:#5d6d7e}
.neck .sname{font-family:"IM Fell English SC",Georgia,serif;font-size:17px;fill:var(--band)}
.neck .fretno{font-size:12px;fill:#8a9bb0;font-family:Georgia,serif}
.neck .fretno.dot{fill:var(--band)}
.mk{cursor:pointer}
.mk circle{fill:#fff;stroke:var(--accent);stroke-width:2}
.mk text{font-size:12px;font-family:Georgia,serif;fill:var(--band);pointer-events:none}
.mk.root circle{fill:var(--band);stroke:var(--band)}
.mk.root text{fill:#fff}
.mk.out circle{fill:#e7ecf2;stroke:#b7c3d1;stroke-width:1}
.mk.out text{fill:#8a9bb0;font-size:10px}
.mk.far{opacity:.28}
.mk.on circle{fill:var(--hot);stroke:var(--hot)}
.mk.on text{fill:#fff}
.mk:focus{outline:none}.mk:focus-visible circle{stroke-width:3.5}
.sn{cursor:pointer}
.sn .hit{fill:transparent}
.sn:hover .hit{fill:#eef4fb}
.sn .head{fill:#1d2b3a}
.sn.root .head{fill:var(--band)}
.sn .nlab{font-size:12px;font-family:Georgia,serif;fill:var(--muted)}
.sn.root .nlab{fill:var(--band);font-weight:700}
.sn.on .head,.sn.on path{fill:var(--hot)}
.sn.on .hit{fill:#fbefec}
.fb-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted);margin:6px 4px 0}
.fb-legend span{display:inline-flex;align-items:center;gap:6px}
.fbk{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--accent);background:#fff}
.fbk.root{background:var(--band);border-color:var(--band)}
.fbk.out{background:#e7ecf2;border:1px solid #b7c3d1}
.fbk.band{border-radius:3px;background:#cfe0f3;border-color:#cfe0f3}
@page{size:A4 landscape;margin:10mm}
@media print{
  .fb-card{border:0;padding:0;overflow:visible}
  .fb-neck svg,.fb-staff svg{min-width:0!important}
  .tools{display:none}
}