.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}}
