.chord-scales[data-v-ad5441bb]{border-collapse:collapse;width:100%;font-size:.92rem}.chord-scales th[data-v-ad5441bb]{color:#93a8bf;letter-spacing:.1em;text-align:left;text-transform:uppercase;padding:0 8px 6px 0;font-size:.72rem;font-weight:700}.chord-scales td[data-v-ad5441bb]{vertical-align:top;border-top:1px solid #dbe6f114;padding:7px 8px 7px 0}.chord-scales .roman[data-v-ad5441bb]{color:#93a8bf;white-space:nowrap;font-weight:600}.chord-scales .chord[data-v-ad5441bb]{color:#f3f7fb;white-space:nowrap;font-weight:700}.chord-scales .bars[data-v-ad5441bb]{color:#93a8bf;font-size:.78rem;font-weight:400;display:block}.chord-scales a[data-v-ad5441bb]{color:#7db9de;font-weight:600}.chord-scales .or[data-v-ad5441bb]{color:#93a8bf}.theory-intro p[data-v-3cadff55]{margin-bottom:.6rem}.key-panel[data-v-3cadff55]{gap:14px}.contents[data-v-3cadff55]{flex-wrap:wrap;gap:6px;display:flex}.contents a[data-v-3cadff55]{color:#dbe6f1;border:1px solid #dbe6f129;border-radius:999px;padding:5px 12px;font-size:.9rem;font-weight:600;text-decoration:none}.contents a[data-v-3cadff55]:hover{border-color:#7db9de}.family[data-v-3cadff55],.glossary>div[data-v-3cadff55],.progression[data-v-3cadff55]{scroll-margin-top:80px}.family-text[data-v-3cadff55]{color:#93a8bf;max-width:68ch;margin:-.5rem 0 1rem}.progression[data-v-3cadff55]{gap:14px}.progression+.progression[data-v-3cadff55]{margin-top:12px}.progression h3[data-v-3cadff55]{color:#f7a433;margin:0;font-size:1.2rem;font-weight:800;line-height:1.3}.progression p[data-v-3cadff55]{max-width:70ch;margin:0}.progression .roman[data-v-3cadff55]{color:#f3f7fb;font-weight:600}.progression .short[data-v-3cadff55],.sequence li[data-v-3cadff55]{font-weight:600}.sequence[data-v-3cadff55]{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.sequence li[data-v-3cadff55]{color:#f3f7fb;border:1px solid #dbe6f129;border-radius:8px;padding:4px 10px;font-size:.9rem}.sequence li.active[data-v-3cadff55]{color:#f7a433;background-color:#f7a4331f;border-color:#f7a433bf}.actions[data-v-3cadff55]{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.glossary[data-v-3cadff55]{flex-direction:column;gap:16px;margin:0 0 1rem;display:flex}.glossary dt[data-v-3cadff55]{color:#f7a433;font-weight:700}.glossary dd[data-v-3cadff55]{max-width:70ch;margin:2px 0 0}