.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-section-title>span:last-child{overflow-wrap:anywhere;min-width:0}.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}}
.site-navigation{display:contents}.site-nav-list,.site-nav-catalog-list{margin:0;padding:0;list-style:none;display:flex}.site-nav-list{align-items:center;gap:.35rem}.site-nav-catalog-list{flex-direction:column;gap:.25rem}.site-nav-topline,.site-nav-chord-item-topline{align-items:center;display:flex}.site-nav-parent-link{white-space:nowrap;align-items:center;min-width:2.75rem;min-height:2.75rem;display:inline-flex}.site-nav-group[data-active] .site-nav-parent-link{color:var(--primary);text-underline-offset:.5rem;font-weight:650;text-decoration:underline;text-decoration-thickness:2px}.site-navigation :is(.site-nav-parent-link,.site-mobile-parent,.site-mobile-catalog-parent):is(:hover,:focus-visible),.site-nav-popup a:is(:hover,:focus-visible){text-underline-offset:.25em;text-decoration:underline!important}.site-nav-trigger,.site-nav-chord-submenu-trigger,.site-nav-chord-group-button{border-radius:var(--pr-radius-control);min-width:2.75rem;height:2.75rem;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-nav-trigger:is(:hover,:focus-visible),.site-nav-chord-submenu-trigger:is(:hover,:focus-visible),.site-nav-chord-group-button:is(:hover,:focus-visible){background:var(--surface);color:var(--foreground)}.site-navigation svg,.site-nav-popup svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:.875rem;height:.875rem}.site-nav-trigger svg,.site-mobile-accordion-trigger svg{transition:transform var(--pr-duration-fast) var(--pr-motion-ease)}.site-nav-trigger[aria-expanded=true] svg,.site-mobile-accordion-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.site-nav-chord-submenu-trigger svg,.site-nav-chord-group-button svg{transform:rotate(-90deg)}.site-nav-positioner{z-index:100;max-width:calc(100vw - 2rem)}.site-nav-popup{width:var(--popup-width);height:var(--popup-height);max-width:var(--available-width);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background);color:var(--foreground);box-shadow:var(--shadow-md);transform-origin:var(--transform-origin);transition:opacity .16s,transform .16s,width .2s,height .2s}.site-nav-popup[data-starting-style],.site-nav-popup[data-ending-style]{opacity:0;transform:translateY(-4px)}.site-nav-viewport{width:100%;height:100%;position:relative;overflow:hidden}.site-nav-panel{width:min(30rem,100vw - 2rem);padding:.75rem}.site-nav-panel a,.site-nav-third-panel a{border-radius:var(--pr-radius-control);min-height:2.75rem;color:var(--foreground);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;text-decoration:none;display:flex}.site-nav-popup a[data-active]{color:var(--primary);font-weight:650}.site-nav-overview-link{border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:.75rem;font-weight:650;border-radius:0!important}.site-nav-overview-link span{color:var(--muted-foreground)}.site-nav-panel-links,.site-nav-catalog-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;display:grid}.site-nav-popup h3{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;margin:.5rem .75rem .35rem;font-size:.6875rem;font-weight:650}.site-nav-chord-parent-link{flex:1;min-width:0}.site-nav-chord-group-button{width:100%;color:var(--foreground);justify-content:space-between;padding:0 .875rem 0 .75rem;font-size:.875rem}.site-nav-third-panel{width:18rem;max-width:calc(100vw - 2rem);padding:.75rem}.site-nav-third-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem;display:grid}.site-nav-third-panel[data-kind=more] .site-nav-third-links{grid-template-columns:1fr}.site-nav-catalog-overview{border-bottom:1px solid var(--border);margin-bottom:.5rem;font-weight:650;border-radius:0!important}.site-nav-popup :is(a,button):focus-visible,.site-navigation :is(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.site-menu-button{display:none}.am-menu-button{border:1px solid var(--border);background:var(--background);width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0}.am-menu-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1.3rem}.am-mobile-nav{z-index:90;padding:1rem max(1.25rem,calc((100% - var(--pr-container-width,72rem))/2));border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--background);box-shadow:var(--shadow-md);position:absolute;top:100%;left:0;right:0}.site-mobile-nav{max-height:calc(100vh - 4rem);overflow-y:auto}.site-mobile-section{border-bottom:1px solid var(--border);padding:.75rem 0}.site-mobile-section:last-child{border-bottom:0}.site-mobile-topline{align-items:stretch;gap:.25rem;min-width:0;display:flex}.site-mobile-parent{min-width:0;min-height:2.75rem;color:var(--foreground);flex:1;align-items:center;padding:.3rem 0;font-size:.9375rem;font-weight:680;text-decoration:none;display:flex}.site-mobile-topline .site-mobile-catalog-parent{min-width:0;min-height:2.75rem;color:var(--foreground);flex:1;align-items:center;font-weight:620;display:flex}.site-mobile-topline .site-mobile-split-trigger{border:0;flex:0 0 2.75rem;justify-content:center;width:2.75rem}.site-mobile-nav .site-mobile-overview{min-height:2.75rem;color:var(--foreground);text-underline-offset:.2em;align-items:center;padding:.45rem .55rem;font-size:.875rem;font-weight:650;text-decoration:underline;display:flex}.site-mobile-nav a{min-height:2.75rem}.site-mobile-children{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;margin-top:.35rem;display:grid}.site-mobile-children a{color:var(--muted-foreground);border-radius:.4rem;padding:.45rem .55rem;font-size:.875rem;line-height:1.4;text-decoration:none;display:block}.site-mobile-nav a[aria-current=page]{color:var(--primary);text-underline-offset:.25em;text-decoration:underline}.site-mobile-children a:is(:hover,:focus-visible){text-underline-offset:.25em;text-decoration:underline}.site-mobile-children-chords{display:block}.site-mobile-children-chords>.site-mobile-view-all{min-height:2.75rem;color:var(--foreground);border-radius:.4rem;align-items:center;margin-bottom:.25rem;padding:.45rem .55rem;font-size:.875rem;font-weight:650;text-decoration:none;display:flex}.site-mobile-accordion{border-top:1px solid var(--border)}.site-mobile-accordion:first-child{border-top:0}.site-mobile-accordion-trigger{text-align:left;border-radius:.4rem;justify-content:space-between;align-items:center;width:100%;min-height:2.75rem;padding:.5rem .55rem;font-size:.875rem;font-weight:620;display:flex}.site-mobile-accordion-trigger:is(:hover,:focus-visible){background:var(--surface)}.site-mobile-accordion-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.site-mobile-accordion-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .4rem;padding:.1rem 0 .55rem .35rem;display:grid}.site-mobile-accordion-panel[data-kind=more]{grid-template-columns:1fr}.site-mobile-accordion-panel .site-mobile-view-all{color:var(--foreground);grid-column:1/-1;font-weight:650}.site-mobile-chord-direct{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;padding-top:.4rem;display:grid}.site-mobile-accordion-panel a,.site-mobile-chord-direct a{align-items:center;min-height:2.75rem;display:flex}.am-page .am-site-header{z-index:40;background:var(--background);position:relative}@media (min-width:1201px){.am-page .am-site-nav.site-nav-desktop{gap:0}.am-page .am-site-header .am-header-inner{flex-wrap:nowrap;gap:1.5rem;display:flex}.am-page .am-site-nav,.am-page .am-header-right{margin-left:auto}.am-page .am-site-nav [aria-current]:after{display:none}}@media (max-width:1200px){.site-nav-desktop{display:none!important}.site-menu-button{display:flex}.am-page .am-site-header .am-header-inner{flex-wrap:nowrap;gap:.75rem}.am-page .am-site-header .am-header-right{align-items:center;width:auto;margin-left:auto}.am-page .site-menu-button{order:3;margin-left:0}.ph-mobile-nav.site-mobile-nav{padding:10px 24px 18px}.ph-mobile-nav .site-mobile-section{padding:.55rem 0}.ph-mobile-nav .site-mobile-parent{padding:.25rem 4px;font-size:.9375rem;font-weight:680}.ph-mobile-nav .site-mobile-children a{padding:.42rem .55rem;font-size:.875rem}}@media (max-width:480px){.site-mobile-children{grid-template-columns:1fr}.site-mobile-accordion-panel,.site-mobile-chord-direct{grid-template-columns:repeat(2,minmax(0,1fr))}.site-mobile-accordion-panel[data-kind=more]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.site-nav-popup,.site-nav-trigger svg,.site-mobile-accordion-trigger svg{transition:none}}@media (forced-colors:active){.site-nav-popup,.am-mobile-nav{border:1px solid canvastext}.site-nav-popup a[data-active],.site-mobile-nav a[aria-current=page]{text-decoration:underline}}.site-mobile-accordion-trigger{color:var(--foreground);cursor:pointer;background:0 0;border:0;font-family:inherit}.site-mobile-topline .site-nav-trigger{width:2.75rem}.site-navigation .site-menu-button svg{width:1.25rem;height:1.25rem}.site-nav-panel-catalog{width:min(47rem,100vw - 2rem)}.site-nav-catalog-layout{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}.site-nav-catalog{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:0 .75rem;display:grid}.site-nav-catalog>h3{grid-area:1/1}.site-nav-catalog-list{grid-area:2/1}.site-nav-catalog-viewport{border-left:1px solid var(--border);grid-area:1/2/span 2;min-height:2.75rem;position:relative}.site-nav-catalog-viewport .site-nav-third-panel{width:100%;padding:0 0 0 .5rem}.site-nav-popup .site-nav-chord-parent-link[data-active]{color:var(--foreground);font-weight:inherit}.site-nav-popup .site-nav-chord-item[data-expanded] .site-nav-chord-parent-link,.site-nav-chord-item[data-expanded] .site-nav-chord-group-button{color:var(--primary);font-weight:650}.site-navigation,.site-nav-popup,.home-page .ph-site-header{--background:#181f27;--foreground:#e8edf3;--muted-foreground:#b6c0ce;--surface:#28313c;--border:#36404c;--primary:#e6d394}.am-page .am-site-header,.home-page .ph-site-header{background:#181f27;border-bottom-color:#36404c}.am-page .am-site-header .am-brand,.ph-site-header .ph-brand{color:#e8edf3}.am-page .am-site-header .am-search-trigger{color:#b6c0ce}.site-navigation .site-nav-parent-link{color:var(--muted-foreground);gap:.4rem;padding-inline:.5rem;font-size:.875rem}.site-nav-list{gap:.125rem}.site-nav-topline{border-radius:var(--pr-radius-control)}.site-nav-group[data-active] .site-nav-topline{background:var(--surface)}.site-navigation .site-nav-group[data-active] .site-nav-parent-link{color:var(--primary);text-decoration:none}.site-nav-group[data-active] .site-nav-trigger{color:var(--primary)}.site-navigation .site-nav-icon{flex-shrink:0;display:inline-flex}.site-navigation .site-nav-icon svg{width:1.125rem;height:1.125rem}.site-navigation .site-mobile-parent{gap:.75rem;padding-inline:.75rem;font-weight:550}.site-mobile-section[data-active]>.site-mobile-topline{background:var(--surface);border-radius:var(--pr-radius-control)}.site-mobile-section[data-active]>.site-mobile-topline :is(.site-mobile-parent,.site-nav-trigger){color:var(--primary)}.site-nav-chord-item[data-expanded] .site-nav-chord-item-topline{background:var(--surface);border-radius:var(--pr-radius-control)}.site-nav-popup a:hover{background:var(--surface)}.site-navigation .site-mobile-accordion[data-open]>.site-mobile-topline{background:var(--surface);border-radius:var(--pr-radius-control)}.site-mobile-accordion[data-open]>.site-mobile-topline :is(a,button){color:var(--primary)}.site-navigation .site-mobile-nav{background:var(--background);color:var(--foreground)}@media (min-width:1201px){.am-page .am-site-header .am-header-inner,.ph-site-header .ph-header-inner{gap:1rem;width:calc(100% - 48px);max-width:1440px}.am-page .am-site-header .am-search-trigger{justify-content:center;width:2.75rem;font-size:0}.am-page .am-site-header .am-search-trigger .am-icon{width:1.25rem;height:1.25rem}}@media (max-width:1200px){.site-navigation .site-menu-button{display:flex}.ph-site-header .ph-header-cta{display:none}}@media (forced-colors:active){.site-nav-group[data-active] .site-nav-topline,.site-mobile-section[data-active]>.site-mobile-topline,.site-nav-chord-item[data-expanded] .site-nav-chord-item-topline{outline:1px solid highlight}}.site-navigation .site-nav-icon svg{color:inherit}:is(.am-site-header,.ph-site-header) .site-brand-mark{color:#e8edf3}:is(.am-site-header,.ph-site-header) .site-brand-cut{fill:#181f27}.site-nav-topline{pointer-events:auto}.site-nav-popup .site-nav-third-panel a:is(:hover,:focus-visible),.site-mobile-accordion-panel a:is(:hover,:focus-visible){color:var(--primary);background:var(--surface)}.site-nav-chord-item[data-expanded] .site-nav-chord-submenu-trigger{color:var(--primary)}.site-nav-catalog-layout{min-height:22rem}.site-nav-topline,.site-nav-popup,.site-nav-popup a,.site-nav-popup button{pointer-events:auto!important}.site-nav-popup:before{content:"";pointer-events:auto;height:12px;position:absolute;top:-12px;left:0;right:0}
.site-brand{color:var(--foreground);letter-spacing:-.015em;white-space:nowrap;align-items:center;gap:11px;font-size:15px;font-weight:690;line-height:1.4;text-decoration:none;display:inline-flex}.site-brand-mark{width:32px;height:32px;color:var(--foreground);flex:none}.site-brand-cut{fill:var(--background)}@media (max-width:700px){.site-brand-mark{width:29px;height:29px}}