/* Folio engraved score (redesign phase 3). Scoped to :root[data-ui="next"]; classic scores are unchanged.
   The score engines write voice colours as SVG attributes; CSS properties outrank presentation attributes,
   so ink is applied here without touching app.js, study-score.js or their IDs and data hooks. */
:root[data-ui="next"]{--score-ink:var(--folio-ink);--score-ink-2:var(--folio-ink-2);--score-staff:#7d8291;--score-sheet:var(--folio-sheet);--score-red:var(--folio-red)}
/* Voice colours become one ink. Each voice already has its own staff and name, so colour carried no extra information. */
:root[data-ui="next"] :is(.score-svg,.study-score) :is([stroke="#914323"],[stroke="#4f602c"],[stroke="#28616b"],[stroke="#604b7c"]){stroke:var(--score-ink)}
:root[data-ui="next"] :is(.score-svg,.study-score) :is([fill="#914323"],[fill="#4f602c"],[fill="#28616b"],[fill="#604b7c"]){fill:var(--score-ink)}
:root[data-ui="next"] :is(.score-svg,.study-score) [fill="#fffef8"]{fill:var(--score-sheet)}
/* Engraved noteheads: filled heads solid, hollow heads with a heavier ring; stems and ledgers as hairlines. */
:root[data-ui="next"] :is(.score-svg,.study-score) ellipse[transform^="rotate"]{stroke-width:1.75}
:root[data-ui="next"] :is(.score-svg,.study-score) ellipse[transform^="rotate"]:not([fill="#fffef8"]){stroke-width:.6}
:root[data-ui="next"] :is(.score-svg,.study-score) .note-group>line,:root[data-ui="next"] .study-note>line:not(.study-ledger){stroke-width:1}
:root[data-ui="next"] :is(.score-svg .note-group line[stroke-width=".8"],.study-score .study-ledger){stroke:var(--score-ink);stroke-width:.9}
:root[data-ui="next"] :is(.score-svg,.study-score) circle{fill:var(--score-ink)}
/* Staff, bars, clefs and signatures in ink. */
:root[data-ui="next"] :is(.score-svg .staff,.study-score line.staff){stroke:var(--score-staff);stroke-width:.75}
:root[data-ui="next"] :is(.score-svg,.study-score) .barline{stroke:var(--score-ink);stroke-width:1}
:root[data-ui="next"] :is(.score-svg,.study-score) :is(.clef,.note-accidental,.study-key,.study-accidental,.study-meter){fill:var(--score-ink)}
:root[data-ui="next"] .study-score .study-meter{font-family:var(--folio-display);font-weight:500}
/* Type: voice names in small capitals, pitch names and bar numbers italic, figures and numerals in the display face. */
:root[data-ui="next"] :is(.score-svg .voice-name,.study-score .study-voice){font-family:var(--folio-sc);font-size:12.5px;letter-spacing:.02em;fill:var(--score-ink-2)}
:root[data-ui="next"] :is(.score-svg .note-label,.study-score .study-note-label){font-family:var(--folio-body);font-style:italic;font-size:13px;fill:var(--score-ink-2)}
:root[data-ui="next"] :is(.score-svg,.study-score) :is(.bar-number,[font-size="12"][fill="#486057"]){font-family:var(--folio-body);font-style:italic;fill:var(--score-ink-2)}
:root[data-ui="next"] :is(.score-svg .given,.study-score .study-given){font-family:var(--folio-body);font-style:italic;fill:var(--score-ink-2)}
:root[data-ui="next"] :is(.score-svg .roman,.score-svg .bass-figures text,.study-score .study-figure,.study-score .study-roman){font-family:var(--folio-display);fill:var(--score-ink)}
:root[data-ui="next"] :is(.score-svg .row-label,.study-score .study-row-label){font-size:13px;font-family:var(--folio-sc);font-weight:500;fill:var(--score-ink-2)}
:root[data-ui="next"] :is(.study-tie,.study-slur,.score-svg .tie,.score-svg .slur){stroke:var(--score-ink)}
/* Empty answer slots: a pencilled box, not a coloured tile. */
:root[data-ui="next"] .score-svg rect[stroke-dasharray="3 2"],:root[data-ui="next"] .study-score .study-empty{fill:var(--score-sheet);stroke:var(--score-ink-2);stroke-width:.9}
:root[data-ui="next"] .study-score .study-empty+text{fill:var(--score-ink-2)}
/* Selection and playback read as a pencil wash behind the column. */
:root[data-ui="next"] :is(.score-svg .selected-column,.study-score .study-selected-column){fill:var(--folio-wash);opacity:.55}
:root[data-ui="next"] :is(.score-svg .active-note .note-halo,.study-note.selected .study-note-halo){fill:transparent;stroke:var(--score-ink);stroke-width:1.2}
:root[data-ui="next"] .study-note:focus .study-note-halo,:root[data-ui="next"] .score-svg .note-button:focus-visible .note-halo{stroke:var(--folio-blue);stroke-width:2}
:root[data-ui="next"] .study-note.sounding .study-note-halo{fill:#f1e7cf;stroke:var(--score-ink-2);stroke-width:1}
/* Teaching marks in red ink: circled notes, bracketed spans and small italic notes in the margin of the staff. */
:root[data-ui="next"] :is(.feedback-mark,.feedback-cross,.feedback-spacing,.feedback-leap,.parallel-edge,.parallel-edge.parallel-octave,.parallel-edge.parallel-mixed){color:var(--score-red)}
:root[data-ui="next"] .feedback-note-ring{stroke:var(--score-red);stroke-width:1.4;rx:12px;ry:9px;transform-box:fill-box;transform-origin:center;transform:rotate(-8deg)}
:root[data-ui="next"] :is(.feedback-mark,.parallel-edge) path{stroke-width:1.3;stroke-linecap:round}
:root[data-ui="next"] :is(.feedback-mark,.parallel-edge) rect{fill:var(--score-sheet);stroke:var(--score-red);stroke-width:.6;rx:2px}
:root[data-ui="next"] :is(.feedback-mark,.parallel-edge) text{font:italic 500 13px var(--folio-body);fill:var(--score-red)}
:root[data-ui="next"] .correction-label:is(:hover,:focus) rect{fill:#f6e9e4;stroke-width:1.4}
:root[data-ui="next"] .supplement-note-ring{stroke:var(--folio-blue);stroke-width:1.3}
/* Engraved excerpts reused from the source score (EngravedScore, Foundations and singing). */
:root[data-ui="next"] svg[font-family="Times,serif"]{color:var(--score-ink);font-family:var(--folio-body)}
:root[data-ui="next"] svg[font-family="Times,serif"] text[fill="#284b3d"]{fill:var(--score-ink-2);font-family:var(--folio-sc);font-size:11px}
:root[data-ui="next"] svg[font-family="Times,serif"] text[fill="#486057"]{fill:var(--score-ink-2);font-style:italic}
:root[data-ui="next"] svg[font-family="Times,serif"] line[stroke="#a0aa98"]{stroke:var(--score-staff);stroke-width:.75}