@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.right-0{right:0}.left-0{left:0}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-\[200\]{z-index:200}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-full{height:100%}.w-full{width:100%}.max-w-\[230px\]{max-width:230px}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-px{gap:1px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-foreground{background-color:var(--ink)}.bg-muted{background-color:var(--card)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-\[5px\]{padding-block:5px}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-28{padding-top:calc(var(--spacing) * 28)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.text-foreground{color:var(--ink)}.text-muted-foreground{color:var(--ink-muted)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-ring{--tw-ring-color:var(--accent)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:cursor-grabbing:active{cursor:grabbing}@media (min-width:40rem){.sm\:pt-24{padding-top:calc(var(--spacing) * 24)}.sm\:pt-32{padding-top:calc(var(--spacing) * 32)}.sm\:pb-32{padding-bottom:calc(var(--spacing) * 32)}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f6f2e9;--card:#ede7d9;--rule:#d8d0be;--ink-muted:#6e655a;--ink:#1e1b17;--teal:#1f4e4a;--brass:#a87f3d;--oxblood:#8c2f2f;--accent:var(--teal);--on-accent:var(--paper);--role-root:var(--oxblood);--role-third:var(--accent);--role-fifth:var(--ink);--role-seventh:var(--brass-ink);--role-ext:var(--ink);--brass-ink:#85632a;--on-photo:#f6f2e9;--photo-edge:#4e2f21}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#16140f;--card:#211e18;--rule:#38322a;--ink-muted:#a79c88;--ink:#e8e2d4;--teal:#4fa89c;--brass:#d4a94f;--oxblood:#d45c5c;--brass-ink:var(--brass);--photo-edge:#3d261b}}:root:has(main[data-scale=major]){--paper:#f7efd9;--card:#efe3c5;--rule:#dbcb9f;--ink-muted:#725f47;--ink:#241a10;--accent:#663d0b}@media (prefers-color-scheme:dark){:root:has(main[data-scale=major]){--paper:#1a150d;--card:#261f13;--rule:#413522;--ink-muted:#b3a284;--ink:#efe5cd;--accent:#dca94a}}:root:has(main[data-scale=minor]){--paper:#eef0f1;--card:#e2e6e9;--rule:#c3cad0;--ink-muted:#5b6570;--ink:#171b1f;--accent:#3f4d57}@media (prefers-color-scheme:dark){:root:has(main[data-scale=minor]){--paper:#131719;--card:#1b2124;--rule:#2f383d;--ink-muted:#a1adb7;--ink:#e5eaee;--accent:#9fb3bf}}:root:has(main[data-scale=harmonic-minor]){--paper:#f1edea;--card:#e6e0dc;--rule:#cbc2bd;--ink-muted:#685c5a;--ink:#1f1918;--accent:#5a3846}@media (prefers-color-scheme:dark){:root:has(main[data-scale=harmonic-minor]){--paper:#161213;--card:#1f1a1b;--rule:#362e30;--ink-muted:#aea0a2;--ink:#ece5e5;--accent:#c9a3b1}}:root:has(main[data-scale=melodic-minor]){--paper:#f0f0f2;--card:#e5e5e9;--rule:#c8c8d0;--ink-muted:#606069;--ink:#18181c;--accent:#484563}@media (prefers-color-scheme:dark){:root:has(main[data-scale=melodic-minor]){--paper:#141418;--card:#1c1c21;--rule:#32323a;--ink-muted:#a7a7b2;--ink:#e9e9ee;--accent:#aeaacb}}:root:has(main[data-scale=major-pentatonic]){--paper:#f7f5ec;--card:#edeadd;--rule:#d3cfb9;--ink-muted:#62654f;--ink:#1c1d15;--accent:#46542d}@media (prefers-color-scheme:dark){:root:has(main[data-scale=major-pentatonic]){--paper:#151810;--card:#1e2216;--rule:#343a27;--ink-muted:#a9b18d;--ink:#ecefdc;--accent:#a9b981}}:root:has(main[data-scale=minor-pentatonic]){--paper:#eeeae4;--card:#e2ddd4;--rule:#c6beb2;--ink-muted:#645c54;--ink:#1b1816;--accent:#36476a}@media (prefers-color-scheme:dark){:root:has(main[data-scale=minor-pentatonic]){--paper:#161412;--card:#201d1a;--rule:#36322d;--ink-muted:#aca49a;--ink:#ece8e2;--accent:#9dafd0}}html{height:100%}body{min-height:100%}@font-face{font-family:Music Signs;src:url(/fonts/music-signs.woff2)format("woff2");unicode-range:U+266D-266F,U+1D12A-1D12B;font-display:swap}html{font-family:"Music Signs", var(--font-body), ui-sans-serif, system-ui, sans-serif}.sign-sharp{margin-inline:.096em;display:inline-block;transform:scaleX(1.7)scaleY(.88)translateY(-.22em)}.sign-double-sharp{margin-inline:.12em;display:inline-block;transform:translateY(-.26em)scale(1.35)}.sign-word{white-space:nowrap}.board__heading,.playing__heading,.over__heading,.playing__lead,.notes__heading,.chords__heading,.functions__heading,.progressions__heading,.progressions__genre-heading,.writing__heading,.family__heading,.chordsheet__heading,.concept__heading,.concept__subheading,.concept__title,.passage__label,.passage__lede,.set__name{font-family:"Music Signs", var(--font-serif), Georgia, "Times New Roman", serif}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.display{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.75rem,9vw,6rem);font-weight:600;line-height:.88}.eyebrow{color:var(--brass);letter-spacing:.22em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.lede{letter-spacing:-.005em;text-wrap:pretty;font-size:clamp(1rem,1.6vw,1.175rem);line-height:1.45}.muted{color:var(--ink-muted)}.page{--page-x:1.25rem;padding-inline:max(var(--page-x), env(safe-area-inset-left)) max(var(--page-x), env(safe-area-inset-right));overflow-x:clip}@media (min-width:40rem){.page{--page-x:2.5rem}}@media (min-width:80rem){.page{--page-x:3.5rem}}.spread{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.spread__key,.spread__scale{padding-top:1.5rem}.spread__scale{border-top:1px solid var(--rule);margin-top:3.5rem;padding-bottom:2.5rem}.spread__player{margin:0;display:none}.spread__readout{margin:0 0 1.75rem}.spread__readout--scale{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:600;line-height:.95}@media (min-width:64rem){.spread{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2rem;display:grid}.spread__key{grid-area:1/1/auto/9}.keynote{grid-area:2/1/auto/9}.spread__scale{grid-area:3/1/auto/9}.spread__player{grid-area:1/9/4/13;align-self:end;display:block;position:sticky;bottom:0}}@media (min-width:80rem){.spread{grid-template-rows:auto 1fr;grid-template-columns:5fr 3fr 4fr}.spread__key{grid-area:1/1}.keynote{grid-area:2/1;align-self:end}.spread__scale{border-top:0;grid-area:1/2/3;margin-top:0}.spread__player{grid-area:1/3/3}.spread__readout--scale{min-height:1.9em;padding-top:.625rem}}.spread__player-img{width:calc(100% + 2rem + var(--page-x));object-fit:contain;object-position:right bottom;max-width:none;height:auto;max-height:54rem;margin-left:-2rem;display:block}@media (prefers-color-scheme:dark){.spread__player-img{filter:brightness(.85)}}.keynote{border:1px solid var(--rule);background:var(--card);margin-bottom:2.5rem;padding:1.25rem 1.25rem 1.375rem}@media (min-width:64rem){.keynote{margin-top:2rem;margin-bottom:0}}@media (min-width:80rem){.keynote{margin-top:0;margin-bottom:2.5rem}.cf-index{margin-bottom:2rem}}.keynote__about{text-wrap:pretty;margin:0 0 1.125rem;font-size:.9375rem;line-height:1.5}.keynote__label{margin:0 0 .5rem;font-size:.8125rem}.keynote__songs{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.keynote__song{flex-wrap:wrap;align-items:baseline;gap:0 .625rem;display:flex}.keynote__title{font-size:.9375rem;font-weight:500}.keynote__meta{font-size:.8125rem}.cf-index{grid-template-columns:repeat(12,minmax(0,1fr));margin:.75rem 0 0;padding:0;list-style:none;display:grid}@media (max-width:40rem){.cf-index{grid-template-columns:repeat(6,minmax(0,1fr))}}.cf-index__item{border:0;border-top:1px solid var(--rule);width:100%;height:2.75rem;color:var(--ink-muted);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:0;font-size:.8125rem;font-weight:500;transition:color .3s,border-color .3s;display:block}.cf-index__item:hover{color:var(--ink)}.cf-index__item[aria-current=true]{color:var(--ink);border-bottom-color:var(--accent)}.cf-index__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.keyindex__body{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding-top:1.5rem;padding-bottom:2.5rem}.keyindex__readout{margin:0 0 1.75rem}.scalepage{z-index:0;min-height:100svh;position:relative}.scalehero{top:0;inset-inline:calc(var(--page-x) * -1);z-index:-1;pointer-events:none;height:clamp(24rem,60vh,40rem);position:absolute;overflow:hidden}.scalehero__img{object-fit:cover;object-position:50% 38%}.scalehero__fog{background:linear-gradient(to bottom, var(--paper) 0%, var(--paper) 42%, var(--paper) 78%, var(--paper) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.scalehero__fog{background:linear-gradient(to bottom, color-mix(in srgb, var(--paper) 62%, transparent) 0%, color-mix(in srgb, var(--paper) 78%, transparent) 42%, color-mix(in srgb, var(--paper) 94%, transparent) 78%, var(--paper) 100%)}}@media (prefers-color-scheme:light){.chordpage .sheet__rail-link:not([aria-current=true]){color:#574f45}.chordpage .scalehero__fog{background:linear-gradient(to bottom, var(--paper) 0%, var(--paper) 42%, var(--paper) 78%, var(--paper) 100%)}@supports (color:color-mix(in lab, red, red)){.chordpage .scalehero__fog{background:linear-gradient(to bottom, color-mix(in srgb, var(--paper) 70%, transparent) 0%, color-mix(in srgb, var(--paper) 80%, transparent) 42%, color-mix(in srgb, var(--paper) 94%, transparent) 78%, var(--paper) 100%)}}}@media (prefers-color-scheme:dark){.scalehero__img{filter:brightness(.42)saturate(.8)}}.sheet{--sheet-gap:2.5rem;--measure:34rem;max-width:64rem;margin-inline:auto;padding-top:7rem;padding-bottom:3rem}.sheet__title{container-type:inline-size}.sheet__name{font-family:"Music Signs", var(--font-serif), Georgia, "Times New Roman", serif;font-weight:400;font-size:clamp(min(4.25rem, var(--name-fit,4.25rem)), 15vw, 12.5rem);letter-spacing:-.025em;text-wrap:balance;margin:0;padding-bottom:.2em;line-height:.82}.plate{--plate-pad:1.5rem;isolation:isolate;border:1px solid var(--rule);padding:var(--plate-pad);position:relative}.plate__dots{z-index:-1;color:var(--rule)}.plate:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent));background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px;position:absolute;inset:-4px}.sheet__plate{margin-top:2rem}.sheet__plate>.sheet__lede,.sheet__plate>.sheet__copy{max-width:var(--measure)}.passage__label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.8125rem;font-weight:700;line-height:1.4}.passage__lede{letter-spacing:-.015em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(1.75rem,3.4vw,3rem);font-weight:400;line-height:1.14}.passage__lede strong{font-weight:700}.passage__copy{margin-top:1.5rem}.sheet__tritone{margin-top:4rem}@media (min-width:64rem){.passage{column-gap:var(--sheet-gap);grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:start;display:grid}.passage__label{grid-column:1/-1}.passage__copy{margin-top:0}}.sheet__lede{letter-spacing:-.02em;text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(1.5rem,2vw,1.875rem);font-weight:300;line-height:1.2}.sheet__lede strong{white-space:nowrap;font-weight:600}.sheet__copy{text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.sheet__copy+.sheet__copy{margin-top:1rem}@media (max-width:47.98rem){.sheet__plate{--plate-pad:1rem}.sheet__lede{margin-bottom:1.125rem;font-size:1.125rem;line-height:1.3}.sheet__copy{font-size:.9375rem;line-height:1.58}.sheet__copy+.sheet__copy{margin-top:.875rem}}.sheet__prose{max-width:var(--measure)}.sheet__more{margin:1rem 0 0;font-size:1rem;font-style:italic;line-height:1.6}.sheet__more-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.18em;text-decoration-thickness:1px;transition:text-decoration-color .15s}.sheet__more-link:after{content:" →";font-style:normal}.sheet__more-link:hover,.sheet__more-link:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.sheet__character{max-width:var(--measure);align-content:start;gap:1.25rem;margin:2rem 0 0;display:grid}.sheet__entry{text-wrap:pretty;font-size:1rem;line-height:1.6}.sheet__term{font-weight:600;display:inline}.sheet__term:after{content:" — "}@media (max-width:47.98rem){.sheet__entry{font-size:.9375rem;line-height:1.58}}.sheet__desc{margin:0;display:inline}.sheet__rail{display:none}@media (max-width:39.98rem){.sheet{padding-top:6rem}}@media (min-width:64rem){.sheet{column-gap:var(--sheet-gap);grid-template-rows:repeat(11,auto);grid-template-columns:minmax(0,5fr) minmax(22rem,4fr);display:grid}.sheet--bare{grid-template-rows:repeat(10,auto)}.sheet--bare .sheet__title{grid-column:1/3}.sheet__board{grid-area:3/1/auto/3}.sheet--bare .sheet__board{grid-row:2}.sheet__notes{grid-area:4/1/auto/3}.sheet--bare .sheet__notes{grid-row:3}.sheet__playing{grid-area:5/1/auto/3}.sheet--bare .sheet__playing{grid-row:4}.sheet__tritone{grid-area:6/1/auto/3}.sheet--bare .sheet__tritone{grid-row:5}.sheet__chords{grid-area:7/1/auto/3}.sheet--bare .sheet__chords{grid-row:6}.sheet__over{grid-area:7/1/auto/3}.sheet__functions{grid-area:8/1/auto/3}.sheet--bare .sheet__functions{grid-row:7}.sheet__progressions{grid-area:9/1/auto/3}.sheet--bare .sheet__progressions{grid-row:8}.sheet__writing{grid-area:10/1/auto/3}.sheet--bare .sheet__writing{grid-row:9}.sheet__family{grid-area:11/1/auto/3}.sheet--bare .sheet__family{grid-row:10}.sheet__title{grid-area:1/1}.sheet__name{font-size:clamp(4.25rem, var(--name-fit,28cqi), 12.5rem)}.sheet__character{grid-area:2/1;max-width:none;margin-top:1.5rem}.sheet__plate{grid-area:1/2/3;margin-top:0}.sheet--wide-name .sheet__title{grid-column:1/3}.sheet--wide-name .sheet__name{font-size:clamp(4.25rem, calc(var(--name-fit,28cqi) * 5 / 9), 12.5rem)}.sheet--wide-name .sheet__plate{grid-row:2;align-self:start;margin-top:1.5rem}}@media (min-width:80rem){.sheet{max-width:calc(64rem + var(--sheet-gap) + 8rem);grid-template-columns:minmax(0,5fr) minmax(22rem,4fr) 8rem}.sheet__rail{grid-area:1/3/-1;align-self:start;display:block;position:sticky;top:5.5rem}.sheet__plate,.family__plate,.passage{--plate-pad:2rem}.sheet__character{column-gap:var(--sheet-gap);grid-template-columns:1fr 1fr;align-items:start}}.sheet__rail-list{margin:0;padding:0;list-style:none}.sheet__rail-link{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;padding:.375rem 0;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s;display:block}.sheet__rail-sublist{border-left:1px solid var(--rule);margin:0 0 .2rem;padding:0 0 0 .75rem;list-style:none}.sheet__rail-link--sub{letter-spacing:.1em;text-transform:none;padding:.25rem 0;font-size:.6875rem}.sheet__rail-link:hover,.sheet__rail-link:focus-visible{color:var(--ink)}.sheet__rail-link[aria-current=true]{color:var(--accent);font-weight:700}.sheet__board{margin-top:4rem}.board__heading{letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.375rem;font-weight:600;line-height:1.05}.board__controls{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;padding-bottom:1.25rem;display:flex}.segments{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.segments__name{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:500}.segments__set{border:1px solid var(--rule);background:var(--rule);gap:1px;display:inline-flex}.segments__item{display:block;position:relative}.segments__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segments__label{background:var(--paper);min-width:2.75rem;min-height:2.75rem;color:var(--ink);letter-spacing:.04em;white-space:nowrap;place-items:center;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s;display:grid}.segments__input:hover+.segments__label{background:var(--card)}.segments__input:checked+.segments__label{background:var(--accent);color:var(--on-accent)}.segments__input:focus-visible+.segments__label{outline:2px solid var(--ink);outline-offset:2px;z-index:1}.positions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.positions__set{flex-wrap:wrap;gap:.75rem;display:flex}.positions__item{display:block;position:relative}.positions__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.positions__card{border:1px solid var(--rule);border-top:3px solid var(--rule);background:var(--paper);grid-template:minmax(0,1fr) auto/minmax(0,1fr);place-items:center;row-gap:.25rem;width:6.25rem;height:5.25rem;padding:.375rem .5rem .4rem;transition:background-color .15s,border-color .15s,box-shadow .15s;display:grid}.positions__item--full .positions__card{width:12.5rem}.positions__number{color:var(--ink-muted);letter-spacing:.08em;white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1;transition:color .15s}.positions__input:hover+.positions__card{background:var(--card)}.positions__input:checked+.positions__card{border-color:var(--accent);box-shadow:4px 4px 0 var(--accent)}.positions__input:checked+.positions__card .positions__number{color:var(--accent)}.positions__input:focus-visible+.positions__card{outline:2px solid var(--ink);outline-offset:2px;z-index:1}@media (max-width:39.98rem){.positions__set{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.positions__item--full{grid-column:1/-1}.positions__card,.positions__item--full .positions__card{width:100%;height:4.75rem}}.board__figure{margin:0;padding-top:1.5rem;container-type:inline-size}.board__scroll{scrollbar-width:thin;scrollbar-color:var(--rule) transparent;overflow:auto hidden}.board__neck{max-width:100%;height:clamp(15rem,24vw,22rem);margin-inline:0 auto;display:block;overflow:visible}@container (max-width:40rem){.board__neck{width:100%;height:auto}}.board__neck--upright{width:100%;max-width:24rem;height:auto;margin-inline:auto}.board__neck--thumb,.board__neck--thumb.board__neck--full{width:100%;max-width:100%;height:100%;margin:0;animation:none}@media (prefers-reduced-motion:no-preference){.board__neck{animation:.32s cubic-bezier(.2,.8,.2,1) board-in}}@keyframes board-in{0%{opacity:0;transform:translateY(6px)}}.board__neck--compact{width:100%;height:auto}@container (max-width:34.99rem){.board__figure .board__neck--full:not(.board__neck--upright){display:none}}@container (min-width:35rem){.board__neck--upright{display:none}}@container (min-width:35rem) and (max-width:59.99rem){.board__figure .board__neck--full:not(.board__neck--compact){display:none}}@container (min-width:60rem){.board__neck--compact{display:none}}@container (max-width:60rem){.board__neck--full .board__label{display:none}}.board__neck--upright .board__label,.board__neck--compact .board__label{display:block}.board__turn{color:var(--ink-muted);justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.75rem;font-weight:500;display:none}.board__turn-icon{flex:none;width:1.125rem;height:1.125rem}@container (max-width:34.99rem){.board__turn{display:flex}}.board__fret{stroke:var(--ink-muted);opacity:.35}.board__nut{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.board__string{stroke:var(--ink-muted);opacity:.6}.board__inlay{fill:var(--brass);opacity:.22}.board__mute{fill:var(--ink-muted);font-weight:600}.board__string-name,.board__number{fill:var(--ink-muted);font-weight:500}.board__note circle,.board__barre{fill:var(--ink)}.board__note--root circle{fill:var(--oxblood)}.board__label{fill:var(--paper);font-weight:600}.board__note--open circle{fill:none;stroke:var(--ink);stroke-width:1.5px}.board__note--changed circle{fill:var(--accent)}.board__note--open.board__note--changed circle{fill:none;stroke:var(--accent)}.board__mute--changed{fill:var(--accent);font-size:8.5px;font-weight:800}.board__note--open.board__note--root circle{stroke:var(--oxblood)}.board__note--open .board__label{fill:var(--ink)}.board__note--open.board__note--root .board__label{fill:var(--oxblood)}.board__wood{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.board__wood{fill:color-mix(in oklab, var(--ink) 7%, var(--card))}}.board__wood-grain{flood-color:var(--ink);flood-opacity:.09}.board__wood-edge{fill:none;stroke:var(--ink-muted);stroke-width:1px;opacity:.55}.board__wood-fret{stroke:var(--ink-muted);stroke-width:.8px}.board__wood-nut{fill:var(--ink)}.board__wood-string{stroke:var(--ink);opacity:.72}.board__wood-winding{stroke:var(--paper);opacity:.18}.board__wood-inlay{fill:var(--brass);opacity:.6}.board__neck--wood .board__note:not(.board__note--open) circle{stroke:var(--paper);stroke-width:.45px}.board__neck .board__note--role-root circle{fill:var(--role-root)}.board__neck .board__note--role-third circle{fill:var(--role-third)}.board__neck .board__note--role-fifth circle{fill:var(--role-fifth)}.board__neck .board__note.board__note--role-seventh:not(.board__note--open) circle{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.board__neck .board__note.board__note--role-seventh:not(.board__note--open) circle{fill:color-mix(in oklab, var(--ink) 7%, var(--card))}}.board__neck .board__note.board__note--role-seventh:not(.board__note--open) circle{stroke:var(--role-seventh);stroke-width:1.75px}.board__neck .board__note--role-seventh .board__label{fill:var(--role-seventh)}.board__neck .board__note--open.board__note--role circle:not([class]){fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.board__neck .board__note--open.board__note--role circle:not([class]){fill:color-mix(in oklab, var(--ink) 7%, var(--card))}}.board__neck .board__note--open.board__note--role circle:not([class]){stroke-width:1.5px}.board__neck .board__note--open.board__note--role-root circle:not([class]){stroke:var(--role-root)}.board__neck .board__note--open.board__note--role-third circle:not([class]){stroke:var(--role-third)}.board__neck .board__note--open.board__note--role-fifth circle:not([class]){stroke:var(--role-fifth)}.board__neck .board__note--open.board__note--role-seventh circle:not([class]){stroke:var(--role-seventh)}.board__neck .board__note--open.board__note--role-root .board__label{fill:var(--role-root)}.board__neck .board__note--open.board__note--role-third .board__label{fill:var(--role-third)}.board__neck .board__note--open.board__note--role-fifth .board__label{fill:var(--role-fifth)}.board__neck .board__note--open.board__note--changed.board__note--role circle:not([class]){stroke:var(--accent)}.board__neck .board__note circle.board__bass-ring{fill:none;stroke:var(--ink);stroke-width:1.3px}.board__neck .board__note--role-root circle.board__bass-ring{stroke:var(--role-root)}.board__neck .board__note--role-third circle.board__bass-ring{stroke:var(--role-third)}.board__neck .board__note--role-fifth circle.board__bass-ring{stroke:var(--role-fifth)}.board__neck .board__note--role-ext circle{fill:var(--role-ext)}.board__neck .board__note.board__note--role-ext circle.board__ext-ring{fill:none;stroke:var(--role-ext);stroke-width:1px;stroke-dasharray:1.8 1.4}.playing__card,.notes__card--tall{--ruled-x:linear-gradient(to right, transparent calc(50% - .5px), var(--ruled-line) calc(50% - .5px), var(--ruled-line) calc(50% + .5px), transparent calc(50% + .5px));--ruled-y:linear-gradient(to bottom, transparent calc(50% - .5px), var(--ruled-line) calc(50% - .5px), var(--ruled-line) calc(50% + .5px), transparent calc(50% + .5px))}.playing__card{--ruled-line:var(--rule)}@supports (color:color-mix(in lab, red, red)){.playing__card{--ruled-line:color-mix(in srgb, var(--rule) 24%, transparent)}}.notes__card--tall{--ruled-line:var(--notes-line)}@supports (color:color-mix(in lab, red, red)){.notes__card--tall{--ruled-line:color-mix(in srgb, var(--notes-line) 30%, transparent)}}.sheet__playing{margin-top:4rem}.playing__heading{letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.375rem;font-weight:600;line-height:1.05}.playing__cards{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.playing__card{isolation:isolate;border:1px solid var(--rule);border-top:3px solid var(--accent);background:var(--paper);padding:1.125rem 1rem 1rem;position:relative}.playing__card:before{content:"";z-index:-1;pointer-events:none;background-image:var(--ruled-x), var(--ruled-y);background-size:12.5% 100%,100% 20%;position:absolute;inset:0}.playing__lead{letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5rem;font-size:.9375rem;font-weight:700;line-height:1.3}.playing__body{text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.6}@media (min-width:48rem){.playing__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.playing__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.playing__card{padding:1.25rem 1.125rem 1.125rem}}@media (max-width:47.98rem){.playing__cards{gap:.75rem}.playing__card{--ruled-line:var(--rule);padding:.75rem .875rem .8125rem}@supports (color:color-mix(in lab, red, red)){.playing__card{--ruled-line:color-mix(in srgb, var(--rule) 11%, transparent)}}.playing__lead{margin-bottom:.375rem}}@media (min-width:48rem) and (max-width:63.98rem){.playing__cards:is([data-count="3"],[data-count="5"])>:last-child{grid-column:1/-1}}@media (min-width:64rem){.playing__cards[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.playing__cards[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}.playing__cards[data-count="5"]>*{grid-column:span 2}.playing__cards[data-count="5"]>:nth-child(n+4){grid-column:span 3}}.playing__card--avoid{border-top-color:var(--rule)}.sheet__over{margin-top:4rem}.over__heading{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.375rem;font-weight:600;line-height:1.05}.over__intro{margin-bottom:1.5rem}.over__chords{max-width:var(--measure);margin-top:1.5rem}.over__chords-text{color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.6}.over__chords .sheet__more{margin-top:.375rem}.sheet__notes{margin-top:4rem}.notes__heading{letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.375rem;font-weight:600;line-height:1.05}.notes__formula{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;row-gap:.5rem;margin:0;padding-bottom:1.25rem;display:flex}.notes__pair{align-items:center;display:inline-flex}.notes__formula-note{font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;font-size:1.5rem;line-height:1}.notes__formula-step{color:var(--ink-muted);font-variant-numeric:tabular-nums;align-items:center;gap:.375rem;margin-inline:.5rem;font-size:.75rem;font-weight:500;display:inline-flex}.notes__formula-step:before,.notes__formula-step:after{content:"";background:var(--rule);width:.875rem;height:1px}.notes__spelled{color:var(--ink-muted);margin:1rem 0 0;font-size:.875rem;line-height:1.5}.notes__intro{margin-top:1.5rem}.notes__grid{border:1px solid var(--rule);background:var(--rule);gap:1px;margin-top:1.5rem;display:grid}.notes__column{gap:1px;display:grid}.notes__card{--notes-line:var(--rule);--notes-muted:var(--ink-muted);--notes-symbol:var(--accent);background:var(--card);min-height:9.5rem;color:var(--ink);flex-direction:column;justify-content:flex-end;padding:1rem;display:flex;position:relative;overflow:hidden}.notes__card--root{--notes-line:var(--paper)}@supports (color:color-mix(in lab, red, red)){.notes__card--root{--notes-line:color-mix(in srgb, var(--paper) 22%, transparent)}}.notes__card--root{--notes-muted:var(--paper)}@supports (color:color-mix(in lab, red, red)){.notes__card--root{--notes-muted:color-mix(in srgb, var(--paper) 72%, transparent)}}.notes__card--root{--notes-symbol:currentColor;background:var(--ink);color:var(--paper)}.notes__card--fifth{--notes-line:var(--on-accent)}@supports (color:color-mix(in lab, red, red)){.notes__card--fifth{--notes-line:color-mix(in srgb, var(--on-accent) 30%, transparent)}}.notes__card--fifth{--notes-muted:var(--on-accent)}@supports (color:color-mix(in lab, red, red)){.notes__card--fifth{--notes-muted:color-mix(in srgb, var(--on-accent) 78%, transparent)}}.notes__card--fifth{--notes-symbol:currentColor;background:var(--accent);color:var(--on-accent)}.notes__card--tall:before{content:"";pointer-events:none;background-image:var(--ruled-x,none), var(--ruled-y,none);background-size:12.5% 100%,100% 14.2857%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50% at 50% 0,#000 70%,#0000 110%);mask-image:radial-gradient(80% 50% at 50% 0,#000 70%,#0000 110%)}.notes__line{text-wrap:pretty;margin:0 0 1rem;font-size:.875rem;line-height:1.5;position:relative}.notes__row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex;position:relative}.notes__name{font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;letter-spacing:-.02em;margin:0;font-size:2.125rem;font-weight:400;line-height:.9}.notes__interval{color:var(--notes-muted);margin:.375rem 0 0;font-size:.8125rem;line-height:1.3}.notes__symbol{border:1px solid var(--notes-line);width:3rem;height:3rem;color:var(--notes-symbol);letter-spacing:.02em;font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:1.0625rem;font-weight:600;display:grid}.notes__card--gap{box-shadow:inset 0 0 0 1px var(--accent)}.notes__card--gap .notes__step{color:var(--accent);font-weight:600}@media (min-width:48rem){.notes__column{grid-auto-columns:1fr;grid-auto-flow:column}}@media (min-width:64rem){.notes__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notes__column{flex-direction:column;gap:1px;display:flex}.notes__card{flex:3 1 0}.notes__card--tall{flex:7 1 0}}@media (max-width:47.98rem){.notes__column{display:contents}.notes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes__card--root{grid-column:1/-1}.notes__card{min-height:7rem;padding:.875rem}.notes__line{margin:0 0 .75rem;font-size:.8125rem}.notes__name{font-size:1.75rem}.notes__interval{font-size:.75rem}.notes__symbol{width:2.5rem;height:2.5rem;font-size:.9375rem}.notes__card--root:before{background-size:12.5% 100%,100% 33.3333%}.notes__card--tall:not(.notes__card--root):before{background-size:25% 100%,100% 25%}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.notes__card{animation:linear both notes-in;animation-timeline:view();animation-range:entry calc(var(--i) * 5%) entry calc(50% + var(--i) * 5%)}}}@keyframes notes-in{0%{opacity:0;filter:blur(10px);transform:translateY(-1.25rem)}to{opacity:1;filter:blur();transform:none}}.frame{--sheet-gap:2.5rem;max-width:64rem;margin-inline:auto}@media (min-width:80rem){.frame{column-gap:var(--sheet-gap);max-width:calc(64rem + var(--sheet-gap) + 8rem);grid-template-columns:minmax(0,1fr) 8rem;display:grid}.frame__main{grid-column:1;min-width:0}.frame>.sheet__rail{grid-area:1/2;align-self:start;display:block;position:sticky;top:5.5rem}}.chordpage{z-index:0;min-height:100svh;position:relative}.chordsheet{--serif:"Music Signs", var(--font-serif), Georgia, "Times New Roman", serif;--serif-italic:"Music Signs", var(--font-serif-italic), var(--font-serif), Georgia, serif;--measure:34rem;padding-top:7rem;padding-bottom:3rem}.chordsheet__head{align-items:end;gap:1rem;display:grid}.chordsheet__standfirst{letter-spacing:-.01em;flex-wrap:wrap;gap:.25rem .5rem;margin:0;font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:300;line-height:1.3;display:flex}.chordindex__title{font-size:clamp(3rem,9vw,7rem)}.entry{border-bottom:1px solid var(--brass);padding-bottom:1.75rem;display:block}.entry__title{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:clamp(.75rem,2cqi,1.5rem);margin:0;font-weight:400;display:grid}.entry__root{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(5.5rem,16vw,10rem);line-height:.78}.entry__quality{font-family:var(--serif-italic);font-size:clamp(1.625rem,3.6vw,2.75rem);font-style:italic;line-height:1.05}.chordsheet__intro{margin-top:1.75rem}.chordsheet__intro .sheet__lede{margin:0}.chordsheet__intro .sheet__character{margin-top:1.25rem}.chordsheet .sheet__more-link{color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.chordsheet .sheet__more-link{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.chordsheet .sheet__more-link:hover,.chordsheet .sheet__more-link:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.formula__prose .sheet__more+.sheet__more{margin-top:.25rem}.related__note{max-width:var(--measure);margin-top:.625rem}@media (min-width:64rem){.chordindex .chordsheet__head{column-gap:var(--sheet-gap);grid-template-columns:minmax(0,5fr) minmax(22rem,4fr)}}.chordsheet__heading{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.375rem;font-weight:600;line-height:1.05}.chordsheet__copy{color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.chordsheet__empty{color:var(--ink-muted);margin:1rem 0 0}.chordsheet__voicings,.chordsheet__formula,.chordsheet__scales,.chordsheet__related,.chordsheet__about{margin-top:4rem}.voicings__intro{margin-top:0}.voicings__box{border:1px solid var(--rule);background:var(--paper);margin-top:1.5rem}.voicings__bar{border-bottom:1px solid var(--rule);background:var(--card);padding:0 1rem}.chordsheet .segments{gap:0}.chordsheet .segments__name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chordsheet .segments__set{background:0 0;border:0;gap:0}.chordsheet .segments__item+.segments__item:before{content:"·";color:var(--ink-muted);pointer-events:none;font-size:.875rem;position:absolute;top:50%;left:-.625rem;translate:-50% -52%}.chordsheet .segments__item+.segments__item{margin-left:1.25rem}.chordsheet .segments__label{min-width:0;color:var(--ink-muted);letter-spacing:.18em;text-underline-offset:.5em;text-transform:uppercase;background:0 0;padding:0 .125rem;font-size:.75rem;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1.2px;transition:color .15s,text-decoration-color .15s}.chordsheet .segments__input:hover+.segments__label{color:var(--ink)}.chordsheet .segments__input:checked+.segments__label{color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);background:0 0}.chordsheet .segments__input:focus-visible+.segments__label{outline:2px solid var(--accent);outline-offset:2px}.voicings__track{grid-template-columns:minmax(0,1fr);align-items:center;padding-top:1.5rem;display:grid}.voicings__row{--visible:1.2;--gaps:1;--gap:1rem;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--gap) * var(--gaps)) / var(--visible));gap:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 .75rem .75rem;scroll-padding-inline:.75rem;display:grid;position:relative;overflow-x:auto}.voicings__row>.diagram{scroll-snap-align:start}.voicings__row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.voicings__arrow{display:none}.voicings__dots{justify-content:center;gap:.5rem;margin:0;padding:.25rem 0 1.125rem;list-style:none;display:flex}.voicings__dot{background:var(--rule);border-radius:50%;width:.375rem;height:.375rem;transition:background-color .15s}.voicings__dot--on{background:var(--accent)}@media (min-width:48rem){.voicings__row{--visible:1.5;padding-inline:1rem;scroll-padding-inline:1rem}}@media (min-width:64rem){.voicings__row{--visible:2.5;--gaps:2;--gap:1.5rem}}@media (min-width:48rem) and (hover:hover) and (pointer:fine){.voicings__track{grid-template-columns:auto minmax(0,1fr) auto;column-gap:.25rem;padding-inline:.75rem}.voicings__arrow{border:1px solid var(--rule);background:var(--paper);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;place-items:center;margin:0 0 2.5rem;padding:0;transition:background-color .15s,color .15s;display:grid}.voicings__arrow svg{width:1.125rem;height:1.125rem}.voicings__arrow:hover:not(:disabled){background:var(--card)}.voicings__arrow:disabled{color:var(--ink-muted)}@supports (color:color-mix(in lab, red, red)){.voicings__arrow:disabled{color:color-mix(in srgb, var(--ink-muted) 40%, var(--paper))}}.voicings__arrow:disabled{cursor:default}.voicings__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.voicings__row{scrollbar-width:none}.voicings__row::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.voicings__row{scroll-behavior:auto}.voicings__dot,.voicings__arrow{transition:none}}.diagram{margin:0}.diagram__plate{color:var(--brass-ink);font-family:var(--serif);text-align:center;margin:0 0 .375rem;font-size:1.125rem;line-height:1;display:block}.diagram__neck .board__neck{width:100%;height:auto}.diagram__caption{color:var(--ink-muted);letter-spacing:.18em;text-align:center;text-transform:uppercase;margin:.75rem 0 0;font-size:.6875rem;font-weight:600}.formula>.chordsheet__heading{margin-bottom:1rem}.formula__box{border:1px solid var(--rule);background:var(--paper);margin-bottom:1.5rem}.formula__table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;margin:0}.formula__table th{border-bottom:1px solid var(--rule);background:var(--card);color:var(--ink-muted);letter-spacing:.16em;text-align:left;text-transform:uppercase;padding:.5rem 1rem;font-size:.6875rem;font-weight:500}.formula__table td{font-family:var(--serif);padding:.875rem 1rem 1rem;font-size:1.5rem;line-height:1.2}.formula__table th+th,.formula__table td+td{border-left:1px solid var(--rule)}.formula__link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.formula__link{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.formula__link{text-underline-offset:.18em;text-decoration-thickness:1px;transition:text-decoration-color .15s}.formula__link:hover,.formula__link:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.formula__box .formula__steps{border-top:1px solid var(--rule);margin:0;padding:0 1rem}@media (max-width:29.98rem){.formula__table th,.formula__table td{padding-inline:.625rem}.formula__table td{font-size:1.125rem}}.formula__caption{max-width:var(--measure);color:var(--ink-muted);text-wrap:pretty;margin:0 0 1rem;font-size:1rem;line-height:1.6}.formula__steps{margin:0 0 1rem}.formula__toggle{min-height:2.75rem;color:var(--accent);font:inherit;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;margin:0;padding:0;font-size:.75rem;font-weight:600;display:inline-flex}.formula__toggle-label{text-underline-offset:.5em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1.2px;transition:text-decoration-color .15s}.formula__toggle:hover .formula__toggle-label,.formula__toggle[aria-expanded=true] .formula__toggle-label{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.formula__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.formula__chevron{flex:none;width:.875rem;height:.875rem;transition:transform .2s}.formula__toggle[aria-expanded=true] .formula__chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.formula__chevron,.formula__toggle-label{transition:none}}.related__panel.formula__panel{background:0 0;border:0;margin:0;padding:0 0 1.25rem}.strip__bracket path{fill:none;stroke:var(--ink-muted);stroke-width:1px;stroke-linejoin:round}.strip__bracket-count{fill:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.strip__bracket-name{fill:var(--ink-muted);font-size:9.5px;font-weight:500}.strip__number.strip__number--tone{fill:var(--ink);font-weight:600}.strip__symbol{fill:var(--accent);font-size:11px;font-weight:600}.keys__table{border:1px solid var(--rule);border-collapse:collapse;background:var(--paper);text-align:left;width:100%;margin-top:1.5rem}.keys__table thead th{border-bottom:1px solid var(--rule);background:var(--card);color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;padding:.5rem 1rem;font-size:.6875rem;font-weight:500}.keys__table thead th+th{border-left:1px solid var(--rule)}.keys__table tbody tr+tr{border-top:1px solid var(--rule)}.keys__family{border-right:1px solid var(--rule);background:var(--card);width:12.5rem;color:var(--ink);letter-spacing:.14em;text-transform:uppercase;vertical-align:middle;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.keys__bar{vertical-align:-.25rem;flex-direction:column;width:3px;height:1.125rem;margin-right:.75rem;display:inline-flex}.keys__bar i{--family:var(--rule);background:var(--family);flex:1}.keys__bar [data-scale=major]{--family:#663d0b}.keys__bar [data-scale=minor]{--family:#3f4d57}.keys__bar [data-scale=harmonic-minor]{--family:#5a3846}.keys__bar [data-scale=melodic-minor]{--family:#484563}.keys__bar [data-scale=major-pentatonic]{--family:#46542d}.keys__bar [data-scale=minor-pentatonic]{--family:#36476a}@media (prefers-color-scheme:dark){.keys__bar [data-scale=major]{--family:#dca94a}.keys__bar [data-scale=minor]{--family:#9fb3bf}.keys__bar [data-scale=harmonic-minor]{--family:#c9a3b1}.keys__bar [data-scale=melodic-minor]{--family:#aeaacb}.keys__bar [data-scale=major-pentatonic]{--family:#a9b981}.keys__bar [data-scale=minor-pentatonic]{--family:#9dafd0}}.keys__entries{padding:.25rem 1rem}.keys__list{flex-wrap:wrap;gap:0 1.75rem;margin:0;padding:0;list-style:none;display:flex}.keys__entry{min-height:2.75rem;color:var(--ink);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.keys__numeral{color:var(--ink-muted);letter-spacing:.1em;font-size:.75rem;font-weight:600}.keys__name{text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.18em;font-size:.9375rem;text-decoration-thickness:1px;transition:text-decoration-color .15s}.keys__entry:hover .keys__name{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.keys__entry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:47.98rem){.keys__table,.keys__table tbody,.keys__table tr,.keys__family,.keys__entries{display:block}.keys__table thead{display:none}.keys__family{border-right:0;border-bottom:1px solid var(--rule);width:auto}.keys__entries{padding-block:.25rem}.keys__list{flex-direction:column}}.related__rows{gap:1.5rem;margin:0;display:grid}.related__row{gap:.625rem;display:grid}.related__term{color:var(--brass-ink);letter-spacing:.16em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.related__row dd{margin:0}.related__list{flex-wrap:wrap;gap:.5rem .625rem;margin:0;padding:0;list-style:none;display:flex}.related__list li{align-items:center;gap:.5rem;display:flex}.related__bubble{border:1px solid var(--ink-muted);align-items:center;gap:.375rem;min-height:2.75rem;margin:0;padding:0 .75rem 0 1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.related__bubble{border:1px solid color-mix(in srgb, var(--ink-muted) 40%, var(--paper))}}.related__bubble{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:0;transition:background-color .15s,border-color .15s,color .15s,transform .1s}.related__bubble:active{transform:translateY(1px)}.related__bubble:hover{border-color:var(--ink-muted)}.related__bubble:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.related__bubble[aria-expanded=true]{color:var(--accent)}.related__bubble[aria-expanded=true] .related__chord{text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1.2px}.related__chord{color:inherit;font-size:1.0625rem;font-weight:500;line-height:1}.related__chevron{flex:none;width:.875rem;height:.875rem;transition:transform .2s}.related__bubble[aria-expanded=true] .related__chevron{transform:rotate(180deg)}.related__label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.related__panel{border:1px solid var(--rule);background:var(--paper);margin-top:1rem;padding:1.25rem 1.4rem 1.5rem}.related__panel[hidden]{display:none}.related__rule{max-width:var(--measure);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.related__panel .sheet__more{margin-top:.75rem}@media (prefers-reduced-motion:no-preference){.related__panel:not([hidden]){animation:.18s ease-out related-open}}@media (prefers-reduced-motion:reduce){.related__bubble,.related__chevron{transition:none}.related__bubble:active{transform:none}}@keyframes related-open{0%{opacity:0;transform:translateY(-.25rem)}}.strip{min-width:0;margin:0}.related__panel>.strip,.related__panel>.family__figures{border-top:1px solid var(--rule);margin-top:.95rem;padding-top:.95rem}.related__panel.formula__panel>.strip{border-top:0;margin-top:.75rem;padding-top:0}.strip__caption{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .5rem;font-size:.6875rem;font-weight:500}.strip__svg{max-width:100%;height:auto;display:block;overflow:visible}.strip__number{fill:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.strip__name{fill:var(--ink);font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;font-size:14px}.strip__string{stroke:var(--ink-muted);opacity:.6}.strip__fret{stroke:var(--ink-muted);opacity:.35}.strip__stay{stroke:var(--ink-muted);stroke-dasharray:1 4;stroke-linecap:round;opacity:.7}.strip__dot circle{fill:var(--ink)}.strip__dot text{fill:var(--paper);font-family:"Music Signs", var(--font-body), ui-sans-serif, system-ui, sans-serif;font-size:10.5px;font-weight:600}.strip__sign--sharp{baseline-shift:.12em;font-size:.78em}.strip__sign--double-sharp{font-size:1.25em}.strip__sign--flat,.strip__sign--double-flat{font-size:.9em}.strip__dot--root circle{fill:var(--oxblood)}.strip__dot--goes circle{fill:var(--card);stroke:var(--accent);stroke-width:2px}.strip__dot--goes text,.strip__dot--arrives circle,.strip__dot--added circle{fill:var(--accent)}.strip__dot--arrives text,.strip__dot--added text{fill:var(--on-accent)}.strip__dot--removed>circle,.strip__dot--removed>text{opacity:.3}.strip__badge circle{fill:var(--card);stroke:var(--accent);stroke-width:1.25px}.strip__badge path{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round}.strip__arrow line{stroke:var(--accent);stroke-width:1.75px;stroke-linecap:round}.strip__arrow polygon{fill:var(--accent)}.strip__symbol--kept{fill:var(--ink-muted)}.related__intro{max-width:var(--measure);margin:0 0 1.5rem}h3.related__term{margin:0;font-family:inherit;line-height:1.4}.related__panel{container-type:inline-size}.family__figures{flex-direction:column;gap:1.5rem;display:flex}@container (min-width:50rem){.family__figures{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:2rem;display:grid}}.family__links{margin-top:1rem}.family__links .sheet__more{margin:0}.family__links .sheet__more+.sheet__more{margin-top:.25rem}.pair{align-items:center;gap:.75rem;display:flex}.pair__grip{width:16rem;margin:0}.pair__neck .board__neck{width:100%;height:auto}.pair__name{font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;text-align:center;margin:.375rem 0 0;font-size:1.25rem;line-height:1}.pair__arrow{width:1.25rem;height:1.25rem;color:var(--accent);flex:none;margin-bottom:1.625rem}@container (max-width:49.99rem){.pair__grip{flex:1 1 0;width:auto;max-width:16rem}}@media (max-width:39.98rem){.related__panel{padding:1rem .875rem 1.125rem}.pair{gap:.375rem}.pair__arrow{width:1rem;height:1rem}}.chordsheet__about .progressions__bed{margin-top:1.5rem}.progressions__chord--link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.18em;text-decoration-thickness:1px;transition:text-decoration-color .15s}.progressions__chord--link:hover{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.chordindex__list{border:1px solid var(--rule);background:var(--rule);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1px;margin:3rem 0 0;padding:0;list-style:none;display:grid}.chordindex__card{background:var(--card);min-height:6rem;color:var(--ink-muted);gap:.375rem;padding:1rem 1.25rem;text-decoration:none;display:grid}.chordindex__card--link{background:var(--paper);color:var(--ink);transition:background-color .15s}.chordindex__card--link:hover{background:var(--card)}.chordindex__card--link:focus-visible{z-index:1;outline:2px solid var(--ink);outline-offset:-2px;position:relative}.chordindex__symbol{font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;font-size:1.75rem;line-height:1}.chordindex__name{font-size:.9375rem}.chordindex__notes{letter-spacing:.06em;font-size:.8125rem}@media (max-width:39.98rem){.chordsheet{padding-top:6rem}}.conceptpage{min-height:100svh}.concept{--measure:34rem;padding-top:7rem;padding-bottom:4rem}.concept__copy,.concept__points{max-width:var(--measure)}.concept__title{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,7vw,5.5rem);font-weight:400;line-height:.95}.concept__plate{--plate-pad:clamp(1.25rem, 3vw, 2.25rem);margin-top:1.75rem}.concept__standfirst{letter-spacing:-.01em;text-wrap:pretty;max-width:44rem;margin:1.75rem 0 0;font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:300;line-height:1.4}.concept__body{margin-top:1rem}.concept__heading{letter-spacing:-.02em;margin:3rem 0 .75rem;font-size:1.375rem;font-weight:600;line-height:1.05}.concept__subheading{letter-spacing:-.01em;margin:2.25rem 0 .6rem;font-size:1.125rem;font-weight:600;line-height:1.15}.concept__copy+.concept__copy{margin-top:1rem}.concept__points{margin:1rem 0;padding-left:1.1rem;font-size:1rem;line-height:1.6;list-style:outside}.concept__points li+li{margin-top:.45rem}.concept__points li::marker{color:var(--ink-muted)}.concept__next{flex-wrap:wrap;align-items:baseline;gap:0 1.25rem;max-width:44rem;margin:3rem 0 0;font-size:1rem;font-style:italic;line-height:1.6;display:flex}.concept__next-label{color:var(--ink-muted);letter-spacing:.14em;text-transform:uppercase;flex-basis:100%;margin-bottom:.25rem;font-size:.6875rem;font-style:normal;font-weight:700}.concept__next .sheet__more-link{padding-block:.6rem;display:inline-block}.concept__table{border-collapse:collapse;text-align:left;width:100%;margin:1.5rem 0;font-size:.9375rem;line-height:1.5}.concept__table thead th{border-bottom:1px solid var(--rule);color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:0 1rem .55rem 0;font-size:.6875rem;font-weight:500}.concept__table tbody tr{border-bottom:1px solid var(--rule)}.concept__table tbody tr:last-child{border-bottom:0}.concept__table th,.concept__table td{vertical-align:baseline;padding:.65rem 1rem .65rem 0}.concept__table tbody th{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-weight:600}.concept__table td:first-of-type{white-space:nowrap;font-weight:600}.concept__table td:last-child{color:var(--ink-muted);text-wrap:pretty}.concept__ref{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.18em;font-style:italic;text-decoration-thickness:1px;transition:text-decoration-color .15s}.concept__ref:hover,.concept__ref:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.concept__more{border-top:1px solid var(--rule);margin-top:4rem;padding-top:.5rem}.concept__more .concept__heading{margin-top:2rem}.concept__list{gap:.6rem;margin:1rem 0 0;padding:0;font-size:1rem;font-style:italic;line-height:1.6;list-style:none;display:grid}@media (max-width:39.98rem){.concept{padding-top:6rem}.concept__heading{margin-top:2.5rem}.concept__table th,.concept__table td{padding-right:.75rem}}.sheet__chords{margin-top:4rem}.chords__heading{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.375rem;font-weight:600;line-height:1.05}.chords__intro{max-width:var(--measure);color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.chords__prose{margin-top:.25rem}.chords__note{margin-top:1.25rem}@media (max-width:63.99rem){.chords__list{display:contents}.chords__note{order:1;margin-top:0}.chords__pages{order:2;margin-top:0}}.chords__body{grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:1.5rem;display:grid}.chords__table{border:1px solid var(--rule);background:var(--rule);grid-template-columns:minmax(0,1fr);gap:1px;display:grid}.chords__head,.chords__row{grid-template-columns:3.5rem minmax(0,1fr) minmax(0,1fr);gap:1px;display:grid}.chords__head span{background:var(--card);color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;padding:.5rem 1rem;font-size:.6875rem;font-weight:500}.chords__numeral{background:var(--card);color:var(--ink-muted);letter-spacing:.08em;place-items:center;font-size:.8125rem;font-weight:500;display:grid}.chords__cell{background:var(--paper);width:100%;min-height:3.75rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:0;align-content:start;justify-items:start;gap:.3rem;margin:0;padding:.75rem 1rem;transition:background-color .15s,color .15s;display:grid}.chords__cell:hover{background:var(--card)}.chords__cell[aria-pressed=true]{background:var(--ink);color:var(--paper)}.chords__cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chords__cell[aria-pressed=true]:focus-visible{outline-color:var(--paper);outline-offset:-4px}.chords__symbol{color:inherit;font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;letter-spacing:-.01em;font-size:1.625rem;line-height:1;text-decoration:none}.chords__notes{color:var(--ink-muted);letter-spacing:.06em;font-size:.8125rem}.chords__cell[aria-pressed=true] .chords__notes{color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.chords__cell[aria-pressed=true] .chords__notes{color:color-mix(in srgb, var(--paper) 72%, transparent)}}.chords__empty{color:var(--ink-muted);text-align:center;margin:1.5rem 0 0}.chords__page{margin:1.5rem 0 .5rem;padding-block:.5rem}.chords__pages{color:var(--ink-muted);margin:1.25rem 0 0;font-size:.875rem;line-height:1.9}.chords__pages-label{margin-right:.25rem}.chords__pages-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.18em;font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;text-decoration-thickness:1px}.chords__pages-link:hover,.chords__pages-link:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.chords__pages-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.2rem}@media (max-width:39.98rem){.chords__head,.chords__row{grid-template-columns:2.75rem minmax(0,1fr) minmax(0,1fr)}.chords__head span,.chords__cell{padding-inline:.75rem}.chords__body{gap:1rem}.chords__head span{padding-block:.375rem}.chords__cell{gap:.1875rem;min-height:2.75rem;padding-block:.25rem}.chords__symbol{font-size:1.25rem}.chords__notes{font-size:.75rem;line-height:1.2}.chords__neck .board__controls{gap:.5rem 2.5rem;padding-bottom:.625rem}.chords__neck .board__figure{padding-top:.625rem}}@media (min-width:64rem){.chords__body{column-gap:var(--sheet-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.sheet__functions{margin-top:4rem}.functions__heading{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.625rem;font-weight:700;line-height:1.05}.functions__intro{max-width:var(--measure);color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.6}.functions__copy{margin-top:2.75rem}.functions__diagram{--lane:2.25rem;--head-w:14px;--head-h:23px;margin:2.25rem 0 0;padding-bottom:1rem}.functions__stations{gap:var(--lane);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.functions__station{border:1px solid var(--rule);background:var(--paper);padding:1.25rem 1.4rem 1.5rem;position:relative}.functions__station--tension{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.functions__station--tension{background:color-mix(in srgb, var(--accent) 9%, var(--paper))}}.functions__label{color:var(--ink);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:700}.functions__station--tension .functions__label{color:var(--accent)}.functions__gloss{color:var(--ink-muted);margin:.25rem 0 0;font-size:1rem;line-height:1.3}.functions__chords{border-top:1px solid var(--rule);gap:.6rem;margin:.95rem 0 0;padding:.95rem 0 0;list-style:none;display:grid}.functions__station--tension .functions__chords{border-top-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.functions__station--tension .functions__chords{border-top-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.functions__chord{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.9rem;display:grid}@supports (grid-template-columns:subgrid){.functions__chords{grid-template-columns:max-content max-content;justify-content:start;column-gap:1.4rem}.functions__chord{grid-template-columns:subgrid;grid-column:span 2;column-gap:1.4rem}}.functions__symbol{color:var(--ink);font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;letter-spacing:-.01em;font-size:1.75rem;line-height:1.05}.functions__numeral{color:var(--ink-muted);letter-spacing:.08em;font-size:.9375rem;font-weight:600}.functions__rare{color:var(--ink-muted);letter-spacing:.1em;grid-column:1;margin-top:-.15rem;font-size:.75rem}.functions__arrow{top:50%;right:calc(-.5 * (var(--lane) + var(--head-w)));z-index:1;width:var(--head-w);height:var(--head-h);fill:var(--ink);position:absolute;transform:translateY(-50%)}.functions__return{height:2.25rem;width:calc(200% / 3 + var(--lane) * 2 / 3);margin:0 0 0 calc(100% / 6 - var(--lane) / 3);border:2px solid var(--accent);border-top:0;position:relative}.functions__return:before{content:"";border:7px solid #0000;border-bottom-color:var(--accent);width:0;height:0;position:absolute;top:-11px;left:-6px}.functions__return-label{background:var(--paper);color:var(--accent);letter-spacing:.06em;white-space:nowrap;padding:0 .6rem;font-size:.9375rem;font-weight:700;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.functions__station--tension{animation:linear both functions-ignite;animation-timeline:view();animation-range:entry 20% entry 60%}}}@keyframes functions-ignite{0%{border-color:var(--rule);background:var(--paper)}to{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--paper))}}@media (max-width:47.98rem){.functions__diagram{--lane:.75rem;--head-w:9px;--head-h:14px}.functions__station{padding:.5rem .5rem .625rem}.functions__label{letter-spacing:.06em;font-size:.625rem}.functions__gloss{margin-top:.125rem;font-size:.75rem}.functions__chords{gap:.3rem;margin-top:.5rem;padding-top:.5rem}.functions__chord{gap:.4rem}.functions__symbol{font-size:1.125rem}.functions__numeral{letter-spacing:.04em;font-size:.6875rem}.functions__rare{letter-spacing:.06em;font-size:.625rem}.functions__return{height:1.5rem}.functions__return:before{border-width:5px;top:-8px;left:-4px}.functions__return-label{letter-spacing:.04em;padding:0 .35rem;font-size:.6875rem}}@supports (grid-template-columns:subgrid){@media (max-width:47.98rem){.functions__chords,.functions__chord{column-gap:.4rem}}}.sheet__progressions{margin-top:4rem}.progressions__heading{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.625rem;font-weight:700;line-height:1.05}.progressions__jump{margin-top:.5rem}.progressions__jump-list{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.progressions__jump-link{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--rule);padding-bottom:.15rem;font-size:.6875rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.progressions__jump-link:hover,.progressions__jump-link:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.progressions__bed{border:1px solid var(--accent);background:var(--paper);margin:1.75rem 0 0}.progressions__genre{padding:1.6rem 1.5rem 1.75rem}.progressions__genre+.progressions__genre{border-top:1px solid var(--rule)}.progressions__genre-heading{color:var(--ink);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:700}.progressions__lede{max-width:var(--measure);color:var(--ink-muted);text-wrap:pretty;margin:.5rem 0 0;font-size:1rem;line-height:1.6}.progressions__table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;margin-top:1.35rem}.progressions__table thead th:first-child{width:32%}.progressions__table thead th:nth-child(2){width:20%}.progressions__table thead th:nth-child(3){width:48%}.progressions__table--borrowed thead th:first-child,.progressions__table--borrowed thead th:nth-child(2){width:16%}.progressions__table--borrowed thead th:nth-child(3){width:68%}.progressions__table thead th{border-bottom:1px solid var(--rule);color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:0 1rem .55rem 0;font-size:.6875rem;font-weight:500}.progressions__table tbody tr{border-bottom:1px solid var(--rule)}.progressions__table tbody tr:last-child{border-bottom:0}.progressions__table tbody tr:nth-child(2n){background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.progressions__table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--accent) 3%, transparent)}}.progressions__table th,.progressions__table td{vertical-align:baseline;padding:.7rem 1rem .7rem 0}.progressions__table th:last-child,.progressions__table td:last-child{padding-right:0}.progressions__name{color:var(--ink);font-size:.9375rem;font-weight:600}.progressions__numerals{color:var(--ink-muted);letter-spacing:.02em;font-size:.875rem}.progressions__chords{color:var(--ink);font-size:.9375rem;line-height:1.5}.progressions__chord,.progressions__table--borrowed .progressions__name{font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif}.progressions__chord--dominant{color:var(--accent)}.progressions__rotations{color:var(--ink-muted);letter-spacing:.04em;white-space:normal;margin-top:.3rem;font-size:.75rem;display:block}.progressions__note{color:var(--ink-muted);text-wrap:pretty;margin-top:.3rem;font-size:.8125rem;font-style:italic;line-height:1.45;display:block}.progressions__chip{letter-spacing:.1em;text-transform:uppercase;vertical-align:.1em;margin-left:.55rem;padding:.12rem .35rem;font-size:.625rem;font-weight:500;line-height:1.4;display:inline-block}.progressions__chip--common{background:var(--accent);color:var(--on-accent)}.progressions__chip--rare{border:1px solid var(--rule);color:var(--ink-muted)}.progressions__borrowed{border:1px solid var(--rule);background:var(--paper);margin:2rem 0 0;padding:1.6rem 1.5rem 1.75rem}.progressions__use{color:var(--ink-muted);font-size:.9375rem;line-height:1.5}.progressions__use .progressions__chords{display:block}.progressions__use-note{text-wrap:pretty;margin-top:.2rem;display:block}.progressions__table--borrowed .progressions__name{font-size:1rem}@media (max-width:42.5rem){.progressions__genre,.progressions__borrowed{padding:1.25rem 1.1rem 1.4rem}.progressions__table,.progressions__table thead,.progressions__table tbody,.progressions__table tr,.progressions__table th,.progressions__table td{display:block}.progressions__table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.progressions__table tbody tr{padding:.8rem .6rem}.progressions__table th,.progressions__table td{padding:0}.progressions__numerals{margin-top:.3rem}.progressions__chords{margin-top:.15rem}}.sheet__writing{margin-top:4rem}.writing__heading{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.625rem;font-weight:700;line-height:1.05}.writing__plate{margin-top:1.5rem}.sheet__family{margin-top:4rem}.family__heading{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.375rem;font-weight:600;line-height:1.05}.family__plate{margin-top:1.5rem}.family__relative{text-align:right;border-bottom:1px solid #0000;width:fit-content;margin:0 0 1.1rem auto;padding-bottom:.2rem;text-decoration:none;transition:border-color .15s;display:block}.family__relative:hover,.family__relative:focus-visible{border-bottom-color:var(--accent)}.family__relative-label{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.6875rem;font-weight:500;display:block}.family__relative-name{color:var(--ink);margin-top:.15rem;font-size:.9375rem;font-weight:600;display:block}.family__relative:hover .family__relative-name,.family__relative:focus-visible .family__relative-name{color:var(--accent)}.family__tree{--rail:1.25rem;--step:3.75rem;--reach:7rem;--run:2.5rem;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.family__node{flex-direction:column;display:flex;position:relative}.family__how{height:var(--step);padding-left:calc(var(--rail) + 1rem);color:var(--ink-muted);flex:none;align-items:center;margin:0;font-size:.8125rem;line-height:1.3;display:flex;position:relative}.family__how:before{content:"";left:var(--rail);background-image:linear-gradient(to bottom, transparent, var(--accent) 50%, transparent), linear-gradient(var(--rule), var(--rule));background-size:100% var(--run), 100% 100%;background-repeat:no-repeat;background-position:0 calc(-1 * var(--run)), 0 0;width:1px;position:absolute;top:0;bottom:0}.family__how:after{content:"";left:calc(var(--rail) - 3px);border-left:3.5px solid #0000;border-right:3.5px solid #0000;border-top:5px solid var(--ink-muted);position:absolute;bottom:0}.family__node--branch{margin-top:.75rem;margin-left:calc(var(--rail) + 1.5rem)}.family__node--branch:before{content:"";background:var(--rule);width:1px;position:absolute;top:-.75rem;bottom:0;left:-1.5rem}.family__node--branch .family__how{height:auto;padding:0 0 .5rem}.family__node--branch .family__how:before,.family__node--branch .family__how:after{display:none}.family__node--branch .family__card:before{content:"";background-image:linear-gradient(to right, transparent, var(--accent) 50%, transparent), linear-gradient(var(--rule), var(--rule));background-size:var(--run) 100%, 100% 100%;background-repeat:no-repeat;background-position:calc(-1 * var(--run)) 0, 0 0;width:1.5rem;height:1px;position:absolute;top:50%;left:-1.5rem}.family__node--branch .family__card:after{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:5px solid var(--ink-muted);position:absolute;top:calc(50% - 3px);left:-5px}.family__card{border:1px solid var(--rule);background:var(--paper);color:var(--ink);gap:.625rem;padding:.875rem 1rem 1rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:grid;position:relative}.family__card:hover{border-color:var(--ink);background:var(--card)}.family__card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.family__card[aria-current=page]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 0 var(--accent)}@supports (color:color-mix(in lab, red, red)){.family__card[aria-current=page]{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}}.family__name{letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:600}.family__notes{font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;grid-template-columns:repeat(7,2rem);font-size:1.25rem;line-height:1;display:grid}.family__slot--gap{color:var(--rule)}.family__alt{color:var(--accent);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.family__alt--none{color:var(--ink-muted);font-weight:400}@media (max-width:47.99rem){.plate.family__plate{padding:.875rem}.family__relative{margin-bottom:.5rem}.family__tree{--step:1.5rem}.family__card{gap:.15rem;padding:.4rem .75rem .45rem}.family__name{font-size:.6875rem}.family__notes{grid-template-columns:repeat(7,1.75rem);font-size:1.0625rem}.family__how{font-size:.75rem}.family__alt{font-size:.6875rem}}@media (min-width:48rem){.family__tree{grid-template-columns:auto minmax(0,1fr);display:grid}.family__node{grid-row:var(--row)}.family__node--spine{grid-column:1}.family__node--branch{flex-direction:row;grid-column:2;align-items:stretch;margin:0}.family__node--branch.family__node--stepped{padding-top:var(--step)}.family__node--branch:before,.family__node--branch .family__card:before,.family__node--branch .family__card:after{display:none}.family__node--branch .family__how{width:var(--reach);text-align:center;grid-template-rows:1fr 1fr;align-items:end;height:auto;padding:0 .375rem .375rem;font-size:.75rem;display:grid}.family__node--branch .family__how:before{background-image:linear-gradient(to right, transparent, var(--accent) 50%, transparent), linear-gradient(var(--rule), var(--rule));background-size:var(--run) 100%, 100% 100%;background-position:calc(-1 * var(--run)) 0, 0 0;width:auto;height:1px;display:block;inset:50% 0 auto}.family__node--branch .family__how:after{border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:5px solid var(--ink-muted);display:block;inset:calc(50% - 3px) 0 auto auto}.family__node--branch .family__card{flex:none;width:max-content}}@media (min-width:64rem){.family__tree{--reach:9rem}}@media (min-width:80rem){.family__tree{--reach:11rem}}@media (prefers-reduced-motion:no-preference){.family__how:before,.family__node--branch .family__card:before{animation:3.2s linear infinite family-run-y;animation-delay:calc(var(--row) * -.8s)}.family__node--branch .family__how:before,.family__node--branch .family__card:before{animation-name:family-run-x}.family__card[aria-current=page]{animation:3s ease-in-out infinite family-ring}}@keyframes family-run-y{0%{background-position:0 calc(-1 * var(--run)), 0 0}to{background-position:0 calc(100% + var(--run)), 0 0}}@keyframes family-run-x{0%{background-position:calc(-1 * var(--run)) 0, 0 0}to{background-position:calc(100% + var(--run)) 0, 0 0}}@keyframes family-ring{0%,to{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}50%{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 10px color-mix(in srgb, var(--accent) 0%, transparent)}}.set{border:1px solid var(--rule);background:var(--rule);gap:1px;display:grid}.set__cell{background:var(--card);padding:1.125rem 1.125rem 1.25rem}.set__name{letter-spacing:-.02em;margin:0 0 .375rem;font-size:1.375rem;font-weight:600;line-height:1.05}.set__blurb{text-wrap:pretty;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.set__controls{flex-wrap:wrap;gap:.5rem;display:flex}.hero{background:var(--ink);height:100svh;min-height:26rem;position:relative;overflow:hidden}.hero__img{object-fit:cover;object-position:50% 50%}.hero__scrim{background:#120c0070;position:absolute;inset:0}.hero__name{color:var(--on-photo);letter-spacing:-.04em;text-align:center;text-wrap:balance;place-items:center;margin:0;padding:0 1.5rem;font-size:clamp(2.25rem,10vw,8.5rem);font-weight:600;line-height:.9;display:grid;position:absolute;inset:0}.hero__cue{color:var(--on-photo);text-shadow:0 1px 2px #0000008c,0 0 18px #00000073;margin:0;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}@media (prefers-color-scheme:dark){.hero__img{filter:brightness(.78)saturate(.92)}}@media (max-width:47.98rem){.hero{height:100lvh}.hero__cue{bottom:calc(1.75rem + 100lvh - 100svh)}html:has(#top){background:var(--photo-edge)}html:has(#top)[data-past-photo]{background:var(--paper)}}:root{--fill-ms:.45s;--fill-ease:cubic-bezier(.785, .135, .15, .86)}.afb{--disc:1.75rem;--afb-r:.3rem;--disc-right:.3125rem;--pad-l:1.125rem;--pad-r:calc(var(--disc) + var(--disc-right) + .75rem);--disc-inset-y:calc((100% - var(--disc)) / 2);isolation:isolate;height:2.75rem;padding-left:var(--pad-l);padding-right:var(--pad-r);border:1px solid var(--rule);border-radius:var(--afb-r);color:var(--ink);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:border-color var(--fill-ms) var(--fill-ease);background:0 0;align-items:center;font-size:.9375rem;display:inline-flex;position:relative}.afb.is-on,.afb[data-pressed=true]{border-color:var(--accent)}.afb:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.afb__label{z-index:1;position:relative}.afb__fill{z-index:2;pointer-events:none;border-radius:var(--afb-r);background:var(--accent);top:var(--disc-inset-y);right:var(--disc-right);bottom:var(--disc-inset-y);left:calc(100% - var(--disc-right) - var(--disc));transition:top var(--fill-ms) var(--fill-ease), right var(--fill-ms) var(--fill-ease), bottom var(--fill-ms) var(--fill-ease), left var(--fill-ms) var(--fill-ease);position:absolute}.afb__label-fill{z-index:2;padding-left:var(--pad-l);padding-right:var(--pad-r);color:var(--on-accent);pointer-events:none;clip-path:inset(var(--disc-inset-y) var(--disc-right) var(--disc-inset-y) calc(100% - var(--disc-right) - var(--disc)) round var(--afb-r));transition:clip-path var(--fill-ms) var(--fill-ease);align-items:center;display:flex;position:absolute;inset:0}.afb.is-on .afb__fill,.afb[data-pressed=true] .afb__fill{inset:0}.afb.is-on .afb__label-fill,.afb[data-pressed=true] .afb__label-fill{clip-path:inset(0 0 0 0 round var(--afb-r))}.afb__icon{z-index:3;top:50%;right:var(--disc-right);width:var(--disc);height:var(--disc);border-radius:var(--afb-r);background:var(--accent);color:var(--on-accent);pointer-events:none;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);position:absolute;overflow:hidden;transform:translateY(-50%);mask-image:radial-gradient(#fff,#000)}.afb__arrow{width:.9375rem;height:.9375rem;transition:transform var(--fill-ms) var(--fill-ease);position:absolute;top:50%;left:50%}.afb__arrow--in{transform:translate(-170%,-50%)scale(0)}.afb__arrow--out{transform:translate(-50%,-50%)}.afb.is-on .afb__arrow--in,.afb[data-pressed=true] .afb__arrow--in{transform:translate(-50%,-50%)scale(1)}.afb.is-on .afb__arrow--out,.afb[data-pressed=true] .afb__arrow--out{transform:translate(70%,-50%)scale(0)}@media (hover:hover){.afb:hover{border-color:var(--accent)}.afb:hover .afb__fill{inset:0}.afb:hover .afb__label-fill{clip-path:inset(0 0 0 0 round var(--afb-r))}.afb:hover .afb__arrow--in{transform:translate(-50%,-50%)scale(1)}.afb:hover .afb__arrow--out{transform:translate(70%,-50%)scale(0)}}.keycard-shell{border:1px solid var(--rule);background:var(--card);border-radius:.5rem;box-shadow:0 1px 2px #1e14080f,0 10px 24px -8px #1e140838}.cf-nav{border:1px solid var(--rule);background:var(--paper);width:2.25rem;height:2.25rem;color:var(--ink-muted);cursor:pointer;border-radius:.3rem;place-items:center;transition:border-color .3s,color .3s;display:grid}.cf-nav:hover{border-color:var(--accent);color:var(--accent)}.cf-nav:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.keycard{height:100%;padding:calc(var(--cf-card) * .06) calc(var(--cf-card) * .07);flex-direction:column;justify-content:space-between;display:flex}.keycard__head{align-items:baseline;gap:.45em;display:flex}.keycard__name{font-size:calc(var(--cf-card) * .17);letter-spacing:-.03em;font-weight:600;line-height:1}.keycard__alt{color:var(--brass-ink);font-size:calc(var(--cf-card) * .058);letter-spacing:.12em;font-weight:500}.keycard__neck{width:100%;height:auto;display:block}.keycard__string{stroke:var(--ink-muted);opacity:.55}.keycard__fret{stroke:var(--ink-muted);stroke-width:.5px;opacity:.3}.keycard__nut{stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.keycard__inlay{fill:var(--brass);opacity:.2}.keycard__root{fill:var(--oxblood)}.keycard__root--open{fill:none;stroke:var(--oxblood);stroke-width:1.4px}.field{border:1px solid var(--rule);background:var(--paper);height:2.75rem;color:var(--ink);font:inherit;letter-spacing:-.005em;border-radius:.3rem;flex:14rem;padding:0 1rem;font-size:.9375rem;transition:border-color .3s}.field::placeholder{color:var(--ink-muted)}@media (hover:hover){.field:hover{border-color:var(--accent)}}.field:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.nav{z-index:50;border-bottom:1px solid var(--rule);background:var(--paper);height:4rem;color:var(--ink);transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .3s,border-color .3s,color .3s;position:fixed;top:0;left:0;right:0}.nav--hidden{transform:translateY(-100%)}body:has(#top) .nav__brand{visibility:hidden}.nav__bar{justify-content:space-between;align-items:center;gap:.5rem;height:100%;display:flex;overflow:visible}.nav__brand{color:inherit;letter-spacing:-.03em;font-size:1.25rem;font-weight:600;text-decoration:none;transition:opacity .3s}.nav__list{align-items:center;margin:0;padding:0;list-style:none;display:flex;position:relative}.nav__list:before{content:"";top:0;bottom:0;left:var(--pill-x,0);width:var(--pill-w,0);background:var(--accent);border-radius:.3rem;position:absolute}@supports (color:color-mix(in lab, red, red)){.nav__list:before{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.nav__list:before{opacity:var(--pill-o,0);pointer-events:none;transition:left .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),opacity .2s}.nav__item{position:static}.nav__link{height:2.75rem;color:inherit;font:inherit;letter-spacing:-.005em;text-shadow:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0 1.125rem;font-size:1.0625rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav__link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:.3rem}.nav__chevron{width:1.125rem;height:1.125rem;transition:transform .3s}.nav__item[data-open] .nav__chevron{transform:rotate(180deg)}.nav__menu{opacity:0;visibility:hidden;padding-top:.5rem;transition:opacity .22s,transform .22s,visibility 0s linear .22s;position:absolute;top:100%;right:0;transform:translateY(-.25rem)}.nav__item[data-open] .nav__menu{opacity:1;visibility:visible;transition-delay:0s;transform:none}.nav__item--under{position:relative}.nav__item--under .nav__menu{width:max-content;left:50%;right:auto;transform:translate(-50%,-.25rem)}.nav__item--under[data-open] .nav__menu{transform:translate(-50%)}.nav__panel{width:max-content;max-width:calc(100vw - 2 * var(--page-x,1.25rem));border:1px solid var(--rule);background:var(--paper);color:var(--ink);text-shadow:none;border-radius:.5rem;gap:2.5rem;padding:1.5rem 1.75rem 1.75rem;display:flex;box-shadow:0 1px 2px #1e14080f,0 12px 32px -12px #1e140847}.nav__group-title{color:var(--ink-muted);letter-spacing:.01em;margin:0 0 .875rem;font-size:.875rem;font-weight:500}.nav__groups{gap:2.5rem;display:flex}.nav__panel--browse{width:52rem}.nav__panel--chords{width:46rem}.nav__browse{grid-template-columns:10.5rem minmax(0,1fr);gap:1.5rem;width:100%;display:grid}.nav__key-list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.nav__key-row{width:100%;min-height:2.25rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.3rem;align-items:baseline;gap:.5rem;padding:.35rem .5rem .35rem .75rem;transition:background-color .2s,color .2s;display:flex}@media (hover:hover){.nav__key-row:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.nav__key-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.nav__key-row:hover .nav__key-chevron{opacity:1}}.nav__key-row[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.nav__key-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav__key-name{font-size:1rem;font-weight:600}.nav__key-alt{color:var(--ink-muted);font-size:.875rem}.nav__key-row[aria-pressed=true] .nav__key-alt{color:inherit;opacity:.8}.nav__key-chevron{opacity:0;align-self:center;width:1rem;height:1rem;margin-left:auto;transition:opacity .2s}.nav__key-row[aria-pressed=true] .nav__key-chevron{opacity:1}.nav__browse-body{border-left:1px solid var(--rule);min-width:0;padding-left:2rem}.nav__browse-title{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.25rem;font-weight:600;line-height:1.15}.nav__groups--browse{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1.5rem 2rem;display:grid}.nav__entry--name{align-items:center;min-height:2.25rem;padding:.35rem .5rem}.nav__entry--name .nav__entry-label{font-size:1rem}.nav__panel--newsletter{flex-direction:column;gap:.5rem;width:30rem}.nav__panel-title{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600;line-height:1.15}.nav__panel-title--offer{text-wrap:pretty;margin-bottom:.75rem;font-size:1.125rem;line-height:1.3}.nav__panel-lede{margin:0 0 .75rem;font-size:.9375rem;line-height:1.45}.nav__form{flex-wrap:wrap;gap:.5rem;display:flex}.nav__entry--plain{cursor:default}.nav__entries{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.nav__entry{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.3rem;align-items:flex-start;gap:.75rem;padding:.375rem .5rem .375rem .375rem;transition:background-color .3s;display:flex}@media (hover:hover){.nav__entry:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.nav__entry:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.nav__entry:hover .nav__glyph{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}}.nav__entry:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav__glyph{border:1px solid var(--rule);width:2.75rem;height:2.75rem;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:.3rem;flex:none;place-items:center;font-size:1rem;font-weight:600;transition:border-color .3s,background-color .3s,color .3s;display:grid}.nav__entry[aria-current=true] .nav__glyph,.nav__entry[aria-current=page] .nav__glyph{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.nav__entry-text{flex-direction:column;gap:.125rem;max-width:18rem;padding-top:.25rem;display:flex}.nav__entry-label{font-size:1.0625rem;font-weight:500;line-height:1.2}.nav__entry[aria-current=true] .nav__entry-label,.nav__entry[aria-current=page] .nav__entry-label{color:var(--accent)}a.nav__entry{text-decoration:none}.nav__entries--chords{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem 1.5rem;display:grid}.nav__glyph--chord{width:4.25rem;font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;white-space:nowrap;font-weight:500}.nav__entry-desc{color:var(--ink-muted);text-wrap:pretty;font-size:.875rem;line-height:1.35}.nav__toggle{height:2.75rem;color:inherit;font:inherit;text-shadow:inherit;cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-size:1.0625rem;font-weight:500;display:none}.nav__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.3rem}.nav__sheet{padding:.25rem var(--page-x,1.25rem) 1rem;border-top:1px solid var(--rule);background:var(--paper);color:var(--ink);text-shadow:none;display:none;position:fixed;inset:4rem 0 0;overflow-y:auto}.nav__sheet-list{margin:0;padding:0;list-style:none}.nav__sheet-link{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:3.5rem;color:var(--ink);font:inherit;letter-spacing:-.02em;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;margin:0;padding:0;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.nav__sheet-chevron{width:1.25rem;height:1.25rem;color:var(--ink-muted)}.nav__sheet-link:focus-visible,.nav__sheet-back:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:.3rem}.nav__sheet-head{border-bottom:1px solid var(--rule);align-items:center;gap:.125rem;min-height:3.25rem;margin-bottom:.875rem;display:flex}.nav__sheet-back{width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:-.75rem;padding:0;display:grid}.nav__sheet-back svg{width:1.5rem;height:1.5rem}.nav__sheet-title{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600}.nav__sheet .nav__panel{width:auto;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.nav__sheet .nav__panel,.nav__sheet .nav__groups{flex-direction:column;gap:.875rem}.nav__sheet .nav__group-title{margin-bottom:.25rem;font-size:.8125rem}.nav__sheet .nav__entries{gap:0}.nav__sheet .nav__entry--name{min-height:2.75rem;padding:0 .5rem}.nav__sheet .nav__browse{grid-template-columns:minmax(0,1fr);gap:.875rem}.nav__sheet .nav__key-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem;display:grid}.nav__sheet .nav__key-row{border:1px solid var(--rule);justify-content:center;align-items:center;min-height:2.75rem;padding:0}.nav__sheet .nav__key-row[aria-pressed=true]{border-color:var(--accent)}.nav__sheet .nav__key-alt,.nav__sheet .nav__key-chevron{display:none}.nav__sheet .nav__browse-body{border-left:0;padding-left:0}.nav__sheet .nav__browse-title{margin-bottom:.5rem;font-size:1.0625rem}.nav__scale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.nav__scale-cell{border:1px solid var(--rule);height:100%;min-height:2.75rem;color:var(--ink);border-radius:.3rem;align-items:center;padding:.35rem .625rem;font-size:.9375rem;font-weight:500;line-height:1.2;text-decoration:none;display:flex}.nav__scale-cell[aria-current=true]{border-color:var(--accent);color:var(--accent)}.nav__scale-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav__sheet .nav__entries--chords{grid-template-columns:minmax(0,1fr);gap:0}.nav__sheet .nav__entries--chords .nav__entry{padding-block:.25rem}.nav__sheet .nav__glyph--chord{height:2.5rem}.nav__sheet .nav__panel--coming .nav__entries--plain{flex-flow:wrap;gap:.25rem 1rem}.nav__sheet .nav__panel--coming .nav__entry--plain{width:auto;padding:0}.nav__sheet .nav__panel--coming .nav__entry-text{padding-top:0}.nav__sheet .nav__panel--coming .nav__entry-desc{display:none}.nav__sheet .nav__panel--coming .nav__entry-label{font-size:.9375rem}@media (max-width:63.99rem){.nav__list{display:none}.nav__toggle{align-items:center;display:inline-flex}.nav__sheet[data-open]{display:block}}.nav__quick{display:none}.nav__quick-link{height:2.75rem;color:inherit;font:inherit;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 .5rem;font-size:1.0625rem;font-weight:500;text-decoration:none;display:inline-flex}.nav__quick-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:.3rem}@media (max-width:63.99rem){.nav__quick{flex:1;justify-content:space-between;margin:0 -.5rem;padding:0;list-style:none;display:flex}body:has(#top) .nav__brand{display:none}.nav__toggle{margin-left:auto}}@media (max-width:22.5rem){.nav__quick-link{padding:0 .3125rem;font-size:.9375rem}.nav__quick{margin:0 -.3125rem}}.nav__sections{min-width:0;margin-left:.875rem;margin-right:auto;display:block;position:relative}.nav__sections-button{max-width:100%;height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:0 .25rem;font-size:.9375rem;font-weight:500;display:flex}.nav__sections-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav__sections-button .nav__chevron{color:var(--ink-muted);flex:none}.nav__sections-button[aria-expanded=true] .nav__chevron{transform:rotate(180deg)}.nav__sections-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav__sections-panel{z-index:1;min-width:12rem;max-width:calc(100vw - 2 * var(--page-x,1.25rem));border:1px solid var(--rule);background:var(--paper);border-radius:.5rem;margin:.5rem 0 0;padding:.375rem;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 1px 2px #1e14080f,0 12px 32px -12px #1e140847}.nav__sections-panel[data-open]{animation:.18s cubic-bezier(.22,1,.36,1) sections-in;display:block}@keyframes sections-in{0%{opacity:0;transform:translateY(-.25rem)}}.nav__sections-link{min-height:2.75rem;color:var(--ink-muted);border-radius:.3rem;align-items:center;padding:.55rem .75rem;font-size:.9375rem;font-weight:500;line-height:1.3;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.nav__sections-link:focus-visible{background:var(--card);color:var(--ink)}@media (hover:hover){.nav__sections-link:hover{background:var(--card);color:var(--ink)}}.nav__sections-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav__sections-link[aria-current=true]{color:var(--accent);font-weight:700}@media (min-width:64rem){.nav__sections{display:none}}@media (max-width:63.99rem){html{scroll-padding-top:5rem}html[data-jumping]{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){html[data-jumping]{scroll-behavior:auto}}.spread__key,.spread__scale{scroll-margin-top:5rem}.footer{padding-block:3.5rem max(2.5rem, env(safe-area-inset-bottom));border-top:1px solid var(--rule);color:var(--ink-muted);margin-top:2rem;font-size:.875rem;line-height:1.5}.footer__top{flex-direction:column;gap:2rem;display:flex}.footer__name{color:var(--ink);font-family:var(--font-serif), Georgia, "Times New Roman", serif;margin:0;font-size:1.5rem;font-weight:600;line-height:1.15}.footer__tagline{margin:.375rem 0 0;font-size:.875rem}.footer__label{color:var(--brass-ink);letter-spacing:.1em;margin:0;font-size:.9375rem;font-variant-caps:all-small-caps;font-weight:600}.footer__links,.footer__pages,.footer__social{margin:0;padding:0;list-style:none}.footer__link{min-height:2.75rem;color:var(--ink-muted);align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.footer__link:hover{color:var(--accent)}.footer__link:focus-visible,.footer__icon:focus-visible,.footer__summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.2rem}.footer__cols--open{display:none}.footer__fold{border-bottom:1px solid var(--rule)}.footer__fold:first-child{border-top:1px solid var(--rule)}.footer__summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:2.75rem;list-style:none;display:flex}.footer__summary::-webkit-details-marker{display:none}.footer__summary:after{content:"";border-right:1.5px solid var(--ink-muted);border-bottom:1.5px solid var(--ink-muted);width:.45rem;height:.45rem;margin-right:.25rem;transition:transform .2s;transform:translateY(-25%)rotate(45deg)}.footer__fold[open]>.footer__summary:after{transform:translateY(25%)rotate(-135deg)}.footer__fold>.footer__links{padding-bottom:.5rem}.footer__pages{flex-wrap:wrap;margin-top:1rem;display:flex}.footer__pages li+li:before{content:"·" / "";color:var(--ink-muted);padding:0 .625rem;line-height:2.75rem}.footer__bottom{border-top:1px solid var(--brass);flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.25rem;display:flex}.footer__fine{color:var(--ink-muted);margin:0;font-size:.8125rem}.footer__disclosure{margin-top:.75rem}.footer__social{gap:.25rem;margin-left:-.75rem;display:flex}.footer__icon{width:2.75rem;height:2.75rem;color:var(--ink-muted);place-items:center;transition:color .2s;display:grid}.footer__icon svg{fill:currentColor;width:1.125rem;height:1.125rem}.footer__icon:hover{color:var(--accent)}.footer__form{flex-wrap:wrap;gap:.5rem;max-width:28rem;margin-top:1.5rem;display:flex}@media (min-width:48rem){.footer{padding-top:4.5rem}.footer__top{flex-direction:row;justify-content:space-between;gap:3rem}.footer__cols--open{grid-template-columns:repeat(3,minmax(8.5rem,auto));gap:3.5rem;display:grid}.footer__cols--folded{display:none}.footer__label{margin-bottom:.5rem}.footer__col .footer__link{min-height:2rem}.footer__pages{margin-top:1.75rem}.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center;margin-top:3rem}.footer__social{margin:0 -.75rem 0 0}}@media (prefers-reduced-motion:reduce){.nav__sections-panel[data-open]{animation:none}.afb,.afb__fill,.afb__label-fill,.afb__arrow,.nav,.nav__list:before,.nav__menu,.nav__chevron{transition-duration:.01ms}}.feel{margin:1.25rem 0 2rem;container:feel/inline-size}.feel__measure{max-width:var(--measure,34rem);margin:0 0 .4rem;font-size:1rem;line-height:1.5}.feel__howto{max-width:var(--measure,34rem);color:var(--ink-muted);margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5}.feel__board{padding-left:36px;position:relative;container-type:inline-size}.feel__line,.feel__zones{display:none}.feel__upright{position:absolute;top:0;left:0;overflow:visible}.feel__upright-string{fill:none;stroke:var(--ink);stroke-width:1.25px}.feel__stem{stroke:var(--ink-muted);stroke-width:1px}.feel__board:not([data-measured]):before{content:"";background:var(--ink);width:1px;position:absolute;top:0;bottom:0;left:11.5px}.feel__head{letter-spacing:.18em;text-transform:uppercase;margin:0;padding:1.75rem 0 .25rem;font-size:.75rem;font-weight:700;line-height:1.3}.feel__zones+.feel__head{padding-top:0}.feel__mark{padding-top:.6rem}.feel__node{top:calc(var(--vy,0px) - 5px);left:calc(var(--vx,12px) - 5px);background:var(--ink);border-radius:50%;width:10px;height:10px;display:none;position:absolute}.feel__board[data-measured] .feel__node{display:block}.feel__node{--pluck-x:calc(var(--shake,0) * 4px);--pluck-y:0px}.feel__mark[data-pluck] .feel__node{animation:.6s ease-in-out feel-pluck}@keyframes feel-pluck{10%{translate:var(--pluck-x) var(--pluck-y)}22%{translate:calc(var(--pluck-x) * -.8) calc(var(--pluck-y) * -.8)}34%{translate:calc(var(--pluck-x) * .6) calc(var(--pluck-y) * .6)}46%{translate:calc(var(--pluck-x) * -.42) calc(var(--pluck-y) * -.42)}58%{translate:calc(var(--pluck-x) * .28) calc(var(--pluck-y) * .28)}70%{translate:calc(var(--pluck-x) * -.16) calc(var(--pluck-y) * -.16)}82%{translate:calc(var(--pluck-x) * .08) calc(var(--pluck-y) * .08)}}@media (prefers-reduced-motion:reduce){.feel__mark[data-pluck] .feel__node{animation:none}}.feel__tag{border:1px solid var(--rule);background:var(--paper);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:.6rem .75rem;transition:border-color .2s;display:block}.feel__tag:hover{border-color:var(--ink-muted)}.feel__tag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feel__title{display:block}.feel__name{font-size:.9375rem;font-weight:600;line-height:1.3}.feel__symbol{color:var(--ink-muted);letter-spacing:.06em;white-space:nowrap;margin-left:.25rem;font-size:.75rem;font-weight:500}.feel__frets{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.1rem;font-size:.6875rem;font-weight:600;display:block}.feel__count{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0;margin-right:.15rem;font-size:1.125rem;font-weight:500}.feel__feel{margin-top:.2rem;font-size:.8125rem;line-height:1.4;display:block}.feel__detail{border:1px solid var(--rule);border-top:0;flex-direction:row;align-items:center;gap:.875rem;padding:.6rem .75rem .7rem;display:flex}.feel__neck{flex:none;width:8.5rem;height:auto;overflow:visible}.feel__about{min-width:0}.feel__about p{margin:0}.feel__about-head{font-size:.9375rem;font-weight:600;line-height:1.3;display:none}.feel__find{margin-top:.2rem;font-size:.875rem;line-height:1.4}.feel__about .feel__group-line{color:var(--ink-muted);margin-top:.35rem;font-size:.8125rem;line-height:1.4;display:none}.feel__head-line{color:var(--ink-muted);margin:0 0 .1rem;font-size:.8125rem;line-height:1.4}.feel__press{display:none}.feel__group-name{color:var(--ink);font-weight:600}.feel__fret{stroke:var(--rule);stroke-width:1px}.feel__wire{fill:none;stroke:var(--ink-muted);stroke-width:1px}.feel__span{stroke:var(--ink);stroke-width:1.25px;stroke-dasharray:2 3}.feel__dot--root{fill:var(--oxblood)}.feel__dot--note{fill:var(--ink)}.feel__dot-label{fill:var(--paper);text-anchor:middle;font-size:6.5px;font-weight:600}@container feel (min-width:62rem){.feel__board{grid-template-rows:21.5rem auto;padding-left:0;display:grid}.feel__upright,.feel__board:not([data-measured]):before{display:none}.feel__head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.feel__about-head{display:block}.feel__line{width:100%;height:48px;display:block;position:absolute;top:calc(10.75rem - 24px);left:0;overflow:visible}.feel__line path{fill:none;stroke:var(--ink);stroke-width:1.25px}.feel__nut{fill:var(--ink)}.feel__zones{margin:0;padding:0;list-style:none;display:block;position:absolute;inset:0 0 auto}.feel__zone{top:0;left:calc(var(--from) * 100%);width:calc((var(--to) - var(--from)) * 100%);border-top:1px solid var(--ink-muted);letter-spacing:.18em;text-align:center;text-transform:uppercase;padding-top:.45rem;font-size:.6875rem;font-weight:700;line-height:1;position:absolute}.feel__mark{top:calc(10.75rem + var(--y,0px));left:calc(var(--x) * 100%);width:0;height:0;padding:0;position:absolute}.feel__node{--pluck-x:0px;--pluck-y:calc(var(--shake,0) * 4px);display:block;top:-5px;left:-5px}.feel__mark:before{content:"";background:var(--ink-muted);width:1px;height:1.25rem;position:absolute;left:-.5px}.feel__mark[data-side=up]:before{bottom:5px}.feel__mark[data-side=down]:before{top:5px}.feel__tag{width:calc(100cqi * 2 / var(--slots) - .375rem);background:var(--paper);border:0;padding:.3rem .1rem;position:absolute;left:0}@supports (color:color-mix(in lab, red, red)){.feel__tag{background:color-mix(in srgb, var(--paper) 88%, transparent)}}.feel__tag{text-align:center;transform:translate(-50%)}.feel__mark[data-side=up] .feel__tag{bottom:calc(1.25rem + 5px)}.feel__mark[data-side=down] .feel__tag{top:calc(1.25rem + 5px)}.feel__name{font-size:.8125rem;line-height:1.25}.feel__symbol{margin-left:.2rem;font-size:.6875rem}.feel__count{font-size:1.25rem}.feel__feel{color:var(--ink-muted);margin-top:.1rem;font-size:.75rem;line-height:1.35}.feel__detail{border-top:1px solid var(--rule);flex-direction:row;grid-area:2/1;align-items:center;gap:1.75rem;margin-top:.5rem;padding:1rem 1.25rem}.feel__detail[hidden]{display:none}.feel__neck{width:18rem}.feel__about .feel__group-line{display:block}.feel__head-line{display:none}.feel__press{display:inline}.feel__mark:has(.feel__tag[aria-pressed=true]) .feel__node{background:var(--accent)}.feel__tag[aria-pressed=true] .feel__name{text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:2px}}.igrid{margin:1.75rem 0 .5rem;container-type:inline-size}.igrid__controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-bottom:1.25rem;display:flex}.igrid__keys{max-width:var(--measure,34rem);flex:20rem;display:grid}.igrid__key{color:var(--ink-muted);grid-area:1/1;margin:0;font-size:.8125rem;line-height:1.45;transition:opacity .2s,visibility .2s}.igrid:not([data-view=intervals]) .igrid__key[data-for=intervals],.igrid:not([data-view=steps]) .igrid__key[data-for=steps]{visibility:hidden;opacity:0}.igrid__table{--igrid-dot:.875rem;--igrid-band:var(--accent)}@supports (color:color-mix(in lab, red, red)){.igrid__table{--igrid-band:color-mix(in oklab, var(--accent) 13%, transparent)}}.igrid__table{--igrid-outline:var(--accent)}@supports (color:color-mix(in lab, red, red)){.igrid__table{--igrid-outline:color-mix(in oklab, var(--accent) 60%, transparent)}}.igrid__table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}@media (prefers-color-scheme:dark){.igrid__table{--igrid-band:var(--accent)}@supports (color:color-mix(in lab, red, red)){.igrid__table{--igrid-band:color-mix(in oklab, var(--accent) 17%, transparent)}}}.igrid__corner{width:11rem}.igrid__col{text-align:center;vertical-align:bottom;padding:.5rem 0 .75rem;font-weight:400}.igrid__fret{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:500;line-height:1.1;display:block}.igrid__abbr{color:var(--ink);letter-spacing:.06em;margin-top:.2rem;font-size:.6875rem;font-weight:600;display:block}.igrid__col[data-octave] .igrid__fret{color:var(--ink-muted)}.igrid__name{letter-spacing:.12em;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap;padding:0 1rem 0 0;font-size:.75rem;font-weight:600}.igrid__scale{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.35em;margin-block:-.95rem;padding-block:.95rem;text-decoration-thickness:1px;transition:text-decoration-color .15s;display:inline-block}.igrid__scale:hover,.igrid__scale:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.igrid__cell{text-align:center;vertical-align:middle;height:2.75rem;padding:0;position:relative}.igrid__dot{width:var(--igrid-dot);height:var(--igrid-dot);background:var(--ink);vertical-align:middle;border-radius:50%;transition:opacity .2s;display:inline-block}.igrid__dot[data-kind=root]{background:var(--oxblood)}.igrid__dot[data-kind=octave]{box-shadow:inset 0 0 0 2px var(--oxblood);background:0 0}.igrid__dot[data-kind=off]{width:calc(var(--igrid-dot) * .7);height:calc(var(--igrid-dot) * .7);background:0 0;border-radius:0;position:relative}.igrid__dot[data-kind=off]:before,.igrid__dot[data-kind=off]:after{content:"";background:var(--ink-muted);width:141.4%;height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:-20.7%;rotate:45deg}.igrid__dot[data-kind=off]:after{rotate:-45deg}.igrid [data-band]{background-color:var(--igrid-band);transition:background-color .2s}.igrid__cell[data-outline]:after{content:"";border:0 dashed var(--igrid-outline);pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.igrid__cell[data-outline~=t]:after{border-top-width:1.5px;top:3px}.igrid__cell[data-outline~=b]:after{border-bottom-width:1.5px;bottom:3px}.igrid__cell[data-outline~=l]:after{border-left-width:1.5px;left:3px}.igrid__cell[data-outline~=r]:after{border-right-width:1.5px;right:3px}.igrid__gap td,.igrid__foot td{height:2rem;padding:0}.igrid__label{color:var(--accent);letter-spacing:.14em;text-align:center;text-transform:uppercase;vertical-align:top;text-wrap:balance;font-size:.6875rem;font-weight:700;line-height:1.3;transition:opacity .2s}.igrid__label>span{padding:.5rem .2rem;display:block}.igrid__notes{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.igrid__steps{z-index:1;opacity:0;pointer-events:none;width:1300%;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.igrid__step{--clear:calc(var(--igrid-dot) / 2 + 4px);top:50%;left:calc((var(--a) + .5) / 13 * 100% + var(--clear));width:calc((var(--b) - var(--a)) / 13 * 100% - 2 * var(--clear));border-top:1.5px solid var(--ink-muted);height:0;margin-top:-.75px;position:absolute}.igrid__step-count{color:var(--ink-muted);font-size:.6875rem;font-weight:700;line-height:1;position:absolute;bottom:.3rem;left:50%;translate:-50%}.igrid__step[data-frets="1"]{border-top-color:var(--accent)}.igrid__step[data-frets="1"] .igrid__step-count{color:var(--accent)}.igrid__step[data-frets="3"]{border-top-style:dashed}.igrid__step[data-lean]:after{content:"";border-block:4px solid #0000;position:absolute;top:-4.75px}.igrid__step[data-lean=up]:after{border-left:7px solid var(--accent);right:-3px}.igrid__step[data-lean=down]:after{border-right:7px solid var(--accent);left:-3px}.igrid[data-view=steps] .igrid__steps{opacity:1}.igrid:not([data-view=intervals]) [data-band]{background-color:#0000}.igrid:not([data-view=intervals]) .igrid__cell[data-outline]:after,.igrid:not([data-view=intervals]) .igrid__label,.igrid:not([data-view=intervals]) .igrid__dot[data-kind=off]{opacity:0}@media (prefers-reduced-motion:reduce){.igrid [data-band],.igrid__dot,.igrid__label,.igrid__steps,.igrid__cell[data-outline]:after{transition:none}}@container (max-width:39.99rem){.igrid__table{--igrid-dot:.625rem}.igrid__table,.igrid__table>thead,.igrid__table>tbody,.igrid__table>tfoot{display:block}.igrid__table tr{grid-template-columns:repeat(13,minmax(0,1fr));display:grid}.igrid__corner,.igrid__fret,.igrid__table>tfoot,.igrid__label{display:none}.igrid__col{padding:0 0 .25rem}.igrid__abbr{letter-spacing:0;margin:0;font-size:.6875rem}.igrid__name{grid-column:1/-1;padding:.7rem 0 .2rem;font-size:.6875rem}.igrid__cell{place-items:center;height:2.25rem;display:grid}.igrid__cell[data-outline]:after{border-top-width:1.5px;border-bottom-width:1.5px;top:3px;bottom:3px}.igrid__gap{height:.75rem}.igrid__gap td{display:none}.igrid__step{--clear:calc(var(--igrid-dot) / 2 + 2px)}.igrid__step-count{font-size:.6875rem;bottom:.2rem}.igrid__step[data-lean]:after{border-block-width:3px;top:-3.75px}.igrid__step[data-lean=up]:after{border-left-width:5px}.igrid__step[data-lean=down]:after{border-right-width:5px}.igrid__notes{clip-path:none;width:auto;height:auto;color:var(--ink-muted);white-space:normal;gap:.2rem;margin:1rem 0 0;padding:0;font-size:.8125rem;line-height:1.45;list-style:none;display:grid;position:static;overflow:visible}.igrid:not([data-view=intervals]) .igrid__notes{display:none}}.circles{margin:1.75rem 0 .5rem;container-type:inline-size}.circles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1rem;display:grid}@container (min-width:52rem){.circles__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (max-width:35.99rem){.circles--pairs .circles__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem .5rem}.circles--pairs .circles__caption{margin-top:.35rem}.circles--pairs .circles__pairs{margin-top:.1rem}}.circles__item{margin:0}.circles__tile{--tile-glow:var(--accent)}@supports (color:color-mix(in lab, red, red)){.circles__tile{--tile-glow:color-mix(in oklab, var(--accent) 9%, transparent)}}.circles__tile{--tile-warm:var(--brass)}@supports (color:color-mix(in lab, red, red)){.circles__tile{--tile-warm:color-mix(in oklab, var(--brass) 16%, transparent)}}.circles__tile{--tile-light:#ffffffbf;aspect-ratio:1;border:1px solid var(--rule);background:radial-gradient(65% 55% at 10% 6%, var(--tile-glow), transparent), radial-gradient(60% 50% at 94% 98%, var(--tile-warm), transparent), linear-gradient(180deg, var(--card), var(--paper));border-radius:0;place-items:center;padding:.4rem;display:grid}@supports (color:color-mix(in lab, red, red)){.circles__tile{background:radial-gradient(65% 55% at 10% 6%, var(--tile-glow), transparent), radial-gradient(60% 50% at 94% 98%, var(--tile-warm), transparent), linear-gradient(180deg, color-mix(in oklab, var(--card) 60%, var(--paper)), var(--paper))}}.circles__tile{box-shadow:inset 0 1px 0 var(--tile-light);transition:translate .3s cubic-bezier(.22,1,.36,1),border-color .3s}.circles__tile>.ocircle{width:100%}.circles__item[data-even] .circles__tile{--tile-glow:var(--accent)}@supports (color:color-mix(in lab, red, red)){.circles__item[data-even] .circles__tile{--tile-glow:color-mix(in oklab, var(--accent) 20%, transparent)}}.circles__item[data-even] .circles__tile{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.circles__item[data-even] .circles__tile{border-color:color-mix(in oklab, var(--accent) 45%, var(--rule))}}@media (prefers-color-scheme:dark){.circles__tile{--tile-glow:var(--accent)}@supports (color:color-mix(in lab, red, red)){.circles__tile{--tile-glow:color-mix(in oklab, var(--accent) 18%, transparent)}}.circles__tile{--tile-warm:var(--brass)}@supports (color:color-mix(in lab, red, red)){.circles__tile{--tile-warm:color-mix(in oklab, var(--brass) 12%, transparent)}}.circles__tile{--tile-light:#ffffff0f}.circles__item[data-even] .circles__tile{--tile-glow:var(--accent)}@supports (color:color-mix(in lab, red, red)){.circles__item[data-even] .circles__tile{--tile-glow:color-mix(in oklab, var(--accent) 30%, transparent)}}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.circles__tile:hover{border-color:var(--accent);translate:0 -3px}@supports (color:color-mix(in lab, red, red)){.circles__tile:hover{border-color:color-mix(in oklab, var(--accent) 45%, var(--rule))}}}@media (prefers-reduced-motion:reduce){.circles__tile{transition:none}}.circles__caption{color:var(--brass-ink);letter-spacing:.12em;text-align:center;text-transform:uppercase;text-wrap:balance;margin-top:.6rem;font-size:.6875rem;font-weight:700;line-height:1.35}.circles__term{white-space:nowrap}.circles__scale{color:var(--ink);display:block}a.circles__scale{text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.35em;text-decoration-thickness:1px;transition:text-decoration-color .15s}a.circles__scale:hover,a.circles__scale:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.circles__pairs{color:var(--ink-muted);letter-spacing:0;text-transform:none;margin-top:.3rem;font-size:.8125rem;font-weight:400;display:block}.ocircle{container-type:inline-size}.ocircle__svg{width:100%;max-width:16rem;height:auto;margin-inline:auto;display:block;overflow:visible}.ocircle[data-named] .ocircle__svg--tight{display:none}@container (max-width:11.49rem){.ocircle[data-named] .ocircle__svg--wide{display:none}.ocircle[data-named] .ocircle__svg--tight{max-width:11rem;display:block}}.ocircle__disc-middle{stop-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ocircle__disc-middle{stop-color:color-mix(in oklab, var(--accent) 7%, var(--paper))}}.ocircle__disc-edge{stop-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.ocircle__disc-edge{stop-color:color-mix(in oklab, var(--card) 75%, var(--paper))}}.ocircle__ring{fill:none;stroke:var(--rule);stroke-width:1px}.ocircle__halo{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ocircle__halo{fill:color-mix(in oklab, var(--ink) 11%, transparent)}}.ocircle__position[data-kind=root] .ocircle__halo{fill:var(--oxblood)}@supports (color:color-mix(in lab, red, red)){.ocircle__position[data-kind=root] .ocircle__halo{fill:color-mix(in oklab, var(--oxblood) 20%, transparent)}}.ocircle__line-glow{stroke:var(--accent);stroke-width:7px;stroke-linecap:round;opacity:.14}.ocircle__arc{fill:none;stroke:var(--ink);stroke-linecap:round}.ocircle__arc[data-weight=long]{stroke-width:2.75px}.ocircle__arc[data-weight=short]{stroke-width:1.25px}.ocircle__arc[data-weight=even]{stroke-width:2px}.ocircle__line{stroke:var(--ink-muted);stroke-width:1.25px}.ocircle__line[data-tone=accent]{stroke:var(--accent);stroke-width:2.5px}.ocircle__dot{fill:var(--ink-muted)}.ocircle__position[data-kind=note] .ocircle__dot{fill:var(--ink)}.ocircle__position[data-kind=root] .ocircle__dot{fill:var(--oxblood)}.ocircle__name{fill:var(--ink-muted);font-size:11px}.ocircle__svg--wide .ocircle__name{font-size:9.5px}.ocircle__label-path{fill:none}.ocircle__position[data-kind] .ocircle__name{fill:var(--ink);font-weight:700}.ocircle__count{fill:var(--brass-ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.ocircle__interval{fill:var(--brass-ink);letter-spacing:.02em;font-size:10px;font-weight:600}.ocircle__label .ocircle__count{font-size:11.5px}.crows{--crows-label:5.5rem;--crows-end:6.5rem;margin:1.75rem 0 .5rem;container-type:inline-size}.crows--skip{--crows-label:9.5rem;--crows-end:8.5rem;--crows-svg:42rem}.crows--skip .crows__chord{font-size:1.5rem}.crows--skip .crows__numeral,.crows--skip .crows__dot-sep{font-size:1.125rem}.crows--skip .crows__quality{font-size:.875rem}.crows--skip .crows__key-label{font-size:.8125rem}.crows--frets{--crows-label:6.5rem;--crows-end:12.5rem;--crows-svg:28rem}.crows--frets .crows__chord{font-size:1.5rem}.crows--frets .crows__moved{font-size:1rem}.crows__row{grid-template-columns:var(--crows-label) minmax(0, 1fr) var(--crows-end);grid-template-areas:"label drawing end";align-items:center;column-gap:.75rem;display:grid}.crows__label{white-space:nowrap;flex-direction:column;grid-area:label;justify-content:center;display:flex}.crows__label-main{align-items:baseline;gap:.35rem;display:flex}.crows__label-end{display:none}.crows__drawing{grid-area:drawing;justify-content:center;min-width:0;display:flex}.crows__end{text-align:right;grid-area:end}.crows__svg{width:100%;max-width:var(--crows-svg,none);height:auto;display:block;overflow:visible}.crows__key{max-width:var(--measure,34rem);color:var(--ink);text-wrap:pretty;margin:0 0 1.25rem;font-size:1.25rem;font-weight:400;line-height:1.35}.crows__key-label{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.crows__col-name{fill:var(--ink-muted);font-size:13px;font-weight:600}.crows__numeral{color:var(--ink-muted);font-family:"Music Signs", var(--font-serif), Georgia, serif;font-size:.875rem}.crows__dot-sep{color:var(--ink-muted)}.crows__chord{color:var(--ink);font-family:"Music Signs", var(--font-serif), Georgia, serif;text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.25em;font-size:1.125rem;font-weight:700;text-decoration-thickness:1px;transition:text-decoration-color .15s}a.crows__chord:hover,a.crows__chord:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}span.crows__chord{text-decoration:none}.crows__quality{color:var(--brass-ink);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.crows__moved{color:var(--accent);font-size:.8125rem;font-weight:600;line-height:1.3}.crows__dot circle{fill:var(--role-fifth)}.crows__dot--root circle{fill:var(--role-root)}.crows__dot--third circle{fill:var(--role-third)}.crows__dot text{fill:var(--paper);font-family:"Music Signs", var(--font-body), ui-sans-serif, system-ui, sans-serif;font-size:14px;font-weight:700}.crows__dot circle.crows__ring{fill:none;stroke:var(--accent);stroke-width:1.5px}.crows__skip circle{fill:var(--paper);stroke:var(--rule);stroke-width:1.25px}.crows__skip text{fill:var(--ink-muted);opacity:.75;font-size:14px;font-weight:500}.crows__gap line{stroke:var(--rule);stroke-width:1.5px}.crows__gap text{fill:var(--brass-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.crows__string{stroke:var(--rule);stroke-width:1px}.crows__band{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.crows__band{fill:color-mix(in oklab, var(--accent) 13%, transparent)}}@media (prefers-color-scheme:dark){.crows__band{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.crows__band{fill:color-mix(in oklab, var(--accent) 17%, transparent)}}}.crows__bracket{fill:none;stroke:var(--accent);stroke-width:1.25px}.crows__band-label{fill:var(--accent);letter-spacing:.06em;font-size:11px;font-weight:700}.crows__fret{fill:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.crows__abbr{fill:var(--ink-muted);letter-spacing:.06em;font-size:9.5px;font-weight:600}.crows__group[data-reference] .crows__drawing{opacity:.5}.crows__group[data-reference] .crows__moved{color:var(--ink-muted)}.crows__dot--ext circle{fill:var(--role-ext)}.crows__dot circle.crows__ext-ring{fill:none;stroke:var(--role-ext);stroke-width:1.25px;stroke-dasharray:2.2 1.8}.crows__dot text.crows__number{fill:var(--ink);font-size:11px;font-weight:700}.crows--grips{margin-bottom:1.5rem}.crows__grips{grid-template-columns:repeat(var(--grips,2), minmax(0, 1fr));align-items:start;gap:1rem 2rem;display:grid}.crows__grip{justify-self:center;justify-items:center;gap:.4rem;width:min(100%,19rem);display:grid}.crows__svg--narrow{display:none}.crows__svg--narrow .crows__dot text{font-size:19px}.crows__svg--narrow .crows__gap text{font-size:22px}.crows__svg--narrow .crows__skip text{font-size:8px}@container (max-width:35.99rem){.crows__row{grid-template-columns:4.5rem minmax(0,1fr);grid-template-areas:"label drawing";column-gap:.375rem}.crows__end{display:none}.crows__label-end{white-space:normal;display:block}.crows__row:not([data-kind]){margin-top:.125rem}.crows__drawing{justify-content:flex-start}.crows__row[data-kind] .crows__label,.crows__row[data-kind] .crows__end{display:none}.crows__key{margin-bottom:.5rem;font-size:1rem}.crows--skip .crows__chord,.crows--frets .crows__chord{font-size:1.125rem}.crows--skip .crows__numeral,.crows--skip .crows__dot-sep{font-size:.875rem}.crows--skip .crows__quality{font-size:.625rem}.crows--frets .crows__moved,.crows__moved{font-size:.6875rem;line-height:1.2}.crows__svg--wide{display:none}.crows__svg--narrow{display:block}.crows__grips{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}.barre-figure,.places{margin:1.75rem 0 .5rem;container-type:inline-size}.barre__top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:1.25rem;display:flex}.barre__title{justify-items:start;gap:.35rem;display:grid}.barre__name{color:var(--ink);font-family:"Music Signs", var(--font-serif), Georgia, serif;text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.18em;font-size:clamp(2.5rem,6cqi,3.75rem);font-weight:700;line-height:1;text-decoration-thickness:1px;transition:text-decoration-color .15s}a.barre__name:hover,a.barre__name:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.barre__line{color:var(--brass-ink);letter-spacing:.12em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.barre__nut-note{color:var(--accent);visibility:hidden;font-size:.9375rem;font-weight:600}.barre__nut-note[data-on]{visibility:visible}.barre__controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.barre__stepper{align-items:center;gap:.75rem;display:flex}.barre__steps{border:1px solid var(--rule);align-items:stretch;display:inline-flex}.barre__step{background:var(--paper);min-width:2.75rem;min-height:2.75rem;color:var(--ink);cursor:pointer;border:0;font-size:1.25rem;font-weight:600;line-height:1;transition:background-color .15s,color .15s}.barre__step:hover:not([aria-disabled=true]){color:var(--accent)}.barre__step[aria-disabled=true]{color:var(--ink-muted);opacity:.45;cursor:default}.barre__step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.barre__fret{border-inline:1px solid var(--rule);font-variant-numeric:tabular-nums;place-items:center;min-width:2.75rem;font-size:1rem;font-weight:700;display:grid}.barre__necks .board__neck,.places__necks .board__neck{width:100%;max-width:52rem;height:auto;margin-inline:auto;display:block}.barre__necks .board__neck:not(.board__neck--upright){max-width:none}.barre__necks .board__neck--upright{max-width:21rem}@container (max-width:34.99rem){.barre__necks .board__neck:not(.board__neck--upright){display:none}}@container (min-width:35rem){.barre__necks .board__neck.board__neck--upright{display:none}}.places__phone{display:none}@container (max-width:34.99rem){.places__wide{display:none}.places__phone{display:block}.places__phone .places__caption{font-size:4.6px}}@media (orientation:landscape) and (max-height:31.25rem){.barre__top{flex-wrap:nowrap;align-items:center;gap:1rem;margin-bottom:.5rem}.barre__title{grid-template-columns:auto auto;grid-template-areas:"name line""name nut";align-items:center;gap:.1rem .6rem}.barre__name{grid-area:name;font-size:2rem}.barre__line{grid-area:line;font-size:.75rem}.barre__nut-note{grid-area:nut;font-size:.75rem}.barre__controls{flex-wrap:nowrap;gap:.5rem .75rem}.barre__controls .segments__name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.barre__top .segments__label,.barre__step,.barre__fret{min-height:2.25rem}.barre__step{min-width:2.25rem}.barre__necks .board__neck:not(.board__neck--upright){height:calc(100svh - 3.125rem)}}@container (max-width:34.99rem){.barre__top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title stepper""shape chord";align-items:end;gap:.5rem;margin-bottom:.5rem;display:grid}.barre__controls{display:contents}.barre__title{grid-area:title}.barre__controls>:first-child{grid-area:shape}.barre__controls>:nth-child(2){grid-area:chord;justify-self:end}.barre__stepper{grid-area:stepper}.barre__controls .segments__name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.barre__name{font-size:2rem}.barre__title{gap:.2rem}.barre__turn{margin-bottom:.25rem}.barre__necks .board__neck--upright{max-width:17rem}}.barre__note circle{fill:var(--role-fifth)}.barre__note[data-role=root] circle{fill:var(--role-root)}.barre__note[data-role=third] circle{fill:var(--role-third)}.barre__note text{fill:var(--paper);font-weight:700}.barre__note[data-open] circle{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.barre__note[data-open] circle{fill:color-mix(in oklab, var(--ink) 7%, var(--card))}}.barre__note[data-open] circle{stroke:var(--role-fifth);stroke-width:1px}.barre__note[data-open][data-role=root] circle{stroke:var(--role-root)}.barre__note[data-open][data-role=third] circle{stroke:var(--role-third)}.barre__note[data-open] text{fill:var(--role-fifth)}.barre__note[data-open][data-role=root] text{fill:var(--role-root)}.barre__note[data-open][data-role=third] text{fill:var(--role-third)}.barre__note[data-off],.barre__bar:not([data-on]),.barre__nut:not([data-on]){opacity:0}.barre__bar rect{fill:var(--ink)}.barre__nut{fill:var(--accent)}@media (prefers-reduced-motion:no-preference){.barre__note,.barre__bar,.barre__found{transition:transform .2s ease-out,opacity .2s ease-out}.barre__nut{transition:opacity .2s ease-out}}.barre__finder-name{fill:var(--ink-muted);font-size:3.1px;font-weight:500}.barre__finder-name[data-natural]{fill:var(--ink);font-size:4.4px;font-weight:600}.barre__finder-name[data-root]{fill:var(--accent);font-weight:800}.barre__found{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.barre__found{fill:color-mix(in oklab, var(--accent) 18%, transparent)}}.barre__finder-head{fill:var(--brass-ink);letter-spacing:.04em;font-size:2.9px;font-weight:700}.board__neck--upright .barre__finder-name{font-size:5.2px}.board__neck--upright .barre__finder-name[data-natural]{font-size:7px}.board__neck--upright .barre__finder-head{font-size:5.5px}.barre__all{margin-top:1.25rem}.barre__table{max-width:28rem}.places__key-chord{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.25em;text-decoration-thickness:1px;transition:text-decoration-color .15s}.places__key-chord:hover,.places__key-chord:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.places__caption{fill:var(--brass-ink);letter-spacing:.04em;font-size:3.6px;font-weight:700}.board__neck--upright .places__caption{font-size:6.5px}.stacks-figure,.branches-figure,.reading-figure{margin:1.75rem 0 .5rem;container-type:inline-size}.stacks{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2.5rem;display:grid}.stack__head{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-size:.75rem;font-weight:700}.stack__grid{--stack-row:3.25rem;grid-template-columns:6.5rem 6.5rem minmax(0,1fr);grid-template-rows:repeat(7, var(--stack-row));align-items:center;row-gap:.45rem;display:grid}.stack__band{background:var(--accent);grid-column:2/-1;align-self:stretch;margin:-.15rem 0}@supports (color:color-mix(in lab, red, red)){.stack__band{background:color-mix(in oklab, var(--accent) 13%, transparent)}}@media (prefers-color-scheme:dark){.stack__band{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.stack__band{background:color-mix(in oklab, var(--accent) 18%, transparent)}}}.stack__bracket{width:.5rem;margin-block:calc(var(--stack-row) / 2);margin-right:calc((2 - var(--depth)) * .9rem + .5rem);border:1.5px solid var(--brass-ink);border-right:0;grid-column:1;place-self:stretch end;position:relative}.stack__bracket-name{white-space:nowrap;position:absolute;top:0;right:calc(100% + .35rem);transform:translateY(-50%)}.stack__bracket-name .crows__chord{font-size:1rem}.stack__block{background:var(--role-fifth);height:100%;color:var(--paper);border:2px solid #0000;grid-column:2;align-content:center;justify-items:start;padding:0 .7rem;display:grid;position:relative}.stack__block[data-role=root]{background:var(--role-root)}.stack__block[data-role=third]{background:var(--role-third);color:var(--on-accent)}.stack__block[data-role=seventh]{border-color:var(--role-seventh);background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.stack__block[data-role=seventh]{background:color-mix(in oklab, var(--ink) 7%, var(--card))}}.stack__block[data-role=seventh]{color:var(--role-seventh)}.stack__block[data-role=ext]{background:var(--role-ext);outline:1.5px dashed var(--role-ext);outline-offset:1.5px}.stack__name{font-family:"Music Signs", var(--font-body), ui-sans-serif, system-ui, sans-serif;font-size:1.25rem;font-weight:700;line-height:1.05}.stack__level{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:800;position:absolute;top:.3rem;right:.5rem}.stack__frets{font-size:.6875rem;font-weight:600}.stack__caption{color:var(--accent);grid-column:3;margin:0 0 0 .75rem;font-size:.875rem;font-weight:700;line-height:1.3}.stacks__strip{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin:1.75rem 0 0;display:flex}.stacks__strip-label{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin-right:.5rem;font-size:.75rem;font-weight:700}.stacks__strip-chord{align-items:baseline;gap:.5rem;display:inline-flex}.stacks__dot{color:var(--ink-muted)}@container (max-width:39.99rem){.stacks{gap:1rem .75rem}.stack__head{margin-bottom:.4rem;font-size:.6875rem}.stack__grid{--stack-row:2.375rem;grid-template-columns:3.75rem minmax(0,1fr);grid-template-rows:repeat(7, var(--stack-row)) auto;row-gap:.3rem}.stack__band{grid-column:2}.stack__bracket{margin-right:calc((2 - var(--depth)) * .45rem + .3rem);width:.35rem}.stack__bracket-name{right:calc(100% + .2rem)}.stack__bracket-name .crows__chord{font-size:.75rem}.stack__block{padding:0 .45rem}.stack__name{font-size:1rem}.stack__level{font-size:.625rem;top:.2rem;right:.35rem}.stack__frets{font-size:.625rem}.stack__caption{grid-column:1/-1;margin:.4rem 0 0;font-size:.75rem;grid-row:8!important}.stacks__strip{margin-top:1rem}}.branches,.branches__kids{margin:0;padding:0;list-style:none}.branches__root{align-items:center;display:flex}.branches__node{border:1px solid var(--rule);background:var(--ink);justify-items:start;gap:.15rem;min-width:7.5rem;padding:.55rem .8rem;display:grid}@supports (color:color-mix(in lab, red, red)){.branches__node{background:color-mix(in oklab, var(--ink) 3%, var(--paper))}}.branches__node .crows__chord{font-size:1.25rem}.branches__notes{color:var(--accent);font-family:"Music Signs", var(--font-body), ui-sans-serif, system-ui, sans-serif;letter-spacing:.04em;font-size:.875rem;font-weight:600}.branches__tag{border:1px solid var(--accent);margin-top:.2rem;padding:.1rem .45rem}@supports (color:color-mix(in lab, red, red)){.branches__tag{border:1px solid color-mix(in oklab, var(--accent) 50%, var(--rule))}}.branches__tag{color:var(--accent);letter-spacing:.06em;font-size:.6875rem;font-weight:700}.branches-figure{--branch-line:var(--ink)}@supports (color:color-mix(in lab, red, red)){.branches-figure{--branch-line:color-mix(in oklab, var(--ink) 38%, var(--paper))}}.branches__root>.branches__kids{margin-left:1rem;position:relative}.branches__root>.branches__kids:before{content:"";border-top:1.5px solid var(--branch-line);width:1rem;position:absolute;top:50%;left:-1rem}.branches__branch{align-items:center;padding:.4rem 0;display:flex;position:relative}.branches__kids:not(.branches__kids--next)>.branches__branch:before{content:"";border-left:1.5px solid var(--branch-line);position:absolute;top:0;bottom:0;left:0}.branches__kids:not(.branches__kids--next)>.branches__branch:first-child:before{top:50%}.branches__kids:not(.branches__kids--next)>.branches__branch:last-child:before{bottom:50%}.branches__edge{flex:none;align-self:stretch;align-items:center;width:6.75rem;display:flex;position:relative}.branches__add{color:var(--brass-ink);text-align:center;font-family:"Music Signs", var(--font-body), ui-sans-serif, system-ui, sans-serif;white-space:nowrap;font-size:.8125rem;font-weight:700;position:absolute;bottom:calc(50% + .3rem);left:0;right:0}.branches__arrow{border-top:1.5px solid var(--branch-line);width:100%;position:relative}.branches__arrow:after{content:"";border-left:8px solid var(--branch-line);border-block:4.25px solid #0000;position:absolute;top:-5px;right:-1px}@container (max-width:39.99rem){.branches__root{display:block}.branches__root>.branches__node{width:fit-content}.branches__root>.branches__kids{margin:0 0 0 1rem}.branches__root>.branches__kids:before{display:none}.branches__kids:not(.branches__kids--next)>.branches__branch:first-child:before{top:0}.branches__branch{padding:.35rem 0}.branches__kids--next,.branches__kids--next>.branches__branch{align-items:center;padding:0;display:flex}.branches__edge{width:3.25rem}.branches__kids--next .branches__edge{width:3rem;margin-left:.25rem}.branches__add{justify-items:center;font-size:.75rem;line-height:1.15;display:grid}.branches__interval{font-size:.6875rem;font-weight:600}.branches__node{min-width:0;padding:.4rem .55rem}.branches__node .crows__chord{font-size:1.0625rem}.branches__notes{letter-spacing:.02em;white-space:nowrap;font-size:.75rem}.branches__tag{padding:.05rem .35rem;font-size:.625rem}}.reading__table{max-width:40rem}.reading__symbol{font-family:"Music Signs", var(--font-serif), Georgia, serif;white-space:nowrap;font-size:1.0625rem;font-weight:700}.reading__symbol[data-empty]{font-family:inherit;font-size:.8125rem;font-style:italic;font-weight:400}.reading__example{white-space:nowrap}.reading__example .crows__chord{font-size:1rem}.reading__notes{color:var(--accent);font-family:"Music Signs", var(--font-body), ui-sans-serif, system-ui, sans-serif}.reading__table tbody th.reading__symbol{color:var(--brass-ink)}.reading__table td.reading__example{color:var(--ink)}.steps [data-step]{opacity:clamp(0, calc(var(--at) - var(--step) + 1), 1)}.steps [data-until]{opacity:clamp(0, calc(var(--until) - var(--at)), 1)}@media (prefers-reduced-motion:no-preference){.steps [data-step],.steps [data-until]{transition:opacity .35s}}.steps{margin-bottom:1.5rem;container-type:inline-size}.steps__texts{max-width:var(--measure,34rem);margin-top:.75rem;display:grid}.steps__text{text-wrap:pretty;visibility:hidden;grid-area:1/1;margin:0;font-size:1rem;line-height:1.6}.steps__text[data-current]{visibility:visible}.steps__controls{max-width:var(--measure,34rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .25rem;margin-top:1rem;display:flex}@container (max-width:35.99rem){.steps__texts{margin-top:.5rem}.steps__text{font-size:.9375rem;line-height:1.5}.steps__controls{margin-top:.625rem}}@container (max-width:17.5rem){.steps__dots{flex-basis:100%;order:-1;justify-content:center}}.steps__button{border:1px solid var(--rule);min-height:2.75rem;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;padding:0 .85rem;font-size:.75rem;font-weight:700;transition:border-color .15s,color .15s}.steps__button:hover:not([aria-disabled=true]){border-color:var(--accent);color:var(--accent)}.steps__button[aria-disabled=true]{opacity:.35;cursor:default}.steps__button:focus-visible,.steps__dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.steps__dots{gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.steps__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:1.625rem;height:1.625rem;padding:0;display:grid}.steps__dot:before{content:"";border:1.5px solid var(--ink-muted);border-radius:50%;width:.5rem;height:.5rem}.steps__dot:hover:before{border-color:var(--accent)}.steps__dot[aria-current]:before{border-color:var(--accent);background:var(--accent)}.lrows{max-width:34rem;margin:1.75rem 0 .5rem}.lrow__svg{width:100%;height:auto;display:block;overflow:visible}.lrow__fret{fill:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:10px}.lrow__dot{fill:var(--ink)}.lrow__name{fill:var(--ink);font-size:12px;font-weight:500}.lrow__name[data-role]{font-weight:700}.lrow__step line{stroke:var(--rule);stroke-width:1.25px}.lrow__step text{fill:var(--ink-muted);font-size:11px;font-weight:700}.lrow__step[data-one] line{stroke:var(--accent);stroke-width:2px}.lrow__step[data-one] text{fill:var(--accent)}.lrow__arc path{fill:none;stroke:var(--ink);stroke-width:1.5px}.lrow__arc text{fill:var(--brass-ink);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.lrow__arc[data-tone=muted] path{stroke:var(--ink-muted);stroke-width:1px}.lrow__arc[data-tone=muted] text{fill:var(--ink-muted)}.lrow__arc[data-tone=accent] path{stroke:var(--accent);stroke-width:2px}.lrow__arc[data-tone=accent] text{fill:var(--accent)}.lrow__arc[data-dashed] path{stroke-dasharray:4 3}.lrow__arrow-line{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round}.lrow__arrow-head{fill:var(--accent)}.lrow__arrow[data-tone=muted] .lrow__arrow-line{stroke:var(--ink-muted)}.lrow__arrow[data-tone=muted] .lrow__arrow-head,.lrow__arrow[data-tone=muted] .lrow__arrow-label{fill:var(--ink-muted)}.lrow__arrow-label{fill:var(--accent);font-size:10px;font-weight:700}.lrow__mark{fill:var(--ink-muted);font-size:10px;font-style:italic}.lrows__caption{color:var(--ink-muted);margin:.4rem 0 0;font-size:.8125rem;line-height:1.45}.lrow__arc[data-dashed] text{letter-spacing:0;text-transform:none;font-size:10.5px;font-style:italic;font-weight:600}.lrows--named{max-width:54rem;container-type:inline-size}.lrows__row{grid-template-columns:minmax(0,34rem) minmax(9rem,1fr);grid-template-areas:"name name""row caption";align-items:center;column-gap:1.5rem;margin-top:1.25rem;display:grid}.lrows__name{letter-spacing:.12em;text-transform:uppercase;grid-area:name;margin:0;font-size:.75rem;font-weight:600}.lrows__scale{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.35em;text-decoration-thickness:1px;transition:text-decoration-color .15s}.lrows__scale:hover,.lrows__scale:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.lrows__row>.lrow__svg{grid-area:row}.lrows__row>.lrows__caption{grid-area:caption;margin:0}@container (max-width:43.99rem){.lrows__row{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""row""caption"}.lrows__row>.lrows__caption{margin-top:.3rem}}@container (max-width:35.99rem){.lrows--named .lrows__row{margin-top:.4rem}.lrows--named .lrows__row+.lrows__row .lrow__fret{display:none}.lrows--named .lrows__row+.lrows__row>.lrow__svg{margin-top:-1.1rem}.lrows--named .lrows__row>.lrow__svg{justify-self:center;width:100%;max-width:21rem}.lrows--named .lrows__name{line-height:1.2}}.mkeys{max-width:34rem;margin:1.75rem 0 .5rem}.mkeys__table{margin-top:.5rem}.mkeys__key{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .15s}.mkeys__key:hover,.mkeys__key:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.chain{margin:1.5rem 0 .5rem}.chain__svg{width:100%;max-width:26rem;height:auto;display:block;overflow:visible}.chain__arc,.chain__bracket{fill:none;stroke:var(--ink-muted);stroke-width:1px}.chain__step{fill:var(--ink-muted);font-size:11px;font-weight:600}.chain__note rect{fill:var(--paper);stroke:var(--rule);stroke-width:1px}.chain__note--end rect{stroke:var(--accent);stroke-width:1.25px}.chain__note text{fill:var(--ink);font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;font-size:16px;font-weight:400}.chain__name{fill:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.chain__caption{align-items:center;gap:.5rem;margin-top:.6rem;font-size:.875rem;font-style:italic;line-height:1.4;display:flex}.chain__keys{flex:none;gap:.25rem;display:inline-flex}.chain__key{border:1.25px solid var(--accent);width:1.375rem;height:1.375rem;color:var(--ink);font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;place-items:center;font-size:.8125rem;font-style:normal;line-height:1;display:grid}.chain__link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.18em;margin-block:-.75rem;padding-block:.75rem;text-decoration-thickness:1px;transition:text-decoration-color .15s}.chain__link:hover,.chain__link:focus-visible{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.walk{margin:1.5rem 0 .5rem;container-type:inline-size}.walk .board__neck{width:100%;max-width:40rem;height:auto;display:block}.walk .board__neck--upright{max-width:14rem;margin-inline:auto}.walk .board__label{display:block}@container (max-width:34.99rem){.walk .board__neck:not(.board__neck--upright){display:none}}@container (min-width:35rem){.walk .board__neck.board__neck--upright{display:none}}.board__path{fill:none;stroke:var(--ink);stroke-width:1.25px;stroke-dasharray:3 3;opacity:.8}.board__path-note{fill:var(--accent);paint-order:stroke;stroke:var(--ink);font-weight:700}@supports (color:color-mix(in lab, red, red)){.board__path-note{stroke:color-mix(in oklab, var(--ink) 7%, var(--card))}}.board__path-note{stroke-width:1.6px;stroke-linejoin:round}.ladder{--ladder-band:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ladder{--ladder-band:color-mix(in oklab, var(--accent) 13%, var(--paper))}}.ladder{max-width:30rem;margin:1.75rem 0 .5rem;container-type:inline-size}@media (prefers-color-scheme:dark){.ladder{--ladder-band:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ladder{--ladder-band:color-mix(in oklab, var(--accent) 17%, var(--paper))}}}.ladder__title{color:var(--ink-muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.6875rem;font-weight:700}.ladder__heads,.ladder__grips{grid-template-columns:repeat(var(--count), minmax(0, 1fr));padding-left:calc(var(--axis) * 100%);display:grid}.ladder__head{min-height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;align-content:end;justify-items:center;gap:.15rem;padding:.25rem 0 .4rem;display:grid}.ladder__numeral{color:var(--ink-muted);font-family:"Music Signs", var(--font-serif), Georgia, serif;font-size:.875rem;line-height:1}.ladder__name{font-family:"Music Signs", var(--font-serif), Georgia, serif;font-size:1.25rem;font-weight:700;line-height:1.1;transition:color .2s}.ladder__head[aria-pressed=true] .ladder__name{color:var(--accent)}.ladder__head:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ladder__chart{width:100%;height:auto;display:block;overflow:visible}.ladder__row{stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.ladder__band{fill:var(--ladder-band)}.ladder__axis{fill:var(--ink-muted);font-family:"Music Signs", var(--font-sheet-display), "Hedvig Letters Sans", serif;font-size:11px}.ladder__axis--band{fill:var(--ink)}.ladder__hit{fill:#0000;cursor:pointer;transition:fill .2s}.ladder__col[data-on] .ladder__hit{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ladder__col[data-on] .ladder__hit{fill:color-mix(in oklab, var(--ink) 5%, transparent)}}.ladder__dot{pointer-events:none}.ladder__dot text{fill:var(--paper);font-size:10px;font-weight:700}.ladder__dot--root circle{fill:var(--role-root)}.ladder__dot--third circle{fill:var(--role-third)}.ladder__dot--fifth circle{fill:var(--role-fifth)}.ladder__dot--seventh circle{fill:var(--ladder-ring,var(--paper));stroke:var(--role-seventh);stroke-width:2px}.ladder__dot--seventh text{fill:var(--role-seventh)}.ladder__dot .ladder__tag{font-size:8.5px;font-weight:700}.ladder__dot--root .ladder__tag{fill:var(--role-root)}.ladder__dot--third .ladder__tag{fill:var(--role-third)}.ladder__dot--fifth .ladder__tag{fill:var(--role-fifth)}.ladder__dot--seventh .ladder__tag{fill:var(--role-seventh)}.ladder__grip{cursor:pointer;padding:.75rem .125rem 0}.ladder .board__neck--upright{max-width:6.5rem;display:block}.ladder .board__string-name,.ladder .board__number{font-size:7.5px}.ladder .diagram__caption{letter-spacing:.08em;margin-top:.4rem;line-height:1.35}.ladder__col,.ladder__grip{transition:opacity .2s}.ladder[data-picked] .ladder__col:not([data-on]),.ladder[data-picked] .ladder__grip:not([data-on]){opacity:.3}.jobs{--ladder-ring:var(--ladder-band)}.jobs__roots{fill:none;stroke:var(--ink-muted);stroke-width:1.5px;stroke-dasharray:.1 4;stroke-linecap:round;transition:opacity .2s}.jobs__bracket{fill:none;stroke:var(--ink-muted);stroke-width:1px}.jobs__interval{fill:var(--ink-muted);pointer-events:none;font-size:10.5px;font-weight:700}.ladder[data-picked] .jobs__roots{opacity:.3}.voices__seg{fill:none;stroke:var(--ink-muted);stroke-width:1.5px;stroke-linecap:round}.voices__count{fill:var(--ink-muted);paint-order:stroke;stroke:var(--paper);stroke-width:3px;stroke-linejoin:round;font-size:10px;font-weight:700}.voices__seg--lean{stroke:var(--accent);stroke-width:2.25px}.voices__count--lean{fill:var(--accent)}.voices__lean-target{stroke:#0000;stroke-width:20px}.voices__lean{cursor:pointer}.voices__lean:hover .voices__count--lean,.voices__lean:focus-visible .voices__count--lean,.voices__lean:hover .voices__kept--lean,.voices__lean:focus-visible .voices__kept--lean{text-decoration:underline}.voices__lean:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.voices__kept{fill:var(--brass-ink);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;font-weight:700}.voices__kept--lean{fill:var(--accent);display:none}@container (min-width:26rem){.voices__kept--lean{display:inline}}.voices__step,.voices__lean,.voices__kept{transition:opacity .2s}.ladder[data-picked] .voices__step:not([data-on]),.ladder[data-picked] .voices__lean:not([data-on]),.ladder[data-picked] .voices__kept:not([data-on],.voices__kept--lean),.ladder[data-picked] .voices__bracket:not([data-on]){opacity:.3}.voices__bracket path{fill:none;stroke:var(--accent);stroke-width:1.5px}.voices__bracket text{fill:var(--accent);paint-order:stroke;stroke:var(--paper);stroke-width:3px;stroke-linejoin:round;font-size:10px;font-weight:700}.voices__controls{margin:0 0 .25rem}.voices__play{border:1px solid var(--rule);min-height:2.75rem;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:0 1rem;font-size:.75rem;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.voices__play:hover,.voices__play[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.voices__play:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.voices__play-icon{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.6rem;height:.7rem}.voices__play-icon[data-state=stop]{clip-path:none;height:.6rem}@media (prefers-reduced-motion:no-preference){.ladder[data-sounding] .voices__step[data-on] .voices__seg,.ladder[data-sounding] .voices__lean[data-on] .voices__seg{stroke-dasharray:1;animation:.18s ease-out both voices-draw}}@keyframes voices-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.voices__frets{margin-top:1rem}.voices__frets-summary{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:.7rem 0;font-size:.75rem;font-weight:700}.voices__frets-summary::marker{color:var(--ink-muted)}.voices__frets-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.voices__table{max-width:24rem;margin:.25rem 0 0}.voices__table td,.voices__table td:first-of-type,.voices__table td:last-child{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:400}.voices__table tbody th{color:var(--ink);white-space:nowrap}.voices__numeral{color:var(--ink-muted);font-family:"Music Signs", var(--font-serif), Georgia, serif;margin-left:.3rem;font-weight:400}@media (prefers-reduced-motion:reduce){.ladder__name,.ladder__hit,.ladder__col,.ladder__grip,.jobs__roots,.voices__step,.voices__lean,.voices__kept{transition:none}}.about__title{font-family:var(--font-serif), Georgia, "Times New Roman", serif;margin:0 0 1.25rem;font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.1}.about__body{max-width:38rem;margin:0;font-size:1.0625rem;line-height:1.65}.about__copy .about__body+.about__body{margin-top:1rem}.contact-line{color:var(--ink-muted);margin:0}.contact-line__link{color:var(--accent);text-underline-offset:.18em;overflow-wrap:anywhere;text-decoration:underline}.contact-line__link:focus-visible,.notfound__links a:focus-visible,.notfound__line a:focus-visible,.notfound__retry:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:.2rem}.about__contact{max-width:38rem;margin-top:1.25rem;font-size:1.0625rem}.notfound__title{font-family:var(--font-serif), Georgia, "Times New Roman", serif;margin:0 0 1.25rem;font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.1}.notfound__links{flex-wrap:wrap;gap:0 1.5rem;margin-bottom:.75rem;display:flex}.notfound__links a{min-height:2.75rem;color:var(--accent);align-items:center;font-size:1.0625rem;font-weight:500;display:inline-flex}.notfound__line{max-width:38rem;margin:0 0 1rem;font-size:1.0625rem}.notfound__line a,.notfound__retry{color:var(--accent);text-underline-offset:.18em;text-decoration:underline}.notfound__retry{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.notfound__contact{max-width:38rem;margin-bottom:3rem;font-size:1.0625rem}.legal__draft{border:1px solid var(--rule);border-left:3px solid var(--brass);background:var(--card);max-width:38rem;color:var(--ink);margin:0 0 1.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600}.legal__updated{color:var(--ink-muted);margin:-.5rem 0 2rem;font-size:.875rem}.legal__body{max-width:38rem;font-size:1.0625rem;line-height:1.65}.legal__body h2{font-family:var(--font-serif), Georgia, "Times New Roman", serif;margin:2rem 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.25}.legal__body p{margin:0 0 .75rem}.nav__brand,.footer__link,.lrows__scale,.barre__name,.voices__frets-summary,.sheet__more-link,.chords__pages-link,.progressions__jump-link,a.progressions__chord,.mkeys__key,.crows__chord,.circles__scale{position:relative}.nav__brand,.cf-nav,.footer__link,.lrows__scale,.barre__name,.voices__frets-summary{--hit:44px}.sheet__more-link,.chords__pages-link,.progressions__jump-link,a.progressions__chord,.mkeys__key,.crows__chord,.circles__scale{--hit:24px}:is(.nav__brand,.cf-nav,.footer__link,.lrows__scale,.barre__name,.voices__frets-summary,.sheet__more-link,.chords__pages-link,.progressions__jump-link,a.progressions__chord,.mkeys__key,.crows__chord,.circles__scale):before{content:"";width:max(100%, var(--hit));height:max(100%, var(--hit));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:22.5rem){.reading__table td:first-of-type{white-space:normal}}.ignore-note{bottom:max(1.25rem, calc(env(safe-area-inset-bottom) + .5rem));z-index:40;border:1px solid var(--rule);background:var(--paper);width:max-content;max-width:calc(100% - 2.5rem);color:var(--ink);text-align:center;opacity:0;pointer-events:none;border-radius:.3rem;padding:.625rem 1rem;font-size:.9375rem;line-height:1.4;transition:opacity .25s,transform .25s;position:fixed;left:50%;transform:translate(-50%,.5rem)}.ignore-note[data-shown]{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.ignore-note{transition:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}