.sg-easy-page,.ch-center,.sc-center{--topic-ochre-ink:#94540d;--topic-ochre-soft:#fff4d8;--topic-purple-ink:#71548e;--topic-purple-soft:#f2ecf8;--topic-green-ink:#416c57;--topic-green-soft:#eaf3ec;--topic-coral-ink:#a7493f;--topic-coral-soft:#fceee8;--topic-teal-ink:#376e76;--topic-teal-soft:#e8f3f3;--topic-paper:#faf7f0;--topic-rule:#e6e3dd}.topic-panel{border:1px solid var(--topic-rule);border-radius:var(--pr-radius-panel);background:var(--background)}.topic-callout{padding:var(--pr-space-16) var(--pr-space-20);background:var(--topic-paper);border-left:3px solid var(--topic-accent,var(--topic-ochre-ink));border-radius:var(--pr-radius-panel)}@media (max-width:47.999rem){.topic-callout{padding:var(--pr-space-16)}}
@media screen{.sc-center{--topic-accent:var(--topic-green-ink)}.sc-center main{padding-bottom:48px}.sc-center .am-page-heading{margin:0 0 24px;padding:20px 0 0}.sc-center .am-page-heading h1{margin-top:12px}.sc-center .am-direct-answer{max-width:72ch;margin-top:8px}.sc-center-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.sc-center-actions a{border:1px solid var(--topic-rule);background:var(--topic-paper);border-radius:8px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none}.sc-center-actions a:first-child{background:var(--topic-ochre-soft);color:var(--topic-ochre-ink);border-color:var(--topic-ochre-ink)}.sc-center .sc-center-actions a:first-child{background:var(--topic-ochre-soft);color:var(--topic-ochre-ink);border:1px solid var(--topic-ochre-ink);padding:10px 16px}.sc-center-intro-left>p+p{margin-top:16px}.sc-center #twelve-major-scales .sc-center-intro-left .sc-related{margin-top:8px}.sc-center-resource-note{align-items:center;gap:16px;margin-top:16px;display:flex}.sc-center-resource-note>p{color:var(--muted-foreground);flex:1;font-size:15px}.sc-center-resource-note .sc-related{flex:none;margin:0!important}.sc-center .sc-reading{margin-top:0;container-type:normal}.sc-center .am-content-section{border-color:var(--topic-rule);padding:36px 0;display:block}.sc-center .am-content-section>h2{max-width:none;margin-bottom:20px}.sc-center .am-content-body{min-width:0;max-width:none}.sc-center .am-content-body>p{max-width:76ch}.sc-center #twelve-major-scales{border-top:1px solid var(--topic-rule);padding:24px 0 32px}.sc-center-intro-grid{grid-template-columns:1fr 1.12fr;gap:24px;display:grid}.sc-center-intro-grid>p{padding:4px 0;font-size:17px;line-height:1.65}.sc-center-first-scales{background:var(--topic-paper);border-left:3px solid var(--topic-ochre-ink);border-radius:12px;padding:20px}.sc-center-first-scales .sc-related{gap:8px;margin-top:16px}.sc-center-first-scales .sc-related a{border:1px solid var(--topic-rule);min-height:44px;color:var(--topic-green-ink);background:#fff;border-radius:8px;flex:0 auto;padding:8px 12px}.sc-center-first-scales .sc-related a:last-child{background:var(--topic-purple-soft);color:var(--topic-purple-ink)}.sc-center #twelve-major-scales .am-content-body{display:block}.sc-center #twelve-major-scales .am-content-body>p{margin-top:16px}.sc-center #twelve-major-scales .sc-related[aria-label="All major scales"]{margin-top:4px}.sc-center-jumps{border-top:1px solid var(--topic-rule);border-bottom:1px solid var(--topic-rule);flex-wrap:wrap;gap:8px 24px;margin:0 0 24px;padding:16px 0;display:flex}.sc-center-jumps a{min-height:44px;color:var(--topic-green-ink);text-underline-offset:5px;align-items:center;font-size:14px;font-weight:600;text-decoration:underline;display:flex}.sc-center #sc-start{border-top:1px solid var(--topic-rule);padding:36px 0}.sc-center #sc-start .sc-preserved-copy{color:var(--foreground);background:0 0;border:0;padding:0}.sc-center #sc-start .am-content-body{grid-template-columns:1fr 1fr;gap:24px}.sc-center .sc-tool{border:1px solid var(--topic-rule);border-top:3px solid var(--topic-green-ink);background:#fff;border-radius:12px;min-width:0;padding:24px}.sc-center .sc-controls{background:var(--topic-paper);border:0;border-radius:8px;grid-template-columns:1.3fr .85fr 1fr 1.2fr;gap:16px;margin:0 0 24px;padding:20px}.sc-center .kn-field{gap:8px;min-width:0;font-size:14px;font-weight:600}.sc-center .kn-field select,.sc-center .kn-field input{background:#fff;width:100%;min-width:0;font-size:15px;font-weight:400}.sc-center .sc-result-head{align-items:center;margin-top:0}.sc-center .sc-result-head h2{font-size:30px;line-height:1.2}.sc-center .sc-result-meta{gap:20px}.sc-center .sc-note-line{letter-spacing:.01em;margin-top:12px;font-size:28px;line-height:1.45}.sc-center .sc-current-answer{padding-bottom:16px}.sc-center .sc-notation{border-color:var(--topic-rule);grid-template-columns:1.12fr 1fr;align-items:center;gap:24px;margin:0;padding-top:20px;display:grid}.sc-center .sc-sequence-heading{display:block}.sc-center .sc-sequence-heading span{margin:4px 0 12px;display:block}.sc-center .sc-sequence-table{table-layout:fixed;min-width:0}.sc-center .sc-sequence-table th{width:4rem}.sc-center .sc-sequence-table td{background:var(--topic-paper);padding:12px 3px;font-size:14px}.sc-center .sc-sequence-table tr:nth-child(2) td{background:var(--topic-green-soft);color:var(--topic-green-ink);font-weight:650}.sc-center .sc-notation .kn-staff-frame{border-color:var(--topic-rule);margin:0}.sc-center .sc-keyboard-heading{margin-top:24px}.sc-center .sc-reference>.kn-key-scroll{border:0;border-top:1px solid var(--topic-rule);border-bottom:1px solid var(--topic-rule);overscroll-behavior-x:contain;scrollbar-gutter:stable;background:#fff;padding:12px 0 4px}.sc-center .sc-reference .kn-keyboard{max-width:none;margin-inline:auto;width:42rem!important}.sc-center .sc-actions{margin-top:20px}.sc-center .sc-print-bar{border:0;margin:12px 0 0;padding:0}.sc-center .sc-scope-note{max-width:85ch}.sc-center .sc-sources{border-color:var(--topic-rule);margin-top:20px;padding-top:16px}.sc-center .sc-sources ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.sc-center .sc-sources a{color:var(--topic-green-ink);font-size:13px}.sc-center .sc-source-scope{font-size:13px}.sc-center-learning{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:24px;display:grid}.sc-center .sc-learning-card{border:1px solid var(--topic-rule);border-top:3px solid var(--topic-purple-ink);background:#fff;border-radius:12px;min-width:0;margin:0;padding:24px}.sc-center #follow-along{border-top-color:var(--topic-green-ink)}.sc-center .sc-learning-head{margin-bottom:16px;display:block}.sc-center .sc-learning-head .kn-field{min-width:0;max-width:100%;margin-top:16px}.sc-center .sc-learning-head>strong{color:var(--topic-green-ink);margin-top:12px;font-size:20px;display:block}.sc-center .sc-pitch-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-center .sc-pitch-buttons button[aria-pressed=true]{background:var(--topic-purple-soft);border-color:var(--topic-purple-ink);color:var(--topic-purple-ink)}.sc-center .sc-pitch-buttons button[aria-pressed=true]:before{content:"✓ ";font-weight:700}.sc-center .sc-static-answers{background:var(--topic-purple-soft);padding:16px;font-size:14px}.sc-center .sc-practice-controls{grid-template-columns:1fr 1fr;gap:16px}.sc-center .sc-tempo-shortcuts button[aria-pressed=true]{color:var(--topic-green-ink);background:var(--topic-green-soft);border-color:var(--topic-green-ink);font-weight:700}.sc-center .sc-tempo-shortcuts button[aria-pressed=true]:before{content:"● ";font-size:10px}.sc-center .sc-practice-actions{margin-top:16px}.sc-center #follow-along>.sc-feedback{background:var(--topic-green-soft);border-radius:8px;margin-top:16px;padding:12px}.sc-center .sc-finder{background:var(--topic-paper);border:1px solid var(--topic-rule);border-left:3px solid var(--topic-ochre-ink);border-radius:12px;margin:32px 0 0;padding:24px}.sc-center .sc-finder>p{max-width:78ch;margin-top:12px}.sc-center .sc-finder-keys{grid-template-columns:repeat(6,minmax(0,1fr))}.sc-center .sc-finder-keys>label{border:1px solid var(--input);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:6px;display:flex}.sc-center .sc-finder-keys>label>span{background:0 0;border:0;min-height:0;padding:0}.sc-center .sc-finder-keys>label .pg-checkbox{flex:none}.sc-center .sc-finder-keys>label:has([data-checked]){background:var(--topic-ochre-soft);border-color:var(--topic-ochre-ink);color:var(--topic-ochre-ink)}.sc-center .sc-finder-keys>label:focus-within{outline:2px solid var(--ring);outline-offset:4px}.sc-center .sc-finder-results{border-color:var(--topic-rule);padding-top:16px}.sc-center .sc-finder-results>p{font-size:15px}.sc-center #supported-references{margin-top:16px}.sc-center-reference-grid{grid-template-columns:1fr 1fr;column-gap:32px;display:grid}.sc-center .sc-reference-group{border-top:2px solid var(--topic-ochre-ink);margin-top:24px;padding-top:16px}.sc-center #minor-scale-references{border-color:var(--topic-purple-ink)}.sc-center #other-scale-references{border-color:var(--topic-teal-ink)}.sc-center .sc-reference-group:last-child{border-color:var(--topic-green-ink)}.sc-center .sc-reference-group h3{margin:0 0 8px;font-size:18px}.sc-center .sc-route-directory{grid-template-columns:1fr 1fr;gap:0 16px}.sc-center .sc-route-directory a{border-bottom:1px solid var(--topic-rule);color:var(--foreground);text-underline-offset:4px;min-height:44px;padding:10px 0;font-size:15px;text-decoration:underline}.sc-center #resources .am-content-body>p{max-width:none}.sc-center .sc-resource-grid{gap:16px}.sc-center .sc-resource-grid article{background:var(--topic-ochre-soft);border-color:var(--topic-rule);border-top:3px solid var(--topic-ochre-ink);padding:20px}.sc-center .sc-resource-grid article:nth-child(2){background:var(--topic-purple-soft);border-top-color:var(--topic-purple-ink)}.sc-center .sc-resource-grid article:nth-child(3){background:var(--topic-green-soft);border-top-color:var(--topic-green-ink)}.sc-center .sc-resource-grid h3{font-size:18px}.sc-center .sc-resource-grid .am-button{border:1px solid var(--topic-rule);background:#fff;min-height:44px;padding:8px 12px}.sc-center .sc-copy-section .sc-preserved-copy{background:var(--topic-paper);border-left:3px solid var(--topic-ochre-ink);color:var(--foreground);border-radius:8px;max-width:none;padding:16px 20px}.sc-center #sc-minor .sc-preserved-copy,.sc-center #sc-compare .sc-preserved-copy{background:var(--topic-purple-soft);border-color:var(--topic-purple-ink)}.sc-center #sc-degrees .sc-preserved-copy,.sc-center #sc-practice .sc-preserved-copy{background:var(--topic-green-soft);border-color:var(--topic-green-ink)}.sc-center #sc-jazz .sc-preserved-copy{background:var(--topic-teal-soft);border-color:var(--topic-teal-ink)}.sc-center .sc-table-wrap{border:1px solid var(--topic-rule);border-radius:12px;overflow:hidden}.sc-center .sc-data-table{font-size:15px}.sc-center .sc-data-table th{background:var(--topic-paper);border-color:var(--topic-rule);color:var(--foreground);padding:12px 16px;font-weight:600}.sc-center .sc-data-table td{border-color:var(--topic-rule);padding:13px 16px}.sc-center .sc-data-table tbody tr:nth-child(2n){background:#fdfcf9}.sc-center .sc-data-table tbody tr:last-child td{border-bottom:0}.sc-center .sc-table-hint{padding:12px 12px 0}.sc-center #sc-print .am-content-body{background:var(--topic-paper);border-left:3px solid var(--topic-ochre-ink);border-radius:12px;padding:24px}.sc-center #sc-print .sc-preserved-copy{background:0 0;border:0;padding:0}.sc-center #sc-print .am-button{white-space:normal;text-align:left}.sc-center .sc-page-sources{grid-template-columns:1fr 1fr;gap:24px;display:grid}.sc-center .sc-page-sources article{border:0;border-top:1px solid var(--topic-rule);background:0 0;border-radius:0;padding:16px 0}.sc-center .sc-page-sources h3 a{color:var(--topic-green-ink)}.sc-center .sc-copy-note-line{border:1px solid var(--topic-rule);border-radius:8px;padding:12px 16px;font-size:18px}.sc-center .am-button{white-space:normal}@media (max-width:767px){.sc-center .am-page-heading{margin-bottom:24px;padding-top:16px}.sc-center .am-page-heading h1{margin-top:12px}.sc-center-actions{gap:8px}.sc-center .sc-center-actions{grid-template-columns:1fr 1fr;max-width:100%;display:grid}.sc-center .sc-center-actions a,.sc-center .sc-center-actions a:first-child{text-align:center;justify-content:center;align-items:center;min-width:0;padding:10px 6px;font-size:14px;display:flex}.sc-center-actions a{padding:10px 12px;font-size:14px}.sc-center .am-content-section{padding:32px 0}.sc-center #twelve-major-scales{padding:24px 0}.sc-center-intro-grid{grid-template-columns:1fr;gap:16px}.sc-center-resource-note{display:block}.sc-center-resource-note .sc-related{justify-content:flex-start;margin-top:8px!important}.sc-center-intro-grid>p{padding:0;font-size:16px}.sc-center-first-scales{padding:16px}.sc-center-first-scales .sc-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sc-center-first-scales .sc-related a{flex:none;justify-content:center;padding:8px 6px;font-size:14px}.sc-center-jumps{gap:4px 16px;margin-bottom:24px;padding:8px 0}.sc-center-jumps a{font-size:14px}.sc-center #sc-start .am-content-body{grid-template-columns:1fr;gap:16px}.sc-center .sc-tool{padding:16px}.sc-center .sc-controls{grid-template-columns:1fr 1fr;gap:16px 12px;margin-bottom:20px;padding:12px}.sc-center .sc-controls select{font-size:14px}.sc-center .sc-result-head{display:block}.sc-center .sc-result-head h2{font-size:28px}.sc-center .sc-result-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.sc-center .sc-result-meta>div:last-child{grid-column:1/-1}.sc-center .sc-result-meta dt{font-size:12px}.sc-center .sc-result-meta dd{font-size:14px}.sc-center .sc-note-line{letter-spacing:0;font-size:21px}.sc-center .sc-notation{padding-top:16px;display:block}.sc-center .sc-sequence-table{min-width:37rem}.sc-center .sc-notation .kn-staff-frame{margin-top:16px}.sc-center .sc-reference .kn-keyboard{margin-left:0}.sc-center .sc-sources ul{grid-template-columns:1fr;gap:16px}.sc-center-learning{grid-template-columns:1fr;gap:24px}.sc-center .sc-learning-card{padding:20px 16px}.sc-center .sc-finder{margin-top:24px;padding:20px 16px}.sc-center .sc-finder-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sc-center .sc-finder-keys>label{gap:4px;padding:6px 4px}.sc-center .sc-finder-keys>label>span{font-size:13px}.sc-center-reference-grid{grid-template-columns:1fr;gap:0}.sc-center .sc-route-directory{grid-template-columns:1fr 1fr}.sc-center .sc-resource-grid{grid-template-columns:1fr}.sc-center .sc-resource-grid .sc-related{display:flex}.sc-center .sc-resource-grid .sc-related a{flex:0 auto}.sc-center .sc-page-sources{grid-template-columns:1fr;gap:8px}.sc-center #sc-print .am-content-body,.sc-center .sc-copy-section .sc-preserved-copy{padding:16px}.sc-center .sc-data-table td,.sc-center .sc-data-table th{padding:12px}}.sc-center .sc-finder-keys>label>.pg-checkbox{border:1px solid var(--input);background:var(--background);border-radius:4px;width:16px;height:16px;min-height:16px;padding:0}.sc-center .sc-finder-keys>label>.pg-checkbox[data-checked]{background:var(--topic-ochre-soft);border-color:var(--topic-ochre-ink);color:var(--topic-ochre-ink)}.sc-center .sc-finder-keys .pg-checkbox-indicator{width:12px;height:12px;min-height:0;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.sc-center .sc-finder-keys .pg-checkbox-indicator svg{flex:none;display:block}.sc-center .sc-center-actions a:hover,.sc-center .sc-center-first-scales a:hover{border-color:var(--topic-ochre-ink)}.sc-center .sc-center-jumps a:hover{text-decoration-thickness:2px}}
