.cp-pilot [hidden]{display:none!important}.cp-pilot .cp-reference-actions,.cp-pilot .cp-toolbar{align-items:center;gap:var(--pr-space-8);flex-wrap:wrap;display:flex}.cp-pilot .cp-reference-actions{margin-block:var(--pr-space-16);justify-content:flex-end}.cp-pilot .cp-position-row{justify-content:space-between;align-items:end;gap:var(--pr-space-24);flex-wrap:wrap;display:flex}.cp-pilot .cp-current{gap:var(--pr-space-4);display:grid}.cp-pilot .cp-current strong{font-size:var(--pr-type-result-size);font-weight:var(--pr-type-result-weight);line-height:var(--pr-type-result-leading)}.cp-pilot .cp-current>span:last-child,.cp-pilot .cp-formula,.cp-pilot .cp-key-help,.cp-pilot .cp-sound-scope{font-size:var(--pr-type-label-size);color:var(--muted-foreground)}.cp-pilot .cp-formula{margin-block:var(--pr-space-16)}.cp-pilot .cp-formula span{display:inline-block}.cp-pilot .cp-key-help{margin-block:var(--pr-space-16)}.cp-pilot .cp-audio-status{min-height:var(--pr-space-24);margin-top:var(--pr-space-8)}.cp-pilot .cp-practice-entry{border-top:1px solid var(--border);margin-top:var(--pr-space-20);padding-top:var(--pr-space-20);justify-content:space-between;align-items:center;gap:var(--pr-space-16);flex-wrap:wrap;display:flex}.cp-pilot .cp-panels{gap:var(--pr-space-12);margin-block:var(--pr-space-24) var(--pr-space-48);display:grid}.cp-pilot .cp-panels .pr-collapsible-content p{font-size:var(--pr-type-copy-size);line-height:var(--pr-type-copy-leading)}.cp-pilot .cp-panels .am-reading{margin-top:var(--pr-space-24)}.cp-pilot .cp-panels .am-content-section{padding-block:var(--pr-space-24)}.cp-pilot .cp-practice-prompt{margin-block:var(--pr-space-16);gap:var(--pr-space-8);display:grid}.cp-pilot .cp-practice-prompt .am-button{justify-self:start}.cp-pilot .cp-selected,.cp-pilot .cp-result,.cp-pilot .cp-hint{margin-block:var(--pr-space-16)}.cp-pilot .cp-selected span{color:var(--muted-foreground)}.cp-pilot .cp-result{font-weight:var(--pr-weight-strong)}.cp-pilot .cp-settings{gap:var(--pr-space-16);padding:var(--pr-space-16);display:grid}.cp-pilot .cp-settings label{align-items:center;gap:var(--pr-space-12);min-height:var(--pr-control-min-size);display:flex}.cp-pilot .cp-settings input{accent-color:var(--primary)}.cp-pilot .cp-settings input[type=range]{width:100%;min-height:var(--pr-control-min-size)}.cp-pilot .cp-settings input[type=checkbox]{width:var(--pr-space-20);height:var(--pr-space-20);flex-shrink:0}.cp-pilot .cp-hand-guide{align-items:center;gap:var(--pr-space-24);margin-block:var(--pr-space-24);flex-wrap:wrap;display:flex}.cp-pilot .cp-hand-guide svg{flex:none;width:12rem;max-width:100%;height:auto}.cp-pilot .cp-hand-guide figcaption{min-width:12rem;font-size:var(--pr-type-label-size);color:var(--muted-foreground);flex:1}.cp-pilot .kn-staff-frame{min-width:0;margin-block:var(--pr-space-16);display:flex}.cp-pilot .kn-clef-anchor{flex:none;max-width:none}.cp-pilot .kn-staff-scroll{flex:1;min-width:0;overflow-x:auto}.cp-pilot .kn-staff{max-width:none}.cp-pilot .kn-inline-clef{display:none}.cp-pilot .cp-workspace .am-keyboard{padding:var(--pr-space-8) var(--pr-space-4) var(--pr-space-12);background:var(--piano-key-black);border-radius:var(--pr-radius-key)}.cp-pilot .cp-workspace .am-key{pointer-events:auto;cursor:pointer;color:var(--piano-key-black);touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:box-shadow var(--pr-duration-fast),background-color var(--pr-duration-fast);padding:0}.cp-pilot .cp-workspace .am-key.am-white{background:var(--piano-key-white);box-shadow:inset 0 -6px 0 color-mix(in srgb,var(--piano-key-border) 28%,transparent),inset 0 -7px 0 var(--piano-key-border)}.cp-pilot .cp-workspace .am-key.am-black{z-index:3;color:var(--piano-key-white);background:var(--piano-key-black);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--piano-key-white) 20%,transparent),inset -3px -6px 0 color-mix(in srgb,var(--piano-key-white) 12%,transparent)}.cp-pilot .cp-workspace .am-key.am-is-selected,.cp-pilot .cp-workspace .am-key.cp-chosen{background:var(--piano-note-selected);color:var(--piano-key-black);border-color:var(--piano-note-mark)}.cp-pilot .cp-workspace .am-key.cp-pressed,.cp-pilot .cp-workspace .am-key.am-is-sounding{background:var(--piano-note-sounding);color:var(--piano-note-sounding-mark);box-shadow:inset 0 4px 0 color-mix(in srgb,var(--piano-key-black) 20%,transparent)}.cp-pilot .cp-workspace .am-key:focus-visible{outline:var(--pr-focus-width) solid var(--ring);outline-offset:-4px;z-index:4}.cp-pilot .cp-workspace .am-key>*{pointer-events:none}.cp-pilot .cp-key-name{bottom:var(--pr-space-16);text-align:center;width:100%;font-size:var(--pr-type-key-label-size);line-height:var(--pr-type-key-label-leading);position:absolute;left:0}.cp-pilot .cp-workspace .am-key .am-marker{bottom:var(--pr-space-40)}.cp-pilot .cp-choice-mark{bottom:var(--pr-space-40);text-align:center;width:100%;font-weight:var(--pr-weight-strong);position:absolute;left:0}.cp-pilot .cp-key-octave{display:inline}.cp-pilot .cp-workspace .am-key[data-feedback=wrong]{border-style:dashed}.cp-pilot .cp-workspace .am-key[data-feedback=correct]{outline:2px solid var(--piano-note-mark);outline-offset:-5px}@media (max-width:47.999rem){.cp-pilot .cp-position-row{align-items:stretch;gap:var(--pr-space-16)}.cp-pilot .cp-position-row>fieldset{width:100%;min-width:0}.cp-pilot .cp-reference-actions{justify-content:flex-start}.cp-pilot .cp-toolbar>.am-button,.cp-pilot .cp-reference-actions .am-button{white-space:normal;text-align:center}.cp-pilot .cp-hand-guide,.cp-pilot .cp-key-octave{display:block}.cp-pilot .kn-clef-anchor{display:none}.cp-pilot .kn-inline-clef{display:block}.cp-pilot .kn-staff{width:100%;height:auto}}@media (forced-colors:active){.cp-pilot .cp-workspace .am-key.am-black{color:canvas;background:canvastext}.cp-pilot .cp-workspace .am-key.cp-chosen,.cp-pilot .cp-workspace .am-key.am-is-selected{outline-offset:-3px;outline:2px solid highlight}.cp-pilot .cp-workspace .am-key.cp-pressed,.cp-pilot .cp-workspace .am-key.am-is-sounding{color:highlighttext;background:highlight}}.cp-pilot .cp-settings-popover{background:var(--background);width:min(360px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);border:1px solid var(--border);border-radius:var(--pr-radius-panel);box-shadow:0 8px 28px color-mix(in srgb,var(--foreground) 18%,transparent);padding:var(--pr-space-16);margin:0;position:fixed;inset:auto;overflow:auto}.cp-pilot .cp-settings-popover .am-dialog-head{justify-content:space-between;align-items:center;gap:var(--pr-space-16);display:flex}.cp-pilot .cp-settings-popover h2{font-size:var(--pr-type-copy-size)}.cp-pilot .cp-settings{padding:var(--pr-space-8) 0}.cp-pilot .cp-both-hands{gap:var(--pr-space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cp-pilot .cp-both-hands>div{min-width:0}.cp-pilot .cp-both-hands .cp-hand-guide{justify-items:center;margin-top:0;display:grid}.cp-pilot .cp-both-hands .cp-hand-guide figcaption{min-width:0}.cp-pilot .cp-both-hands .ch-finger-map{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-pilot .cp-panels .ch-fingering{display:block}.cp-pilot .cp-panels .ch-fingering>.ch-section-heading{display:none}.cp-pilot .cp-panels .pr-collapsible{border:0;border-top:1px solid var(--border);border-radius:0}.cp-pilot .cp-panels .pr-collapsible-trigger{padding-block:var(--pr-space-24);font-size:var(--pr-type-section-title-size);line-height:var(--pr-type-section-title-leading);background:0 0}.cp-pilot .cp-panels .pr-collapsible-content{padding:0}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .am-content-section{border:0;padding-top:0}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .am-content-section>h2{display:none}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .am-content-section{display:block}.cp-pilot .cp-workspace .am-keyboard{border:1px solid var(--piano-key-border);background:linear-gradient(180deg,color-mix(in srgb,var(--piano-key-black) 82%,var(--piano-key-white)),var(--piano-key-black) 44px);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--piano-key-white) 35%,transparent),inset 0 -7px 0 color-mix(in srgb,var(--piano-key-black) 85%,var(--piano-key-white)),0 5px 8px color-mix(in srgb,var(--piano-key-black) 18%,transparent);border-radius:14px;padding:44px 8px 16px;position:relative}.cp-pilot .cp-workspace .am-keyboard:before{content:"PianoGrid";text-align:center;font-size:var(--pr-type-label-size);font-weight:var(--pr-weight-strong);letter-spacing:.12em;color:var(--piano-key-white);pointer-events:none;position:absolute;top:10px;left:0;right:0}.cp-pilot .cp-workspace .am-key-bed{border-top:4px solid var(--piano-key-black)}.cp-pilot .cp-workspace .am-key.am-white{background:linear-gradient(90deg,color-mix(in srgb,var(--piano-key-white) 90%,var(--piano-key-border)),var(--piano-key-white) 16%,var(--piano-key-white) 84%,color-mix(in srgb,var(--piano-key-white) 90%,var(--piano-key-border)));box-shadow:inset 0 5px 8px color-mix(in srgb,var(--piano-key-black) 15%,transparent),inset 0 -6px 0 color-mix(in srgb,var(--piano-key-white) 75%,var(--piano-key-border)),inset 0 -7px 1px var(--piano-key-border);border-radius:0 0 5px 5px}.cp-pilot .cp-workspace .am-key.am-black{background:linear-gradient(90deg,color-mix(in srgb,var(--piano-key-black) 65%,var(--piano-key-white)),var(--piano-key-black) 14%,color-mix(in srgb,var(--piano-key-black) 93%,var(--piano-key-white)) 78%,var(--piano-key-black));box-shadow:inset 0 2px 1px color-mix(in srgb,var(--piano-key-white) 30%,transparent),inset 3px 0 1px color-mix(in srgb,var(--piano-key-white) 12%,transparent),inset -3px -8px 0 color-mix(in srgb,var(--piano-key-black) 80%,var(--piano-key-white)),2px 3px 3px color-mix(in srgb,var(--piano-key-black) 30%,transparent);border-radius:0 0 4px 4px}.cp-pilot .cp-workspace .am-key.am-is-selected,.cp-pilot .cp-workspace .am-key.cp-chosen{background:linear-gradient(90deg,color-mix(in srgb,var(--piano-note-selected) 80%,var(--piano-note-mark)),var(--piano-note-selected) 20%,var(--piano-note-selected) 80%,color-mix(in srgb,var(--piano-note-selected) 80%,var(--piano-note-mark)))}.cp-pilot .cp-workspace .am-key.cp-pressed,.cp-pilot .cp-workspace .am-key.am-is-sounding{background:var(--piano-note-sounding);box-shadow:inset 0 7px 8px color-mix(in srgb,var(--piano-key-black) 25%,transparent),inset 0 -2px 0 var(--piano-key-border)}@media (min-width:64rem){.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2){gap:var(--pr-space-24);padding-top:var(--pr-space-24);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .pr-collapsible-trigger{text-align:left;padding-top:0}}@media (max-width:47.999rem){.cp-pilot .cp-both-hands{grid-template-columns:1fr}.cp-pilot .cp-both-hands .ch-finger-map{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (forced-colors:active){.cp-pilot .cp-workspace .am-key.am-black{background:canvastext}.cp-pilot .cp-workspace .am-key.am-white{background:canvas}.cp-pilot .cp-workspace .am-key.cp-pressed,.cp-pilot .cp-workspace .am-key.am-is-sounding{background:highlight}}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .pr-collapsible-content{border-top:0}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .pr-collapsible-content>:first-child{margin-top:0}.cp-pilot .cp-reference-summary .am-summary>div{grid-template-rows:auto 1fr;align-self:stretch;display:grid}.cp-pilot .cp-reference-summary .am-summary dd{font-size:var(--pr-type-notes-size);align-items:baseline;line-height:1.2;display:flex}.cp-pilot .cp-reference-summary .am-quick-facts{padding-top:var(--pr-space-16);margin-top:0;margin-bottom:var(--pr-space-16);border-top:0}.cp-pilot .cp-instrument{gap:var(--pr-space-24);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.cp-pilot .cp-piano-column{min-width:0}.cp-pilot .cp-nearby-staff{min-width:0;padding:var(--pr-space-16);background:var(--background);border:1px solid var(--border);border-radius:var(--pr-radius-panel)}.cp-pilot .cp-nearby-staff h3{font-size:var(--pr-type-copy-size);margin:0}.cp-pilot .cp-nearby-staff p{font-size:var(--pr-type-label-size);color:var(--muted-foreground)}.cp-pilot .cp-nearby-staff .kn-clef-anchor{display:none}.cp-pilot .cp-nearby-staff .kn-inline-clef{display:block}.cp-pilot .cp-nearby-staff .kn-staff{width:100%;height:auto}.cp-pilot .cp-nearby-staff .kn-active{color:var(--primary)}@media (min-width:75rem){.cp-pilot .cp-instrument:not(.cp-instrument-practice){grid-template-columns:minmax(0,1fr) 17rem}}.cp-pilot .cp-reference-summary .am-summary{grid-template-rows:auto auto}.cp-pilot .cp-reference-summary .am-summary>div{grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.cp-pilot .cp-start-practice{margin-left:auto}.cp-pilot .cp-reference-help{font-size:var(--pr-type-label-size);color:var(--muted-foreground)}@media (max-width:47.999rem){.cp-pilot .cp-start-practice{margin-left:0}}.cp-pilot .cp-panel-heading{margin:0}.cp-pilot .pr-collapsible[data-state=open]>.cp-panel-heading .pr-collapsible-chevron{transform:rotate(180deg)}.cp-pilot .cp-panels .am-tool-notes{border-top:0}
:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.am-white,.ph-white-key){background:linear-gradient(90deg,color-mix(in srgb,var(--piano-key-white) 90%,var(--piano-key-border)),var(--piano-key-white) 16%,var(--piano-key-white) 84%,color-mix(in srgb,var(--piano-key-white) 90%,var(--piano-key-border)));box-shadow:inset 0 5px 8px color-mix(in srgb,var(--piano-key-black) 15%,transparent),inset 0 -6px 0 color-mix(in srgb,var(--piano-key-white) 75%,var(--piano-key-border)),inset 0 -7px 1px var(--piano-key-border)}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.am-black,.ph-black-key){background:linear-gradient(90deg,color-mix(in srgb,var(--piano-key-black) 65%,var(--piano-key-white)),var(--piano-key-black) 14%,color-mix(in srgb,var(--piano-key-black) 93%,var(--piano-key-white)) 78%,var(--piano-key-black));box-shadow:inset 0 2px 1px color-mix(in srgb,var(--piano-key-white) 30%,transparent),inset 3px 0 1px color-mix(in srgb,var(--piano-key-white) 12%,transparent),inset -3px -8px 0 color-mix(in srgb,var(--piano-key-black) 80%,var(--piano-key-white)),2px 3px 3px color-mix(in srgb,var(--piano-key-black) 30%,transparent)}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.am-is-selected,.am-key.cp-chosen,.ph-white-key.ph-note-active){background:linear-gradient(90deg,color-mix(in srgb,var(--piano-note-selected) 80%,var(--piano-note-mark)),var(--piano-note-selected) 20%,var(--piano-note-selected) 80%,color-mix(in srgb,var(--piano-note-selected) 80%,var(--piano-note-mark)))}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.cp-pressed,.am-key.am-is-sounding,.ph-piano-key.ph-sounding){background:var(--piano-note-sounding);color:var(--piano-note-sounding-mark);box-shadow:inset 0 7px 8px color-mix(in srgb,var(--piano-key-black) 25%,transparent),inset 0 -2px 0 var(--piano-key-border)}.ph-instrument.pg-piano .ph-piano-fallboard{background:linear-gradient(180deg,color-mix(in srgb,var(--piano-key-black) 82%,var(--piano-key-white)),var(--piano-key-black));color:var(--piano-key-white)}.ph-instrument.pg-piano .ph-piano-fallboard span{font-family:inherit;font-style:normal;font-size:var(--pr-type-label-size);font-weight:var(--pr-weight-strong);letter-spacing:.12em;margin:0}.ph-instrument.pg-piano .ph-key-dot{background:var(--piano-note-mark);border:0;width:10px;height:10px;font-size:0}.ph-instrument.pg-piano .ph-sounding .ph-key-name{color:var(--piano-note-sounding-mark)}.ph-instrument.pg-piano .ph-black-key-shine{display:none}@media (forced-colors:active){:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.am-black,.ph-black-key){color:canvas;background:canvastext}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.cp-pressed,.am-key.am-is-sounding,.ph-piano-key.ph-sounding){color:highlighttext;background:highlight}}
.ml-chord-page .am-page-heading{margin-bottom:var(--pr-space-24)}.ml-chord-page .am-tool .am-controls{margin-top:var(--pr-space-16);margin-bottom:var(--pr-space-16);padding-bottom:var(--pr-space-16);border-bottom:1px solid var(--border)}.ml-chord-page .am-tool .am-playback-feedback{min-height:0}.ml-chord-page .am-tool .am-playback-status:empty,.ml-chord-page .am-tool .am-resource-feedback:empty{display:none}.ml-chord-page .am-tool .am-tool-notes{margin-top:var(--pr-space-12)}.ml-chord-page .am-tool .am-tool-notes p{margin:0}.ml-example-pair{gap:var(--pr-space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ml-audio-card{min-width:0;padding:var(--pr-space-24);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background)}.ml-example-title{justify-content:space-between;align-items:baseline;gap:var(--pr-space-8);flex-wrap:wrap;display:flex}.ml-example-title h3{margin:0}.ml-example-title>span,.ml-position-name,.ml-bass-note{font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}.ml-pitches{font-size:var(--pr-type-h3-size);margin-top:var(--pr-space-12);font-weight:650;line-height:1.4}.ml-example-keyboard{margin-block:var(--pr-space-20);padding:var(--pr-space-8) 0;min-width:0}.ml-example-keyboard .am-keyboard{width:100%;min-width:0!important}.ml-example-keyboard .am-key-bed{height:8rem}.ml-example-keyboard .am-black{height:60%}.ml-example-keyboard .am-key-labels{height:1.75rem}.ml-example-keyboard .am-key-label{font-size:var(--pr-type-meta-size)}.ml-example-keyboard .am-black-label{font-size:.6875rem}.ml-example-keyboard .am-marker{width:.45rem;height:.45rem}.ml-audio-actions,.ml-answer-options{align-items:center;gap:var(--pr-space-12);margin-top:var(--pr-space-20);flex-wrap:wrap;display:flex}.ml-audio-actions .am-button,.ml-answer-options .am-button{white-space:normal;text-align:center}.ml-audio-message{min-height:1.5em;margin-top:var(--pr-space-12);font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}.ml-audio-message[data-audio-state=error],.ml-audio-message[data-audio-state=unavailable]{color:var(--destructive)}.ml-listening-check{padding:var(--pr-space-24);margin-top:var(--pr-space-24);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface)}.ml-listening-check>p{max-width:72ch;margin-top:var(--pr-space-12)}.ml-listening-feedback{font-weight:550}.ml-four-beat{padding:var(--pr-space-24);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background)}.ml-routine-title{justify-content:space-between;align-items:baseline;gap:var(--pr-space-12);flex-wrap:wrap;display:flex}.ml-routine-title>span{font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}.ml-beat-grid{gap:var(--pr-space-12);margin:var(--pr-space-24) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.ml-beat-grid li{align-content:start;justify-items:center;gap:var(--pr-space-12);min-width:0;padding:var(--pr-space-20) var(--pr-space-12);border:1px solid var(--border);border-radius:var(--pr-radius-control);background:var(--surface);display:grid}.ml-beat-grid li[aria-current=step]{border-color:var(--selected-border);background:var(--selected-hover);color:var(--selected-foreground)}.ml-beat-number{font-size:var(--pr-type-result-size);font-variant-numeric:tabular-nums;font-weight:650;line-height:1}.ml-beat-grid strong{font-size:var(--pr-type-copy-size);text-align:center;overflow-wrap:anywhere}.ml-beat-grid li>span:last-child{font-size:var(--pr-type-meta-size)}.ml-common-notes{gap:var(--pr-space-16) var(--pr-space-40);margin-bottom:var(--pr-space-20);padding:var(--pr-space-16) var(--pr-space-20);background:var(--surface);border-left:3px solid var(--primary);flex-wrap:wrap;display:flex}.ml-common-notes strong{margin-left:var(--pr-space-8)}.ml-position-grid{gap:var(--pr-space-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ml-position-card{padding:var(--pr-space-20)}.ml-position-card[data-selected=true]{border-color:var(--selected-border)}.ml-selected-position{min-height:1.5em;margin-top:var(--pr-space-4);font-size:var(--pr-type-meta-size);color:var(--primary);font-weight:550;display:block}.ml-position-card h3{margin-top:var(--pr-space-8);font-size:var(--pr-type-result-size)}.ml-position-card .ml-pitches{font-size:var(--pr-type-copy-size)}.ml-position-card .ml-bass-note{margin-top:var(--pr-space-8)}.ml-position-card .ml-example-keyboard .am-key-label{font-size:.75rem}.ml-position-card .ml-audio-actions{gap:var(--pr-space-8);grid-template-columns:1fr;display:grid}.ml-position-card .ml-audio-actions .am-button{width:100%}.ml-inversion-footer{justify-content:space-between;align-items:center;gap:var(--pr-space-24);margin-top:var(--pr-space-16);display:flex}.ml-inversion-footer p{max-width:65ch;font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}@media (max-width:48rem){.ml-example-pair,.ml-position-grid{grid-template-columns:1fr}.ml-audio-card,.ml-listening-check,.ml-four-beat{padding:var(--pr-space-20)}.ml-position-card .ml-audio-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-position-card .ml-example-keyboard .am-key-label{font-size:var(--pr-type-meta-size)}.ml-beat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-inversion-footer{align-items:flex-start}}@media (max-width:25rem){.ml-audio-card,.ml-listening-check,.ml-four-beat{padding:var(--pr-space-16)}.ml-example-title{display:block}.ml-example-title>span{margin-top:var(--pr-space-8);display:block}.ml-example-keyboard .am-key-label{font-size:.75rem}.ml-answer-options>.am-button{flex:1}}
.am-page .ml-page-heading .am-direct-answer{max-width:72ch}.am-page .ml-jump-nav{align-items:baseline;gap:var(--pr-space-16);margin-block:var(--pr-space-20) 0;padding-bottom:var(--pr-space-20);border-bottom:1px solid var(--border);font-size:var(--pr-type-meta-size);display:flex}.ml-jump-nav>span{color:var(--muted-foreground);flex:none}.ml-jump-nav ul{gap:var(--pr-space-8) var(--pr-space-24);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ml-jump-nav a{min-height:var(--pr-control-min-size);font-weight:var(--pr-weight-strong);align-items:center;text-decoration-thickness:1px;display:inline-flex}.am-page .ml-page-body{min-width:0}.ml-section{min-width:0;padding-block:var(--pr-space-40);border-top:1px solid var(--border);scroll-margin-top:var(--pr-space-24);position:relative}.ml-section:first-child{border-top:0;padding-top:0}.ml-section--rail{gap:var(--pr-space-48);grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);display:grid}.ml-section-heading{min-width:0}.ml-section-heading h2{font-size:var(--pr-type-section-title-size);line-height:var(--pr-type-section-title-leading);text-wrap:balance;max-width:32ch}.ml-section-heading .ml-kicker{margin-bottom:var(--pr-space-8)}.ml-kicker{color:var(--primary);font-size:var(--pr-type-meta-size);line-height:var(--pr-type-meta-leading);font-weight:650}.ml-section-body{min-width:0}.ml-section--wide>.ml-section-body,.ml-section--steps>.ml-section-body,.ml-section--diagnosis>.ml-section-body{margin-top:var(--pr-space-20)}.ml-section--wide>.ml-section-heading h2,.ml-section--steps>.ml-section-heading h2,.ml-section--diagnosis>.ml-section-heading h2{max-width:none}.ml-prose,.ml-subtopic{max-width:var(--pr-container-reading)}.ml-prose p+p,.ml-subtopic p+p{margin-top:var(--pr-space-16)}.ml-subtopics{gap:var(--pr-space-24);margin-top:var(--pr-space-24);display:grid}.ml-subtopic h3{margin-bottom:var(--pr-space-8);text-wrap:balance}.ml-section--wide .ml-subtopics,.ml-section--diagnosis .ml-subtopics{gap:var(--pr-space-24) var(--pr-space-40);grid-template-columns:repeat(2,minmax(0,1fr))}.ml-section--wide .ml-subtopic:only-child,.ml-section--diagnosis .ml-subtopic:only-child{grid-column:1/-1}.ml-anchor{scroll-margin-top:var(--pr-space-24);position:absolute;top:0}.ml-context-links{gap:var(--pr-space-16);margin:var(--pr-space-24) 0 0;padding:var(--pr-space-16) 0 0;border-top:1px solid var(--border);list-style:none;display:grid}.ml-context-links li{gap:var(--pr-space-4);min-width:0;display:grid}.ml-context-links a{width:fit-content;max-width:100%;font-weight:550}.ml-context-links li>span{font-size:var(--pr-type-meta-size);color:var(--muted-foreground);line-height:var(--pr-type-meta-leading)}.ml-section--wide .ml-context-links,.ml-section--diagnosis .ml-context-links{column-gap:var(--pr-space-40);grid-template-columns:repeat(2,minmax(0,1fr))}.ml-hand-reference{min-width:0;margin-top:var(--pr-space-24)}.ml-table-scroll{min-width:0;max-width:100%;margin-top:var(--pr-space-24);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background);overflow-x:auto}.ml-hand-reference>.ml-table-scroll{margin-top:0}.ml-table-scroll table{border-collapse:collapse;width:100%;font-size:var(--pr-type-copy-size);line-height:var(--pr-type-copy-leading)}.ml-table-scroll caption{text-align:left;padding:var(--pr-space-12) var(--pr-space-16);background:var(--surface);font-size:var(--pr-type-meta-size);color:var(--muted-foreground);border-bottom:1px solid var(--border)}.ml-table-scroll th,.ml-table-scroll td{padding:var(--pr-space-12) var(--pr-space-16);text-align:left;border-bottom:1px solid var(--border)}.ml-table-scroll tbody tr:last-child th,.ml-table-scroll tbody tr:last-child td{border-bottom:0}.ml-table-scroll thead th{background:var(--surface);font-size:var(--pr-type-meta-size);white-space:normal;font-weight:650}.ml-table-scroll .ml-inversion-table{min-width:32rem}.ml-fingering-table th:first-child{width:35%}.ml-fingering-table tbody th{font-size:var(--pr-type-h3-size);font-weight:650}.ml-finger-number{border:1px solid var(--selected-border);background:var(--selected-hover);width:2rem;height:2rem;color:var(--selected-foreground);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:650;display:inline-grid}.ml-small-copy{font-size:var(--pr-type-meta-size);color:var(--muted-foreground);max-width:72ch;margin-top:var(--pr-space-12);line-height:1.55}.ml-source-disclosure{margin-top:var(--pr-space-12);border-top:1px solid var(--border);font-size:var(--pr-type-meta-size)}.ml-source-disclosure summary{min-height:var(--pr-control-min-size);cursor:pointer;color:var(--primary);padding-block:var(--pr-space-12);font-weight:550}.ml-source-copy{gap:var(--pr-space-12);padding-bottom:var(--pr-space-12);color:var(--muted-foreground);line-height:1.55;display:grid}.ml-interactive{min-width:0;margin-top:var(--pr-space-24)}.am-page .ml-note-check>.ch-practice{padding:var(--pr-space-24);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface);display:block}.am-page .ml-note-check .ch-section-heading{margin-bottom:var(--pr-space-16)}.am-page .ml-note-check .ch-section-heading h3{margin-top:var(--pr-space-4)}.am-page .ml-note-check .am-content-body{max-width:none}.am-page .ml-note-check .ch-learning-panel{background:0 0;border:0;padding:0}.ml-diagnosis-grid{gap:var(--pr-space-24);margin-top:var(--pr-space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ml-diagnosis-grid>div{border-left:3px solid var(--primary);padding:var(--pr-space-16) var(--pr-space-20);background:var(--surface)}.ml-diagnosis-grid h3{margin-bottom:var(--pr-space-8)}.ml-diagnosis-grid p{font-size:var(--pr-type-copy-size)}.ml-diagnosis-grid .ml-note-equation{margin-top:var(--pr-space-12);font-size:var(--pr-type-result-size);color:var(--primary);gap:var(--pr-space-16);align-items:center;font-weight:650;display:flex}.ml-hand-options{gap:var(--pr-space-32);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.ml-split-hands{margin-top:var(--pr-space-24);padding:var(--pr-space-24);background:var(--surface);border:1px solid var(--border);border-radius:var(--pr-radius-panel)}.ml-split-hands dl{gap:var(--pr-space-16);margin-block:var(--pr-space-20);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ml-split-hands dt{font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}.ml-split-hands dd{font-size:var(--pr-type-result-size);margin-top:var(--pr-space-8);font-weight:650}.ml-split-hands p{font-size:var(--pr-type-copy-size)}.ml-key-steps{gap:var(--pr-space-24);margin:var(--pr-space-24) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.ml-key-steps li{padding:var(--pr-space-20);background:var(--surface);border:1px solid var(--border);border-radius:var(--pr-radius-panel);min-width:0}.ml-key-steps h3{margin-block:var(--pr-space-12) var(--pr-space-8)}.ml-key-steps p{font-size:var(--pr-type-copy-size)}.ml-key-steps strong{font-size:var(--pr-type-h3-size);color:var(--primary);margin-top:var(--pr-space-16);display:block}.ml-step-number{background:var(--primary);width:2rem;height:2rem;color:var(--primary-foreground);border-radius:50%;place-items:center;font-weight:650;display:inline-grid}.ml-practice-steps{gap:var(--pr-space-12);padding-left:var(--pr-space-24);margin:var(--pr-space-24) 0 0;max-width:72ch;display:grid}.ml-practice-steps li{padding-left:var(--pr-space-8)}.ml-practice-steps li::marker{color:var(--primary);font-weight:650}.ml-finish-grid{gap:var(--pr-space-40);margin-top:var(--pr-space-24);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;display:grid}.ml-questions{min-width:0;scroll-margin-top:var(--pr-space-24)}.ml-local-heading{margin-bottom:var(--pr-space-12)}.ml-questions .am-faq-item:first-of-type{border-top:1px solid var(--border)}.ml-print-reference{padding:var(--pr-space-24);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface);scroll-margin-top:var(--pr-space-24)}.ml-print-reference h3{margin-block:var(--pr-space-8) var(--pr-space-12)}.ml-print-reference>p:not(.ml-kicker){font-size:var(--pr-type-copy-size)}.am-page .ml-print-reference .am-section-actions{gap:var(--pr-space-8);margin-top:var(--pr-space-16);display:grid}.am-page .ml-print-reference .am-button{white-space:normal;justify-content:flex-start}.ml-related{margin-top:var(--pr-space-32);scroll-margin-top:var(--pr-space-24)}.ml-related .ml-context-links{margin-top:var(--pr-space-12);grid-template-columns:repeat(2,minmax(0,1fr))}.ml-additional-links{padding-left:var(--pr-space-20);gap:var(--pr-space-8) var(--pr-space-24);font-size:var(--pr-type-meta-size);flex-wrap:wrap;display:flex}@media (max-width:67rem){.ml-section--rail{gap:var(--pr-space-32);grid-template-columns:minmax(11rem,13rem) minmax(0,1fr)}.ml-finish-grid{gap:var(--pr-space-24);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media (max-width:48rem){.am-page .ml-jump-nav{display:block}.ml-jump-nav ul{gap:0 var(--pr-space-20);margin-top:var(--pr-space-4)}.ml-section{padding-block:var(--pr-space-32)}.ml-section--rail{display:block}.ml-section--rail>.ml-section-body{margin-top:var(--pr-space-16)}.ml-section-heading h2{max-width:none}.ml-section--wide .ml-subtopics,.ml-section--diagnosis .ml-subtopics,.ml-section--wide .ml-context-links,.ml-section--diagnosis .ml-context-links,.ml-diagnosis-grid,.ml-hand-options,.ml-key-steps,.ml-finish-grid{grid-template-columns:1fr}.ml-key-steps{gap:var(--pr-space-12)}.ml-key-steps li{gap:0 var(--pr-space-16);grid-template-columns:2rem minmax(0,1fr);display:grid}.ml-key-steps .ml-step-number{grid-row:1/4}.ml-key-steps h3{margin:0 0 var(--pr-space-8)}.ml-key-steps p,.ml-key-steps strong{grid-column:2}.ml-hand-options{gap:0}.ml-table-scroll th,.ml-table-scroll td{padding:var(--pr-space-10) var(--pr-space-12)}.ml-fingering-table th:first-child{width:auto}.am-page .ml-note-check>.ch-practice,.ml-print-reference,.ml-split-hands{padding:var(--pr-space-16)}.ml-related .ml-context-links{grid-template-columns:1fr}.ml-finish-grid{gap:var(--pr-space-24)}}@media (max-width:22rem){.ml-table-scroll th,.ml-table-scroll td{padding:var(--pr-space-8)}.ml-finger-number{width:1.75rem;height:1.75rem}.ml-split-hands dl{grid-template-columns:1fr}}@media (forced-colors:active){.ml-finger-number,.ml-step-number{border:1px solid buttontext}.ml-diagnosis-grid>div{border-color:highlight}}