.ch-page-toc{border-block:1px solid var(--border);margin-block:1.5rem 2rem;padding-block:1rem}.ch-page-toc-label{font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}.ch-page-toc ul{flex-wrap:wrap;column-gap:1.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.ch-page-toc a{min-height:var(--pr-control-min-size);font-size:var(--pr-type-ui-size);color:var(--primary);text-underline-offset:.2em;align-items:center;display:inline-flex}.ch-page-toc a:hover{text-decoration:underline}.ch-topic-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex:none}.ch-page-toc a{gap:.5rem}.ch-page-toc ul{column-gap:1.25rem}.ch-section-title{align-items:flex-start;gap:.75rem;display:flex}.ch-topic-badge{border-radius:var(--pr-radius-control);background:var(--selected-hover);flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}h1 .ch-section-title{align-items:center}h1 .ch-topic-badge{width:2.75rem;height:2.75rem}h1 .ch-topic-icon{width:1.75rem;height:1.75rem}.ch-learning-panel{border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface);padding:1.5rem}#am-next .am-content-body,#chords-next .am-content-body{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1rem;display:grid}#chords-next .am-content-body>p{grid-column:1/-1}#am-next .am-content-body>a,#chords-next .am-content-body>a{border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface);text-align:left;white-space:normal;justify-content:space-between;gap:1rem;min-height:5rem;padding:1rem;display:flex}#am-next .am-content-body>a:after,#chords-next .am-content-body>a:after{content:"→";flex:none}#am-next .am-content-body>a:hover,#chords-next .am-content-body>a:hover{border-color:var(--primary);background:var(--selected-hover)}@media (max-width:47.999rem){.ch-learning-panel{padding:1rem}.ch-page-toc ul{column-gap:1rem}.ch-section-title{gap:.625rem}#am-next .am-content-body,#chords-next .am-content-body{grid-template-columns:1fr}}.am-root-example-panel{border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface);max-width:72ch;color:var(--foreground);grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);gap:2rem;margin-top:2rem;padding:1.5rem;display:grid}.am-root-example-panel .am-eyebrow{color:var(--foreground);font-size:var(--pr-type-section-title-size);margin:0}.am-root-example-panel .am-root-example-copy{min-width:0}.am-root-example-panel .am-root-example-copy p+p{margin-top:1rem}@media (max-width:47.999rem){.am-root-example-panel{padding:1rem;display:block}.am-root-example-panel .am-eyebrow{margin-bottom:1rem}}
.am-page .am-tool-notes:empty{display:none}.am-page .am-black-label{font-size:var(--pr-type-key-label-size);color:var(--foreground);white-space:nowrap;z-index:5;font-weight:600;line-height:1.4;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.am-page .am-key.am-black.am-is-selected{background:var(--piano-key-black);border-color:var(--piano-key-black)}.am-page .am-key.am-black.am-is-selected .am-marker{background:var(--piano-note-sounding-mark)}.am-page .am-key.am-black .am-black-label{color:var(--piano-note-sounding-mark)}.am-page[data-position=Root\ position] tr[data-position=Root\ position],.am-page[data-position=First\ inversion] tr[data-position=First\ inversion],.am-page[data-position=Second\ inversion] tr[data-position=Second\ inversion]{background:var(--selected-hover)}.am-page[data-position=Root\ position] tr[data-position=Root\ position] .am-current-row-mark,.am-page[data-position=First\ inversion] tr[data-position=First\ inversion] .am-current-row-mark,.am-page[data-position=Second\ inversion] tr[data-position=Second\ inversion] .am-current-row-mark{visibility:visible}@media print{.am-page .am-key.am-black .am-black-label{font-size:9pt;color:#fff!important}.am-page .am-key.am-black.am-is-selected .am-marker{background:#fff!important}}