.cp-notes-page .cp-hero{padding-bottom:20px}.cp-tool{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 22px 20px;box-shadow:0 1px 0 var(--line-strong),0 18px 40px -28px #18181b4d}.cp-tool-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);margin:-4px -4px 14px}.cp-tabs{display:flex;gap:2px}.cp-tabs button{border:0;background:transparent;padding:.7rem 1rem;font-weight:600;color:var(--ink-soft);cursor:pointer;border-radius:8px 8px 0 0}.cp-tabs button[aria-selected=true]{color:var(--violet-deep);background:var(--lavender);box-shadow:inset 0 -3px var(--violet)}.cp-print-button{margin-bottom:6px}.cp-chart-title{display:none}.cp-readout{min-height:52px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:4px 2px 10px}.cp-readout strong{font-family:var(--serif);font-size:1.45rem;font-weight:600}.cp-readout span{color:var(--ink-soft);font-size:.92rem}.cp-chart-legend{font-size:.8rem;color:var(--ink-soft);margin:10px 0 0}.cp-legend-landmark{color:var(--violet)}.cp-legend-active{color:var(--amber)}.cp-narrow-only{display:none}.cp-chart-scroll{overflow-x:auto;border-radius:12px;background:var(--card)}.cp-chart-inner{display:flex;align-items:flex-start;min-width:760px}.cp-chart-clefs{display:block;flex:0 0 7.4324%;width:7.4324%;height:auto;position:sticky;left:0;z-index:1}.cp-chart-clefs-bg{fill:var(--card)}.cp-chart{display:block;flex:1 1 0;min-width:0;height:auto;user-select:none;-webkit-user-select:none}.cp-staff line,.cp-system{stroke:var(--ink);stroke-width:.9}.cp-system{stroke-width:1.4}.cp-glyph{fill:var(--ink)}.cp-ledger{stroke-width:1.1}.cp-note path{fill:var(--ink)}.cp-note .cp-ledger{stroke:var(--ink)}.cp-note-landmark path{fill:var(--violet-deep)}.cp-note-active path{fill:var(--amber)}.cp-note-active .cp-ledger{stroke:var(--amber)}.cp-note-quiz path{fill:var(--ink)}.cp-note-right path{fill:var(--violet)}.cp-note-right .cp-ledger{stroke:var(--violet)}.cp-note-wrong path{fill:var(--danger)}.cp-note-wrong .cp-ledger{stroke:var(--danger)}.cp-chart-col{fill:var(--amber-soft);opacity:.55}.cp-hit{cursor:pointer}.cp-hit-area{fill:transparent}.cp-hit:hover .cp-note-plain path,.cp-hit:hover .cp-note-landmark path{fill:var(--violet)}.cp-keys g[role=button]{cursor:pointer;outline:none}.cp-key-white .cp-key-shape{fill:var(--card);stroke:var(--muted);stroke-width:.8}.cp-key-white:hover .cp-key-shape{fill:var(--panel)}.cp-key-white.is-active .cp-key-shape{fill:var(--amber-soft);stroke:var(--amber)}.cp-key-letter{font:600 13.5px DM Sans,system-ui,sans-serif;fill:var(--ink);pointer-events:none}.cp-key-octave{font:500 10.5px DM Sans,system-ui,sans-serif;fill:var(--ink-soft);pointer-events:none}.cp-key-dot{fill:var(--violet);pointer-events:none}.cp-key-black .cp-key-shape{fill:var(--ink)}.cp-key-black:hover .cp-key-shape{fill:var(--ink-soft)}.cp-key-black.is-active .cp-key-shape{fill:var(--amber)}.cp-keys g[role=button]:focus-visible .cp-key-shape{stroke:var(--violet);stroke-width:2.5}.cp-quiz{max-width:640px;margin:0 auto;text-align:center}.cp-quiz-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.cp-score{margin:0;font-size:.92rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.cp-score strong{color:var(--ink)}.cp-quiz-options{display:flex;flex-wrap:wrap;gap:8px}.cp-quiz-staff{display:block;width:100%;max-width:420px;height:auto;margin:10px auto 0}.cp-quiz-label{font:700 13px DM Sans,system-ui,sans-serif}.cp-quiz-label.is-right{fill:var(--violet-deep)}.cp-quiz-label.is-wrong{fill:var(--danger)}.cp-quiz-feedback{min-height:3.2em;margin:6px 0 12px;color:var(--ink-soft)}.cp-quiz-feedback.is-right{color:var(--success-ink);font-weight:600}.cp-quiz-feedback.is-wrong{color:var(--ink)}.cp-answers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.cp-answer{position:relative;min-height:56px;border:1px solid var(--line-strong);border-radius:12px;background:var(--card);font-family:var(--serif);font-size:1.45rem;font-weight:600;cursor:pointer;color:var(--ink)}.cp-answer:hover:not(:disabled){border-color:var(--violet);background:var(--lavender)}.cp-answer:disabled{cursor:default}.cp-answer kbd,.cp-quiz-next kbd{position:absolute;right:6px;bottom:4px;font:500 .66rem var(--mono);color:var(--muted)}.cp-answer.is-right{background:var(--success-ink);border-color:var(--success-ink);color:var(--card)}.cp-answer.is-right kbd{color:var(--card)}.cp-answer.is-wrong{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.cp-answer.is-correct{border-color:var(--violet);color:var(--violet-deep);box-shadow:inset 0 0 0 1px var(--violet)}.cp-quiz-next{min-height:44px;margin:14px 0 0}.cp-quiz-next kbd{position:static;margin-left:6px;color:var(--line-strong)}.cp-notes-body{max-width:900px;margin:0 auto}.cp-notes-body .cp-section:first-child{margin-top:48px}.cp-prose-section>p:not(.cp-eyebrow){max-width:720px}.cp-mini-table{border-collapse:collapse;width:100%;max-width:760px;margin:20px 0 6px;font-size:.92rem;background:var(--card)}.cp-mini-table caption{text-align:left;font-size:.8rem;color:var(--muted);padding-bottom:8px}.cp-mini-table th,.cp-mini-table td{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}.cp-mini-table thead th{background:var(--panel);font-size:.82rem}.cp-mini-table td span{display:block;color:var(--muted);font-size:.82rem}.cp-table-scroll{overflow-x:auto}@media(max-width:760px){.cp-tool{padding:12px 12px 16px;border-radius:14px}.cp-tool-head{flex-wrap:nowrap}.cp-tabs button{padding:.6rem .7rem}.cp-wide-only{display:none}.cp-narrow-only{display:inline}.cp-chart-inner{min-width:1000px;padding-right:28px}.cp-chart-scroll{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.cp-chart-clefs{box-shadow:8px 0 8px -8px #18181b40}.cp-answers{gap:5px}.cp-answer{min-height:52px;font-size:1.25rem;border-radius:10px}.cp-answer kbd{display:none}.cp-quiz-bar,.cp-quiz-options{justify-content:center}}@page notes-chart{size:landscape;margin:10mm}@media print{body:has(.cp-notes-page) .topbar,body:has(.cp-notes-page) .footer{display:none}.cp-notes-page{page:notes-chart;padding:0;max-width:none}.cp-notes-page>:not(.cp-tool){display:none}.cp-notes-page .cp-tool{border:0;box-shadow:none;padding:0}.cp-notes-page .cp-tool-head,.cp-notes-page #panel-quiz,.cp-notes-page .cp-readout,.cp-notes-page .cp-chart-legend{display:none}.cp-notes-page #panel-chart{display:block!important}.cp-chart-title{display:block;font:600 14pt var(--serif);margin:0 0 6mm}.cp-chart-scroll{overflow:visible;-webkit-mask-image:none;mask-image:none}.cp-chart-inner{min-width:0;padding:0}.cp-chart-clefs{position:static;box-shadow:none}.cp-chart-col,.cp-note-sharp{display:none}.cp-note-active path{fill:var(--ink)}.cp-note-active .cp-ledger{stroke:var(--ink)}.cp-key-white.is-active .cp-key-shape{fill:var(--card);stroke:var(--muted)}.cp-key-black.is-active .cp-key-shape{fill:var(--ink)}}