.am-page .ch-section-heading h2{margin-top:.4rem}.am-page .ch-section-kicker{font-size:var(--pr-type-meta-size);line-height:var(--pr-type-meta-leading);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-weight:650}.am-page .ch-fingering .am-content-body,.am-page .ch-practice .am-content-body{max-width:none}.am-page .ch-hand-switch{border:0;margin:1.5rem 0 0;padding:0}.am-page .ch-hand-switch legend{font-size:var(--pr-type-meta-size);color:var(--muted-foreground);margin-bottom:.5rem}.am-page .ch-hand-switch>div{background:var(--control-track);border-radius:var(--pr-radius-control);width:fit-content;padding:.25rem;display:flex}.am-page .ch-hand-switch label{cursor:pointer;position:relative}.am-page .ch-hand-switch input{opacity:0;width:1px;height:1px;position:absolute;inset:50% auto auto 50%}.am-page .ch-hand-switch span{min-height:var(--pr-control-min-size);border-radius:calc(var(--pr-radius-control) - .15rem);color:var(--muted-foreground);border:1px solid #0000;justify-content:center;align-items:center;padding:.55rem 1rem;display:flex}.am-page .ch-hand-switch input:checked+span{background:var(--background);border-color:var(--primary);color:var(--primary);font-weight:650}.am-page .ch-hand-switch input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}.am-page .ch-fingering-example,.am-page .ch-fingering-unavailable{border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background);margin-top:1rem;padding:1.25rem}.am-page .ch-fingering-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.am-page .ch-fingering-title strong{font-size:var(--pr-type-h3-size)}.am-page .ch-fingering-title span{font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}.am-page .ch-finger-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.am-page .ch-finger-map li{border:1px solid var(--border);border-radius:var(--pr-radius-control);background:var(--surface);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.75rem;padding:.9rem;display:grid}.am-page .ch-finger-number{background:var(--primary);width:2.25rem;height:2.25rem;color:var(--primary-foreground);font-variant-numeric:tabular-nums;border-radius:50%;grid-row:1/3;place-items:center;font-weight:750;display:grid}.am-page .ch-finger-line{background:var(--input);height:1px}.am-page .ch-finger-map strong{font-size:1.25rem}.am-page .ch-finger-map small{color:var(--muted-foreground);font-size:var(--pr-type-meta-size);grid-column:2/4;margin-top:.2rem}.am-page .ch-fingering-scope,.am-page .ch-fingering-unavailable p{color:var(--muted-foreground);font-size:var(--pr-type-copy-size);line-height:var(--pr-type-copy-leading)}.am-page .ch-fingering-unavailable{border-style:dashed}.am-page .ch-fingering-unavailable strong{color:var(--foreground);display:block}.am-page .ch-source-details{border-top:1px solid var(--border);margin-top:1rem}.am-page .ch-source-details summary{cursor:pointer;min-height:var(--pr-control-min-size);color:var(--primary);align-items:center;font-weight:650;display:flex}.am-page .ch-source-details>div{gap:.75rem;padding-bottom:.5rem;display:grid}.am-page .ch-source-details article{border-left:3px solid var(--input);background:var(--background);padding:1rem}.am-page .ch-source-details h3{font-size:1rem}.am-page .ch-source-details p{font-size:var(--pr-type-meta-size);color:var(--muted-foreground);margin-top:.35rem;line-height:1.55}.am-page .ch-source-details small{color:var(--muted-foreground);margin-top:.5rem;display:block}.am-page .ch-practice-task{border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;display:flex}.am-page .ch-practice-task>div{align-items:center;gap:.75rem;display:flex}.am-page .ch-practice-task p{color:var(--muted-foreground);font-size:var(--pr-type-meta-size);margin:0}.am-page .ch-practice-count{background:var(--selected-hover);width:2.25rem;height:2.25rem;color:var(--primary);border-radius:50%;place-items:center;font-weight:750;display:grid}.am-page .ch-practice-fieldset{border:0;min-width:0;margin:1rem 0 0;padding:0}.am-page .ch-practice-keyboard{isolation:isolate;max-width:46rem;height:11.5rem;margin-inline:auto;position:relative}.am-page .ch-practice-key{border:1px solid var(--piano-key-border);border-radius:0 0 var(--pr-radius-key) var(--pr-radius-key);cursor:pointer;font:inherit;padding:0;position:absolute;top:0}.am-page .ch-practice-key.is-white{background:var(--piano-key-white);z-index:1;width:14.2857%;height:100%}.am-page .ch-practice-key.is-black{background:var(--piano-key-black);width:9%;height:62%;color:var(--piano-note-sounding-mark);z-index:2}.am-page .ch-practice-key>span{font-size:var(--pr-type-key-label-size);white-space:nowrap;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.am-page .ch-practice-key.is-black>span{font-size:.68rem;bottom:.45rem}.am-page .ch-practice-key[aria-pressed=true]{background:var(--piano-note-selected);border-color:var(--piano-note-mark);z-index:3;color:var(--foreground);box-shadow:inset 0 -4px 0 var(--piano-note-mark)}.am-page .ch-practice-key:focus-visible{outline:3px solid var(--ring);outline-offset:2px;z-index:5}.am-page .ch-practice-fieldset:disabled{opacity:.7}.am-page .ch-practice-key.key-c{left:0}.am-page .ch-practice-key.key-d{left:14.2857%}.am-page .ch-practice-key.key-e{left:28.5714%}.am-page .ch-practice-key.key-f{left:42.8571%}.am-page .ch-practice-key.key-g{left:57.1429%}.am-page .ch-practice-key.key-a{left:71.4286%}.am-page .ch-practice-key.key-b{left:85.7143%}.am-page .ch-practice-key.is-white[aria-pressed=true]{z-index:1}.am-page .ch-practice-key.is-black[aria-pressed=true]{z-index:4}.am-page .ch-practice-key.key-cs{left:9.78572%}.am-page .ch-practice-key.key-ds{left:24.0714%}.am-page .ch-practice-key.key-fs{left:52.6429%}.am-page .ch-practice-key.key-gs{left:66.9286%}.am-page .ch-practice-key.key-as{left:81.2143%}.am-page .ch-current-selection{min-height:1.75rem;margin-top:1rem}.am-page .ch-current-selection span{color:var(--primary);font-weight:650}.am-page .ch-practice-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.am-page .ch-practice-feedback{border-left:3px solid var(--input);background:var(--background);min-height:3.5rem;color:var(--muted-foreground);margin-top:1rem;padding:.9rem 1rem}.am-page .ch-practice-feedback.is-success{border-color:var(--primary);color:var(--foreground)}.am-page .ch-practice-feedback.is-error{border-color:var(--error);color:var(--error)}.am-page .ch-practice-feedback.is-info{border-color:var(--primary);color:var(--foreground)}.am-page .ch-static-answer{margin-top:1rem}.am-page .ch-static-answer summary{cursor:pointer;font-weight:650}@media (max-width:48rem){.am-page .ch-section-heading{margin-bottom:1rem}.am-page .ch-finger-map{gap:.5rem}.am-page .ch-finger-map li{grid-template-columns:auto 1fr;column-gap:.5rem;padding:.75rem}.am-page .ch-finger-map strong{font-size:1.05rem}.am-page .ch-finger-line{display:none}.am-page .ch-finger-map small{grid-column:2}.am-page .ch-practice-task{display:block}.am-page .ch-practice-task p{margin-top:.5rem}.am-page .ch-practice-keyboard{height:9.5rem}.am-page .ch-practice-key.is-black{width:10%}.am-page .ch-practice-key.key-cs{left:9.28572%}.am-page .ch-practice-key.key-ds{left:23.5714%}.am-page .ch-practice-key.key-fs{left:52.1429%}.am-page .ch-practice-key.key-gs{left:66.4286%}.am-page .ch-practice-key.key-as{left:80.7143%}.am-page .ch-practice-actions{grid-template-columns:1fr 1fr;display:grid}.am-page .ch-practice-actions .am-primary{grid-column:1/-1}}@media (max-width:22rem){.am-page .ch-finger-map{grid-template-columns:1fr}.am-page .ch-practice-key.is-black>span{font-size:0}.am-page .ch-practice-key.is-black>span:after{content:"♯/♭";font-size:.6rem}.am-page .ch-practice-actions{grid-template-columns:1fr}.am-page .ch-practice-actions .am-primary{grid-column:auto}}@media (forced-colors:active){.am-page .ch-practice-key[aria-pressed=true],.am-page .ch-finger-number{outline-offset:-3px;outline:2px solid highlight}}@media print{.am-page .ch-fingering,.am-page .ch-practice{display:none!important}}