.pr-breadcrumb{color:var(--muted-foreground);margin-bottom:.75rem;font-size:.875rem;line-height:1.43}.pr-breadcrumb-list{flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.pr-breadcrumb-item,.pr-breadcrumb-separator{align-items:center;min-width:0;display:inline-flex}.pr-breadcrumb-link{color:inherit;border-radius:var(--pr-radius-control);text-decoration:none}.pr-breadcrumb-link:hover{color:var(--foreground);text-underline-offset:.2em;text-decoration:underline}.pr-breadcrumb-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.pr-breadcrumb-page{color:var(--foreground);overflow-wrap:anywhere}.pr-breadcrumb-separator{color:var(--input)}.pr-breadcrumb-separator svg{width:.9rem;height:.9rem}.pr-breadcrumb-ellipsis{letter-spacing:.08em;justify-content:center;align-items:center;display:inline-flex}@media (max-width:48rem){.pr-breadcrumb{margin-bottom:.5rem}}
.clarinet-fingering-diagram{inline-size:100%;min-inline-size:min(100%,16rem);max-inline-size:28rem;color:var(--foreground);background:var(--print-background)}.clarinet-fingering-diagram svg{block-size:auto;inline-size:100%;display:block;overflow:visible}@media print{.clarinet-fingering-diagram{color:var(--print-foreground);background:var(--print-background);max-inline-size:none}}
.written-note{inline-size:100%;max-inline-size:20rem;color:var(--foreground);background:var(--print-background)}.written-note svg{block-size:auto;inline-size:100%;display:block}@media print{.written-note{color:var(--print-foreground);background:var(--print-background)}}
.pr-dialog{border:1px solid var(--border);border-radius:var(--pr-radius-panel);width:min(36rem,100% - 2rem);max-height:80vh;color:var(--popover-foreground);background:var(--popover);margin:auto;padding:1.5rem;overflow:auto}.pr-dialog::backdrop{background:var(--pr-overlay)}.pr-dialog-close{flex:none}.pr-dialog-close svg{width:var(--pr-icon-default);height:var(--pr-icon-default);display:block}@media print{.pr-dialog,.pr-dialog::backdrop{display:none!important}}
.hc-home-b{overflow-wrap:anywhere;padding-bottom:var(--pr-space-64)}.hc-home-b p,.hc-b-print-dialog p,.hc-home-b :is(h1,h2,h3){margin:0}.hc-home-b h2{letter-spacing:0;font-size:clamp(1.75rem,2.65vw,2.375rem);font-weight:750;line-height:1.2}.hc-home-b h3{letter-spacing:0;font-size:1.75rem;font-weight:750;line-height:1.2}.hc-b-hero{isolation:isolate;grid-template-columns:minmax(0,430fr) minmax(0,800fr);align-items:start;gap:3.125rem;padding-block:3.75rem 4.5rem;display:grid;position:relative}.hc-b-hero:before{z-index:-1;content:"";inset:0 calc(-1 * var(--pr-page-gutter));background-color:var(--hc-yellow);background-image:linear-gradient(var(--hc-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hc-grid) 1px,transparent 1px);background-size:4.5rem 4.5rem;position:absolute}.hc-b-hero>*,.hc-b-resource-grid>*,.hc-b-reading-layout>*{min-width:0}.hc-b-hero-copy{flex-direction:column;align-items:flex-start;min-height:54.5rem;display:flex}.hc-b-hero-copy h1{letter-spacing:-.025em;width:100%;max-width:100%;color:var(--hc-white);-webkit-text-stroke:1.75px var(--hc-ink);paint-order:stroke fill;text-shadow:3.5px 3.5px 0 var(--hc-ink);margin-block:1.5rem;font-size:clamp(2.5rem,3.62vw,3.25rem);font-weight:800;line-height:1.16}.hc-b-intro{color:var(--hc-ink);font-size:1.25rem;line-height:1.5}.hc-b-hero-actions{flex-direction:column;align-items:stretch;gap:1rem;width:min(100%,22.5rem);margin-block:2rem .75rem;display:flex}.hc-b-hero-actions .am-button{justify-content:center}.hc-b-free{color:var(--hc-ink);font-size:.9375rem;line-height:1.5}.hc-b-free>span{margin-right:.125rem}.hc-b-musician{object-fit:contain;flex:none;align-self:center;width:18.75rem;height:18.75rem;margin-top:auto;display:block}.hc-b-hero-tool{min-width:0}.hc-home-b .hc-b-side-note{border-left:3px solid var(--hc-ink);color:var(--hc-ink);margin:2.875rem 1.25rem 0;padding-left:1rem;font-size:1rem;line-height:1.6}.hc-b-side-note strong{margin-bottom:.25rem;font-weight:750;display:block}.hc-b-example{border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-white);box-shadow:var(--hc-shadow);margin:0;overflow:hidden}.hc-b-example-inner{flex-direction:column;min-height:46rem;padding:1rem 1.75rem 1.25rem;display:flex}.hc-b-example-prompt{font-size:1.0625rem;font-weight:750;line-height:1.5}.hc-b-note-selectors{grid-template-columns:repeat(auto-fit,minmax(min(100%,2.75rem),1fr));gap:.625rem;margin-block:.875rem 1.75rem;display:grid}.hc-note-by-note .hc-home-b .hc-b-note-select{min-width:var(--pr-control-min-size);color:var(--hc-ink);background:var(--hc-white);padding:.625rem .25rem;font-size:1.125rem}.hc-note-by-note .hc-home-b .hc-b-note-select[aria-pressed=true]{background:var(--hc-lemon)}.hc-note-by-note .hc-home-b .hc-b-note-select:hover{background:var(--hc-cream)}.hc-note-by-note .hc-home-b .hc-b-note-select[aria-pressed=true]:hover{background:var(--hc-lemon)}.hc-b-example-content{grid-template-columns:minmax(0,1fr) minmax(0,17rem);align-items:start;gap:1rem;min-height:25rem;padding:0 .75rem;display:grid}.hc-b-notation-side{min-width:0}.hc-b-small{color:var(--muted-foreground);font-size:1rem;line-height:1.5}.hc-home-b .hc-b-written{letter-spacing:-.03em;margin-block:.5rem 1rem;font-size:5.125rem;font-weight:800;line-height:1.2}.hc-b-example .written-note{width:100%;max-width:15rem;margin:0 0 1.5rem}.hc-b-example .written-note svg,.hc-b-example .clarinet-fingering-diagram svg{width:100%;height:auto;display:block}.hc-b-example .clarinet-fingering-diagram{width:100%;max-width:17rem;margin:0 auto}.hc-b-concert{color:var(--hc-ink);font-size:1.1875rem;font-weight:700;line-height:1.5;display:inline-block}.hc-b-concert strong{font-weight:750}.hc-b-example-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.25rem;display:flex}.hc-home-b .hc-b-example-footer .am-button{background:var(--hc-coral);min-width:min(10rem,100%)}.hc-home-b .hc-b-example-footer .am-button:hover:not(:disabled){background:var(--hc-coral)}.hc-b-legend{color:var(--hc-ink);font-size:.875rem;line-height:1.5}.hc-home-b .hc-b-tone-caption{color:var(--hc-ink);margin-top:.75rem;font-size:.875rem;line-height:1.5}.hc-b-audio-error{color:var(--error);margin-block:.5rem}.hc-b-text-link,.hc-home-b .am-button.hc-b-text-link{min-height:var(--pr-control-min-size);color:var(--hc-ink);box-shadow:none;text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;padding:.5rem 0;font-size:1rem;font-weight:750;line-height:1.5;text-decoration:none;display:inline-flex}.hc-b-text-link>span[aria-hidden]{flex:none}.hc-b-text-link:hover,.hc-home-b .am-button.hc-b-text-link:hover{text-underline-offset:.2em;box-shadow:none;background:0 0;text-decoration:underline;transform:none}.hc-home-b .hc-b-full-chart{justify-content:space-between;margin-top:.25rem;display:flex}.hc-b-section-heading{flex-direction:column;align-items:flex-start;gap:.875rem;margin-bottom:2.5rem;display:flex}.hc-b-section-heading h2{margin-top:.75rem}.hc-b-steps{margin-block:4rem 5rem}.hc-b-steps>.hc-b-section-heading{flex-direction:row;justify-content:space-between;align-items:end;gap:1.5rem}.hc-b-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.hc-note-by-note .hc-home-b .hc-b-step-card{text-align:left;border-radius:var(--pr-radius-panel);justify-content:flex-start;align-items:flex-start;gap:1rem;min-height:11rem;padding:1.75rem;display:flex}.hc-b-step-card>span:last-child{min-width:0}.hc-note-by-note .hc-home-b .hc-b-step-card[aria-pressed=true]{background:var(--hc-lemon)}.hc-b-step-number{border:var(--hc-line);border-radius:var(--pr-radius-control);width:2.75rem;height:2.75rem;color:var(--hc-ink);background:var(--hc-blue);flex:none;place-items:center;font-size:1rem;font-weight:800;display:grid}.hc-b-step-description{color:var(--hc-ink);margin-top:.75rem;font-size:1rem;font-weight:400;line-height:1.5;display:block}.hc-home-b .hc-b-step-detail{border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-cream);min-height:5.25rem;margin-top:1.5rem;padding:1.25rem 1.5rem;font-size:1rem;line-height:1.5}.hc-b-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2rem 2.5rem;display:grid}.hc-b-resource-column{gap:2rem;display:grid}.hc-b-pin{border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-white);box-shadow:var(--hc-shadow);overflow:hidden}.hc-b-pin-inner{padding:1.75rem}.hc-b-pin h3{margin-top:1.25rem}.hc-b-pin-inner>p:not(.eyebrow){color:var(--hc-ink);margin-top:1.125rem;font-size:1.125rem;line-height:1.6}.hc-b-pin-inner>.hc-b-text-link{justify-content:space-between;margin-top:1rem;display:flex}.hc-b-resource-column .hc-b-accent{background:var(--hc-lilac)}.hc-b-resource-column:first-of-type>.hc-b-accent:first-child{background:var(--hc-mint)}.hc-b-resource-column:last-child>.hc-b-pin:last-child{background:var(--hc-cream)}.hc-b-symbols{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-block:1.5rem;display:flex}.hc-b-symbols>span{align-items:center;gap:.5rem;font-size:1rem;display:flex}.hc-b-hole{border:2px solid var(--hc-ink);background:var(--hc-white);border-radius:50%;width:1.125rem;height:1.125rem;display:block}.hc-b-covered{background:var(--hc-ink)}.hc-b-key{border:2px solid var(--hc-ink);background:var(--hc-white);border-radius:.25rem;width:1.125rem;height:1.125rem;display:block}.hc-b-pitch-pair{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.hc-b-pitch-pair>span{flex-direction:column;display:flex}.hc-b-pitch-pair small{font-size:.9375rem}.hc-b-pitch-pair strong{font-size:2.75rem;font-weight:800;line-height:1.5}.hc-b-pitch-card .reference-tone-control{margin-top:1.5rem}.hc-b-pitch-card .tone-actions{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.hc-b-pitch-card .chart-helper{margin-top:1rem;font-size:.875rem}.hc-b-pitch-card{min-height:28.75rem}.hc-b-print-pin{background:var(--hc-lemon);grid-column:1/-1;grid-template-columns:47% 1fr;align-items:center;min-height:26.5rem;display:grid}.hc-b-print-pin .hc-b-pin-inner{align-self:start;padding-top:2.5rem}.hc-b-print-pin h3{font-size:2.125rem}.hc-b-paper-stage{place-items:center;min-height:26.5rem;display:grid;position:relative}.hc-b-paper-back{display:none}.hc-b-paper-sheet{background:var(--hc-white);border:var(--hc-line);width:min(15.5rem,100% - 2.5rem);min-height:21rem;box-shadow:6px 6px 0 var(--hc-ink);border-radius:.25rem;padding:1.25rem}.hc-b-paper-brand{margin-bottom:.75rem;font-size:.75rem;font-weight:800;display:block}.hc-b-paper-sheet>strong{font-size:1.375rem;line-height:1.25;display:block}.hc-b-paper-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.hc-b-paper-mini>div{text-align:center;min-width:0;font-size:.9375rem}.hc-b-paper-mini .written-note,.hc-b-paper-mini .clarinet-fingering-diagram{width:100%;margin:.75rem 0 0}.hc-b-paper-mini svg{width:100%;height:auto;max-height:5.5rem;display:block}.hc-b-paper-mini .written-note svg{max-height:2.5rem}.hc-b-paper-sheet>small{margin-top:1.75rem;font-size:.75rem;display:block}.hc-b-paper-stamp{font-size:.75rem;font-weight:800;position:absolute;bottom:1.75rem;left:1.75rem}.hc-home-b .hc-b-print-pin .am-button.hc-b-text-link{border:var(--hc-line);border-radius:var(--pr-radius-control);min-width:min(15rem,100%);box-shadow:var(--hc-shadow);background:var(--hc-white);justify-content:center;margin-top:1.5rem;padding:.75rem 1.25rem;display:inline-flex}.hc-b-note-guides{margin-top:5rem}.hc-b-guide-window{border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-white);box-shadow:var(--hc-shadow);overflow:hidden}.hc-b-note-guides ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;min-height:11rem;margin:0;padding:1.75rem;list-style:none;display:grid}.hc-b-note-guides li{min-width:0}.hc-b-note-guides a{justify-content:space-between;align-items:flex-start;width:100%;font-size:1.125rem}.hc-b-trust-strip{border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-blue);min-height:6.5rem;color:var(--hc-ink);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:1.5rem;margin-block:4rem 5rem;padding:1rem 1.5rem;font-size:1rem;display:grid}.hc-b-trust-strip strong{font-size:1.125rem;font-weight:750;display:block}.hc-b-trust-strip .hc-b-text-link{justify-content:space-between}.hc-b-reading-layout{gap:2.5rem;display:grid}.hc-b-reading-nav nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:.875rem;margin-block:1.5rem 1.25rem;display:grid}.hc-b-reading-nav nav a{border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-white);min-height:3.75rem;color:var(--hc-ink);align-items:center;gap:.375rem;padding:.75rem;font-size:.9375rem;font-weight:700;line-height:1.5;text-decoration:none;display:flex}.hc-b-reading-nav nav a:hover{background:var(--hc-lemon)}.hc-b-reading-nav>p:last-child{font-size:1rem;line-height:1.5}.hc-b-reading-section{border-top:var(--hc-line);grid-template-columns:minmax(0,1fr) minmax(0,2.05fr);gap:3.5rem;padding-block:1.75rem 3.5rem;scroll-margin-top:1.5rem;display:grid}.hc-b-reading-section h2{max-width:20ch;margin-top:1.5rem;font-size:1.9375rem;line-height:1.16}.hc-b-reading-copy p{font-size:1.125rem;line-height:1.62}.hc-b-reading-copy p+p{margin-top:1.375rem}.hc-b-reading-copy .hc-b-text-link{justify-content:space-between;margin-top:1.125rem;display:flex}.hc-b-reading-copy .hc-b-c4-link{margin-top:.25rem}.hc-home-b .hc-b-faq{border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-cream);box-shadow:var(--hc-shadow);margin-top:2rem;padding:1.25rem 1.75rem;display:block}.hc-b-faq details+details{border-top:var(--hc-line)}.hc-b-faq summary{cursor:pointer;min-height:var(--pr-control-min-size);padding-block:1.25rem;font-size:1.125rem;font-weight:750}.hc-b-faq details p{padding-bottom:1.5rem;font-size:1.125rem;line-height:1.62}.hc-b-faq details a{color:var(--hc-ink);text-decoration:underline}.hc-b-print-dialog{border:var(--hc-line);width:calc(100% - 2rem);max-width:36rem;max-height:calc(100dvh - 2rem);box-shadow:8px 8px 0 var(--hc-ink);background:var(--hc-paper);overflow-y:auto}.hc-b-print-dialog::backdrop{background:#16191b80}.hc-b-print-dialog-inner{padding:2rem;position:relative}.hc-b-print-dialog h2{margin:.75rem 1.5rem 1rem 0;font-size:2rem;line-height:1.2}.hc-b-print-dialog p{color:var(--hc-ink);margin-block:.75rem}.hc-b-print-dialog .pr-dialog-close{background:var(--hc-white);width:2.75rem;min-height:2.75rem;box-shadow:2px 2px 0 var(--hc-ink);padding:.5rem}.hc-b-paper-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block:1.5rem;padding:0;display:grid}.hc-b-paper-options legend{margin-bottom:.75rem;font-weight:750}.hc-b-paper-options label{min-height:var(--pr-control-min-size);border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-white);cursor:pointer;align-items:center;gap:.75rem;padding:1rem;display:flex}.hc-b-paper-options label:has(input:checked){background:var(--hc-lemon);box-shadow:3px 3px 0 var(--hc-ink)}.hc-b-paper-options input{accent-color:var(--hc-ink);flex:none;width:1.125rem;height:1.125rem}.hc-b-paper-options small{color:var(--muted-foreground);display:block}.hc-b-note-motion{animation:hc-b-note-change var(--pr-duration-fast) var(--pr-motion-ease)}@keyframes hc-b-note-change{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (min-width:90rem){.hc-b-hero:before{inset-inline:calc(40rem - 50vw)}}@media (max-width:67rem){.hc-b-hero{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:2.5rem}.hc-b-hero-copy{min-height:0;padding-right:13rem;display:block;position:relative}.hc-b-hero-copy h1{max-width:22ch;font-size:3rem}.hc-b-musician{width:12rem;height:12rem;position:absolute;bottom:0;right:0}.hc-b-example-inner{min-height:40rem}.hc-b-example-content{min-height:23rem}.hc-b-steps>.hc-b-section-heading{flex-direction:column;align-items:flex-start}.hc-b-steps-grid{gap:1rem}.hc-note-by-note .hc-home-b .hc-b-step-card{flex-direction:column;padding:1.25rem}.hc-b-resource-grid,.hc-b-resource-column{gap:1.5rem}.hc-b-print-pin{grid-template-columns:42% 1fr}.hc-b-pin-inner{padding:1.5rem}.hc-b-note-guides ul{gap:1.25rem}.hc-b-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-b-reading-nav nav{grid-template-columns:repeat(3,minmax(0,1fr))}.hc-b-reading-section{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hc-b-reading-section h2{max-width:none;margin-top:.75rem}}@media (max-width:47.999rem){.hc-home-b{padding-bottom:2.5rem}.hc-b-hero{padding-block:2rem 2.5rem}.hc-b-hero:before{background-size:3rem 3rem}.hc-b-hero-copy{padding-right:0;display:flex}.hc-b-hero-copy h1{-webkit-text-stroke-width:1.4px;text-shadow:2.5px 2.5px 0 var(--hc-ink);margin-block:1rem;font-size:clamp(2rem,9vw,2.5rem)}.hc-b-intro{font-size:1.0625rem;line-height:1.55}.hc-b-hero-actions{width:100%;margin-top:1.5rem}.hc-b-free{font-size:.875rem}.hc-b-musician{width:9rem;max-width:100%;height:auto;margin:.75rem auto -.5rem;position:static}.hc-home-b .hc-b-side-note{margin:1.5rem .25rem 0;font-size:.9375rem}.hc-b-example-inner{min-height:0;padding:1rem .75rem}.hc-b-note-selectors{gap:.4375rem;margin-block:.75rem 1.5rem}.hc-note-by-note .hc-home-b .hc-b-note-select{min-height:2.75rem;box-shadow:2px 2px 0 var(--hc-ink);font-size:1rem}.hc-b-example-content{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.75rem;min-height:16rem;padding:0}.hc-home-b .hc-b-written{margin-bottom:.75rem;font-size:3.5rem}.hc-b-example .written-note{margin-bottom:1rem}.hc-b-concert,.hc-b-small{font-size:.9375rem}.hc-b-example-footer{flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1rem}.hc-b-example-footer .am-button{width:100%}.hc-b-legend,.hc-home-b .hc-b-tone-caption{font-size:.8125rem}.hc-b-section-heading{gap:.75rem;margin-bottom:1.5rem}.hc-b-steps{margin-block:2.5rem 3rem}.hc-b-steps-grid{grid-template-columns:minmax(0,1fr)}.hc-note-by-note .hc-home-b .hc-b-step-card{flex-flow:wrap;min-height:0;padding:1.25rem}.hc-b-step-card>span:last-child{flex:10rem}.hc-b-resource-grid{grid-template-columns:minmax(0,1fr)}.hc-b-print-pin{grid-column:auto;grid-template-columns:minmax(0,1fr);min-height:0}.hc-b-paper-stage{min-height:25rem}.hc-b-print-pin .hc-b-pin-inner{padding-top:.75rem;padding-bottom:2rem}.hc-b-pin h3{font-size:1.625rem}.hc-b-print-pin h3{font-size:2rem}.hc-b-pitch-card{min-height:0}.hc-b-pin-inner{padding:1.5rem}.hc-b-pin-inner>p:not(.eyebrow){font-size:1rem}.hc-b-note-guides{margin-top:3rem}.hc-b-note-guides ul{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:.5rem 1.25rem}.hc-b-note-guides li+li{border-top:var(--hc-line)}.hc-b-note-guides a{align-items:center;min-height:5.5rem;padding-block:1.125rem;font-size:1rem}.hc-b-trust-strip{grid-template-columns:minmax(0,1fr);gap:1rem;margin-block:2.5rem 3rem;padding:1.25rem}.hc-b-reading-nav nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.hc-b-reading-nav nav a{align-items:flex-start;font-size:.875rem}.hc-b-reading-section{padding-bottom:2.5rem}.hc-b-reading-section h2{font-size:1.75rem;line-height:1.25}.hc-b-reading-copy p{font-size:1.0625rem;line-height:1.65}.hc-home-b .hc-b-faq{padding:.5rem 1.25rem}.hc-b-faq details p{font-size:1.0625rem}.hc-b-print-dialog-inner{padding:1.25rem}.hc-b-print-dialog h2{font-size:1.75rem}.hc-b-paper-options{grid-template-columns:minmax(0,1fr)}}@media (max-width:22rem){.hc-b-example-inner{padding-inline:.625rem}.hc-b-note-selectors{gap:.375rem}.hc-b-example-content{grid-template-columns:minmax(0,1fr)}.hc-b-notation-side{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));align-items:center;gap:.5rem;display:grid}.hc-b-notation-side>.hc-b-small{grid-column:1/-1}.hc-home-b .hc-b-written{margin:0}.hc-b-notation-side .hc-b-concert{grid-column:1/-1}.hc-b-example .clarinet-fingering-diagram{max-width:11rem;margin-block:.5rem}.hc-b-reading-nav nav{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hc-b-note-motion{animation:none}}
@media screen{.hc-note-by-note .reference-reading-body{min-width:0}.hc-note-by-note .reference-paragraph+.reference-paragraph{margin-top:var(--pr-space-24)}.hc-note-by-note .reference-paragraph h3{margin:0 0 var(--pr-space-8);color:var(--hc-ink);letter-spacing:0;font-size:1.0625rem;font-weight:750;line-height:1.5}.hc-note-by-note .reference-paragraph p{margin:0}.hc-note-by-note .reference-section-summary{margin-top:var(--pr-space-16);padding-left:var(--pr-space-12);border-left:3px solid var(--hc-ink);color:var(--muted-foreground);font-size:1rem;line-height:1.6}.hc-note-by-note .hc-b-reading-intro{max-width:72ch;margin:0 0 var(--pr-space-24);font-size:1.0625rem;line-height:1.65}.hc-note-by-note .hc-b-reading-nav nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.hc-note-by-note .hc-b-pitch-card h3{font-size:1.25rem;line-height:1.4}.hc-note-by-note .hc-b-faq-section{margin-top:var(--pr-space-24);scroll-margin-top:var(--pr-space-24)}.hc-note-by-note .hc-b-faq-section>h2{margin:0 0 var(--pr-space-20)}.hc-note-by-note .hc-home-b .hc-b-faq{margin-top:0}.hc-note-by-note .hc-b-faq details{border:0}.hc-note-by-note .hc-b-faq details+details{border-top:var(--hc-line)}.hc-note-by-note .hc-b-faq-section summary{overflow-wrap:anywhere}.hc-note-by-note .fingering-chart-page .chart-lookup-window{margin-top:var(--pr-space-24)}.hc-note-by-note .reference-quick-start{margin-block:var(--pr-space-40);border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-cream);padding:clamp(1rem,2.5vw,2rem)}.hc-note-by-note .reference-quick-start h2{margin:0 0 var(--pr-space-20);font-size:1.5rem;line-height:1.3}.hc-note-by-note .reference-quick-start ol{gap:var(--pr-space-24);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding-left:1.5rem;display:grid}.hc-note-by-note .reference-quick-start li{padding-left:.25rem}.hc-note-by-note .reference-quick-start li::marker{font-weight:750}.hc-note-by-note .reference-quick-start h3{margin:0 0 .5rem;font-size:1.125rem;line-height:1.4}.hc-note-by-note .reference-quick-start p{margin:0;font-size:1rem;line-height:1.65}.hc-note-by-note .reference-reading-topics{margin-top:var(--pr-space-40)}.hc-note-by-note .reference-reading-topics h2{margin:0 0 var(--pr-space-16);font-size:1.5rem;line-height:1.35}.hc-note-by-note .reference-reading-topics p{max-width:72ch;font-size:1rem;line-height:1.65}.hc-note-by-note .reference-reading-topics nav{flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;display:flex}.hc-note-by-note .reference-reading-topics nav a{min-height:var(--pr-control-min-size);text-underline-offset:.2em;align-items:center;padding:.375rem 0;font-size:1rem;line-height:1.5;display:inline-flex}.hc-note-by-note .hc-b-reading-section#before{padding-bottom:var(--pr-space-24)}@media (max-width:47.999rem){.hc-note-by-note .reference-quick-start ol{grid-template-columns:minmax(0,1fr)}.hc-note-by-note .hc-b-reading-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-note-by-note .hc-b-faq-section{margin-top:var(--pr-space-16)}}@media (max-width:22rem){.hc-note-by-note .hc-b-reading-nav nav{grid-template-columns:minmax(0,1fr)}}}
.pr-collapsible{border:1px solid var(--border);border-radius:var(--pr-radius-control);background:var(--background);overflow:clip}.pr-collapsible-trigger{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:var(--pr-control-min-size);background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.7rem .9rem;font-weight:650;display:flex}.pr-collapsible-trigger:hover{background:var(--surface)}.pr-collapsible-trigger:focus-visible{outline:var(--pr-focus-width) solid var(--ring);outline-offset:-2px}.pr-collapsible-trigger-label{flex:1;min-width:0}.pr-collapsible-chevron{width:1rem;height:1rem;color:var(--muted-foreground);transition:transform var(--pr-duration-fast,.12s) ease;flex:none}.pr-collapsible[data-state=open]>.pr-collapsible-trigger .pr-collapsible-chevron{transform:rotate(180deg)}.pr-collapsible-content{border-top:1px solid var(--border);padding:0 .9rem .85rem}.pr-collapsible-content[hidden]{display:none}.pr-collapsible-content>:first-child{margin-top:.75rem}.pr-collapsible-content p{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.pr-collapsible-content p+p,.pr-collapsible-content p+.pr-option-links{margin-top:.55rem}.pr-collapsible-facts{gap:0;margin:0;display:grid}.pr-collapsible-facts>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);align-items:baseline;gap:.75rem;padding-block:.55rem;font-size:.875rem;line-height:1.4;display:grid}.pr-collapsible-facts>div:last-child{border-bottom:0;padding-bottom:0}.pr-collapsible-facts dt{color:var(--muted-foreground);margin:0;font-weight:500}.pr-collapsible-facts dd{color:var(--foreground);margin:0}.pr-collapsible-plain{background:0 0;border:0;border-radius:0}.pr-collapsible-plain>.pr-collapsible-trigger{min-height:var(--pr-control-min-size);padding:.65rem 0}.pr-collapsible-plain>.pr-collapsible-trigger:hover{background:0 0}.pr-collapsible-plain>.pr-collapsible-content{border-top:0;padding:0 0 .15rem}.pr-collapsible-plain>.pr-collapsible-content>:first-child{margin-top:.45rem}@media (max-width:30rem){.pr-collapsible-facts>div{grid-template-columns:1fr;gap:.15rem;padding-block:.6rem}}@media (prefers-reduced-motion:reduce){.pr-collapsible-chevron{transition:none}}
.source-verified-reference{--print-background:var(--surface);gap:var(--pr-space-24);min-width:0;display:grid}.reference-layout{gap:var(--pr-space-24);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.pitch-summary,.fingering-summary,.playing-instructions{align-content:start;gap:var(--pr-space-12);min-width:0;display:grid}.result-heading{font-size:var(--pr-type-ui-size);font-weight:var(--pr-weight-strong);line-height:1.5}.written-label{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--pr-weight-heading);letter-spacing:-.035em;line-height:1.1}.source-verified-reference .written-note{width:100%;max-width:15rem}.source-verified-reference .clarinet-fingering-diagram{justify-self:center;inline-size:100%;min-inline-size:0;max-inline-size:12rem}.pitch-facts{gap:var(--pr-space-12);display:grid}.pitch-facts dt{color:var(--muted-foreground);font-size:var(--pr-type-meta-size)}.pitch-facts dd{margin-top:var(--pr-space-4);overflow-wrap:anywhere;font-weight:600}.playing-instructions{border-top:1px solid var(--border);padding-top:var(--pr-space-20);grid-column:1/-1}.hole-instructions{font-size:var(--pr-type-ui-size);line-height:1.7}.basic-options{gap:var(--pr-space-12);display:grid}.basic-options.has-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-option{min-width:0;font-size:var(--pr-type-ui-size);overflow-wrap:anywhere;line-height:1.7}.basic-option h4,.little-finger-intro h4{font-size:var(--pr-type-ui-size);margin-bottom:var(--pr-space-4);font-weight:600}.basic-option p{color:var(--muted-foreground)}.reference-reading{gap:var(--pr-space-8);border-top:1px solid var(--border);padding-top:var(--pr-space-16);display:grid}.fingering-legend{align-items:center;gap:var(--pr-space-8) var(--pr-space-16);font-size:var(--pr-type-meta-size);flex-wrap:wrap;line-height:1.5;display:flex}.fingering-legend>span{align-items:center;gap:var(--pr-space-6);display:inline-flex}.legend-hole{flex-shrink:0;width:.75rem;height:.75rem;display:inline-block}.tone-actions{gap:var(--pr-space-8);flex-wrap:wrap;display:flex}.reference-tone-control{gap:var(--pr-space-8);margin-top:var(--pr-space-8);display:grid}.reference-sources{font-size:var(--pr-type-ui-size)}.reference-sources ul{margin:.5rem 0;padding-left:1.25rem}.reference-sources li{margin-top:var(--pr-space-12)}.reference-sources a{min-height:var(--pr-control-min-size);align-items:center;display:inline-flex}.audio-message{font-size:var(--pr-type-meta-size);color:var(--error)}@media (min-width:67rem){.reference-layout{gap:var(--pr-space-32);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) minmax(0,1fr)}.playing-instructions{border-top:0;grid-column:auto;padding-top:0}}@media (max-width:47.999rem){.source-verified-reference .written-note{max-width:12rem}.source-verified-reference .clarinet-fingering-diagram{max-inline-size:10rem}.pitch-facts dt{font-size:.75rem}.pitch-facts dd{font-size:.875rem}}@media (max-width:22rem){.reference-layout,.basic-options.has-pair{grid-template-columns:minmax(0,1fr)}.fingering-summary .clarinet-fingering-diagram{justify-self:start}.pitch-summary .written-note{max-width:11rem}}
.full-chart-print{display:none}@media print{html,body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}.site-header,.site-footer,.skip-link,.chart-screen,.chart-print-controls{display:none!important}main,.pr-container,.page-main,.layout-tool,.fingering-chart-page{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}.full-chart-print{color:#000;font-family:var(--pr-font-sans);display:block}.source-print-sheet{page:clarinet-chart;break-after:page;break-inside:avoid;box-sizing:border-box;flex-direction:column;height:254mm;margin:0;padding:0;font-size:9pt;line-height:1.25;display:flex}.full-chart-print[data-print-paper=a4] .source-print-sheet{height:272mm}.source-print-sheet:last-child{break-after:auto}.source-print-header{justify-content:space-between;align-items:start;gap:4mm;margin-bottom:3mm;display:flex}.source-print-header p{margin:0;font-size:9pt}.source-print-header .print-sheet-title{letter-spacing:-.02em;margin:0 0 1.5mm;font-size:18pt;font-weight:700;line-height:1.15}.source-print-header>p{text-align:right}.source-print-sheet .fingering-legend{gap:1mm 3mm;font-size:9pt;line-height:1.3}.source-print-sheet .fingering-legend>span{gap:1mm}.source-print-sheet .legend-hole{width:2.4mm;height:2.4mm}.print-reading-note{margin:2mm 0 3mm;font-size:9pt}.source-print-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm;display:grid}.source-print-note{break-inside:avoid;border:.25mm solid #777;border-radius:2mm;flex-direction:column;min-width:0;height:65mm;padding:2mm;display:flex;overflow:visible}.print-note-heading h3{letter-spacing:0;margin:0;font-size:12pt;line-height:1.2}.print-note-heading p{margin:.8mm 0 0;font-size:8.5pt}.print-note-visuals{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.source-print-note .written-note{flex-shrink:0;width:22mm;max-width:22mm}.source-print-note .clarinet-fingering-diagram{flex-shrink:0;width:30mm;min-width:0;max-width:30mm}.source-print-note svg{color:#000;width:100%;height:auto}.print-key-actions{border-top:.2mm solid #bbb;min-height:8mm;padding-top:1mm;font-size:8.5pt;line-height:1.3}.print-key-actions p{overflow-wrap:break-word;margin:0}.source-print-footer{border-top:.2mm solid #777;margin-top:auto;padding-top:3mm;font-size:8.5pt}.source-print-footer a{color:#000}.source-print-footer p{margin:0 0 .6mm}}
.fingering-chart-page{overflow-wrap:anywhere;min-width:0}.chart-intro{gap:var(--pr-space-12);margin-block:var(--pr-space-24) var(--pr-space-32);display:grid}.chart-intro p{max-width:65ch}.chart-intro h1{max-width:none}.chart-tool{gap:var(--pr-space-20);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface);padding:clamp(1rem,3vw,2rem);display:grid}.lookup-heading-row{justify-content:space-between;align-items:center;gap:var(--pr-space-12);flex-wrap:wrap;display:flex}.lookup-heading-row a{min-height:var(--pr-control-min-size);align-items:center;display:inline-flex}.chart-download-links{font-weight:600}.chart-page-previews{margin:0}.chart-page-previews ul{gap:var(--pr-space-12);grid-template-columns:repeat(auto-fill,minmax(min(100%,8rem),1fr));margin:0;padding:0;list-style:none;display:grid}.chart-page-previews li{gap:var(--pr-space-6);font-size:var(--pr-type-meta-size);color:var(--muted-foreground);display:grid}.chart-page-previews a{border:1px solid var(--border);border-radius:var(--pr-radius-control);background:#fff;display:block;overflow:hidden}.chart-page-previews img{width:100%;height:auto;display:block}.chart-page-previews figcaption{margin-top:var(--pr-space-8);font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}.chart-download-links a{min-height:var(--pr-control-min-size);align-items:center;display:inline-flex}.chart-section a,.reference-sources a,.lookup-heading-row a,.chart-download-links a{text-underline-offset:.16em;text-decoration:underline}.note-picker{align-items:end;gap:var(--pr-space-12);padding-bottom:var(--pr-space-20);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.note-picker label,.print-controls label{font-weight:600;font-size:var(--pr-type-ui-size);margin-bottom:var(--pr-space-6);display:block}.fingering-chart-page select{min-height:var(--pr-control-min-size);border:1px solid var(--input);border-radius:var(--pr-radius-control);background:var(--background);color:var(--foreground);max-width:100%;padding:.5rem 2rem .5rem .75rem}.note-select{flex:12rem}.note-select select{width:100%}.note-steppers{gap:var(--pr-space-8);display:flex}.spelling-select{margin-left:auto}.chart-section{gap:var(--pr-space-12);margin-top:var(--pr-space-32);max-width:75ch;display:grid}.chart-section p{max-width:72ch}.chart-explain-grid{gap:0 var(--pr-space-32);display:grid}.chart-section details,.reference-sources{border-top:1px solid var(--border);padding-block:var(--pr-space-8)}.chart-section summary,.reference-sources summary{cursor:pointer;min-height:var(--pr-control-min-size);padding-block:var(--pr-space-10);font-weight:600}.chart-section details p{padding-block:var(--pr-space-8) var(--pr-space-16)}.chart-helper{font-size:var(--pr-type-meta-size);color:var(--muted-foreground);line-height:1.5}.print-controls{align-items:end;gap:var(--pr-space-16);flex-wrap:wrap;display:flex}.lookup-links{gap:var(--pr-space-16);flex-wrap:wrap;display:flex}.chart-note-reference{max-width:none}.note-family-nav,.note-reference-links{gap:var(--pr-space-8) var(--pr-space-12);flex-wrap:wrap;display:flex}.note-family-nav a,.note-reference-links a,.note-interactive-link{min-height:var(--pr-control-min-size);align-items:center;display:inline-flex}.note-register-group{gap:var(--pr-space-12);margin-top:var(--pr-space-16);display:grid}.note-register-group h3{font-size:var(--pr-type-h3-size)}.note-reference-grid{gap:var(--pr-space-12);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));display:grid}.note-reference-card{gap:var(--pr-space-8);min-width:0;padding:var(--pr-space-16);border:1px solid var(--border);border-radius:var(--pr-radius-panel);overflow-wrap:anywhere;font-size:var(--pr-type-ui-size);align-content:start;display:grid}.note-reference-card header{gap:var(--pr-space-4);display:grid}.note-reference-card h4{font-size:1.0625rem;line-height:1.3}.note-reference-visuals{align-items:center;gap:var(--pr-space-8);grid-template-columns:minmax(0,1fr) minmax(0,6.5rem);display:grid}.note-reference-card .written-note{max-inline-size:9rem}.note-reference-card .clarinet-fingering-diagram{width:100%}.note-hole-text{line-height:1.45}.note-reference-card ul{padding-left:1.25rem}.note-reference-card li+li{margin-top:var(--pr-space-4)}.note-reference-card:target{outline:2px solid var(--ring);outline-offset:4px}.note-reference-card{position:relative}.lookup-fallback-anchor{scroll-margin-top:var(--pr-space-24);position:absolute;inset:0 auto auto 0}.chart-tool,.note-reference-card{scroll-margin-top:var(--pr-space-24)}.chart-tool{margin-top:var(--pr-space-32)}.fingering-chart-page .source-verified-reference{grid-template-columns:minmax(0,1fr)}.fingering-chart-page .reference-layout,.chart-tool>*{min-width:0}.fingering-chart-page .pitch-facts>div{flex-wrap:wrap}.fingering-chart-page .tone-actions button{white-space:normal;max-width:100%}@media (max-width:30rem){body:has(.fingering-chart-page) .header-inner{gap:var(--pr-space-12);padding-block:var(--pr-space-12);flex-wrap:wrap}body:has(.fingering-chart-page) .site-brand{overflow-wrap:anywhere;min-width:0;max-width:100%}body:has(.fingering-chart-page) .brand-mark{flex-shrink:0}}@media (min-width:64rem){.chart-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:47.999rem){.note-picker{grid-template-columns:minmax(0,1fr);display:grid}.spelling-select{width:100%;margin:0}.spelling-select select,.note-steppers{width:100%}.note-steppers button{flex:1}.note-reference-visuals{grid-template-columns:minmax(0,1fr) minmax(0,8rem)}.chart-intro{gap:var(--pr-space-8);margin-block:var(--pr-space-16) var(--pr-space-24)}.chart-intro .eyebrow{font-size:.75rem}.chart-tool{gap:var(--pr-space-16);background:0 0;border:0;padding:0}.lookup-heading-row{gap:var(--pr-space-4)}.lookup-heading-row h2{font-size:var(--pr-type-h3-size)}.lookup-links{font-size:var(--pr-type-ui-size)}.note-picker{gap:var(--pr-space-8);border-bottom:0;padding-bottom:0}.chart-tool .source-verified-reference{padding:var(--pr-space-16);background:var(--surface);border:1px solid var(--border);border-radius:var(--pr-radius-panel)}}
@media screen{.hc-note-by-note .fingering-chart-page{padding-bottom:var(--pr-space-32);color:var(--hc-ink)}.hc-note-by-note .fingering-chart-page a{color:var(--hc-ink)}.hc-note-by-note .fingering-chart-page .chart-intro{gap:var(--pr-space-12);margin-block:var(--pr-space-24) var(--pr-space-40);padding-bottom:var(--pr-space-32);border-bottom:var(--hc-line)}.hc-note-by-note .fingering-chart-page .chart-intro h1{letter-spacing:-.025em;font-size:clamp(2.125rem,4.2vw,3.25rem);line-height:1.12}.hc-note-by-note .fingering-chart-page .chart-intro>p:not(.eyebrow):not(.chart-helper):not(.chart-download-links){max-width:72ch;font-size:1.125rem;line-height:1.65}.hc-note-by-note .fingering-chart-page .chart-helper{color:var(--muted-foreground);font-size:.9375rem;line-height:1.6}.hc-note-by-note .fingering-chart-page :is(.note-family-nav,.note-reference-links){gap:var(--pr-space-12)}.hc-note-by-note .fingering-chart-page :is(.note-family-nav,.note-reference-links) a{min-height:var(--pr-control-min-size);border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-white);justify-content:center;padding:.5rem .875rem;font-size:1rem;font-weight:700;line-height:1.4;text-decoration-thickness:1px}.hc-note-by-note .fingering-chart-page .chart-download-links a{padding-inline:.25rem;font-weight:750}.hc-note-by-note .fingering-chart-page .chart-note-reference{gap:var(--pr-space-20);max-width:none;margin-top:var(--pr-space-32)}.hc-note-by-note .fingering-chart-page .chart-all-notes-bar{border:var(--hc-line);border-radius:var(--pr-radius-panel);box-shadow:var(--hc-shadow);padding:1rem 1.25rem}.hc-note-by-note .fingering-chart-page .chart-all-notes-bar h2{letter-spacing:-.015em;min-width:0;margin:0;font-size:clamp(1.375rem,2.5vw,1.875rem);font-weight:750;line-height:1.25}.hc-note-by-note .fingering-chart-page .note-register-group{--hc-register-surface:var(--hc-cream);gap:var(--pr-space-20);margin-top:var(--pr-space-24)}.hc-note-by-note .fingering-chart-page .note-register-group[aria-labelledby=throat-tone-notes-heading]{--hc-register-surface:color-mix(in srgb, var(--hc-mint) 30%, var(--hc-white))}.hc-note-by-note .fingering-chart-page .note-register-group[aria-labelledby=clarion-notes-heading]{--hc-register-surface:color-mix(in srgb, var(--hc-lilac) 22%, var(--hc-white))}.hc-note-by-note .fingering-chart-page .note-register-group>h3{border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-register-surface);margin:0;padding:.75rem 1rem;font-size:clamp(1.125rem,1.8vw,1.375rem);font-weight:750;line-height:1.4}.hc-note-by-note .fingering-chart-page .note-reference-grid{gap:var(--pr-space-24);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:stretch}.hc-note-by-note .fingering-chart-page .note-reference-card{gap:var(--pr-space-12);border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-white);box-shadow:var(--hc-shadow);overflow-wrap:anywhere;padding:0;font-size:1rem;line-height:1.55}.hc-note-by-note .fingering-chart-page .note-reference-card>header{gap:var(--pr-space-6);border-bottom:var(--hc-line);border-radius:calc(var(--pr-radius-panel) - 2px) calc(var(--pr-radius-panel) - 2px) 0 0;background:var(--hc-register-surface);padding:1rem 1.125rem}.hc-note-by-note .fingering-chart-page .note-reference-card h4{margin:0;font-size:1.0625rem;font-weight:750;line-height:1.4}.hc-note-by-note .fingering-chart-page .note-reference-card>:not(header):not(.lookup-fallback-anchor){margin-inline:1.125rem}.hc-note-by-note .fingering-chart-page .note-reference-card>:last-child{margin-bottom:1.125rem}.hc-note-by-note .fingering-chart-page .note-reference-card .chart-helper{font-size:.875rem;line-height:1.6}.hc-note-by-note .fingering-chart-page .note-reference-visuals{align-items:center;gap:var(--pr-space-12);grid-template-columns:minmax(0,1fr) minmax(0,7.5rem)}.hc-note-by-note .fingering-chart-page .note-reference-card :is(.written-note,.clarinet-fingering-diagram){inline-size:100%;min-inline-size:0}.hc-note-by-note .fingering-chart-page .note-hole-text{line-height:1.6}.hc-note-by-note .fingering-chart-page .note-reference-card ul{margin-block:0;padding-left:1.125rem}.hc-note-by-note .fingering-chart-page .note-interactive-link{min-height:var(--pr-control-min-size);font-weight:700;line-height:1.5}.hc-note-by-note .fingering-chart-page .chart-lookup-window{border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-white);box-shadow:var(--hc-shadow);gap:0;margin-top:clamp(3rem,5vw,5rem);padding:0}.hc-note-by-note .fingering-chart-page .chart-lookup-bar{border-radius:calc(var(--pr-radius-panel) - 2px) calc(var(--pr-radius-panel) - 2px) 0 0;align-items:flex-start;padding:1rem 1.25rem}.hc-note-by-note .fingering-chart-page .chart-lookup-bar>.lookup-heading-row{gap:var(--pr-space-12) var(--pr-space-24);flex:auto;min-width:0}.hc-note-by-note .fingering-chart-page .lookup-heading-row h2{flex:24rem;min-width:0;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.35}.hc-note-by-note .fingering-chart-page .chart-lookup-bar .pr-window-dots{padding-top:.375rem}.hc-note-by-note .fingering-chart-page .lookup-links{gap:var(--pr-space-8) var(--pr-space-20);font-size:.9375rem;font-weight:700}.hc-note-by-note .fingering-chart-page .chart-lookup-window>.note-picker{gap:var(--pr-space-16);border-bottom:var(--hc-line);background:var(--hc-cream);padding:clamp(1rem,2.25vw,1.75rem)}.hc-note-by-note .fingering-chart-page select{border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-white);min-height:3.25rem;color:var(--hc-ink);font-size:1rem;line-height:1.4}.hc-note-by-note .fingering-chart-page .note-steppers .am-button{flex-wrap:wrap;padding-inline:.5rem}.hc-note-by-note .fingering-chart-page .step-label{white-space:nowrap}.hc-note-by-note .fingering-chart-page .chart-lookup-window>.source-verified-reference{--print-background:var(--hc-white);border-radius:0 0 calc(var(--pr-radius-panel) - 2px) calc(var(--pr-radius-panel) - 2px);background:var(--hc-white);border:0;padding:clamp(1rem,2.25vw,1.75rem)}.hc-note-by-note .fingering-chart-page .result-heading{font-size:1rem;font-weight:750}.hc-note-by-note .fingering-chart-page .written-label{letter-spacing:-.025em;font-size:clamp(3.25rem,5vw,4.5rem)}.hc-note-by-note .fingering-chart-page .pitch-facts{gap:var(--pr-space-16)}.hc-note-by-note .fingering-chart-page .pitch-facts :is(dt,dd){font-size:1rem;line-height:1.5}.hc-note-by-note .fingering-chart-page .basic-options.has-pair{gap:var(--pr-space-16)}.hc-note-by-note .fingering-chart-page .basic-options.has-pair>.basic-option{border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-cream);padding:.875rem}.hc-note-by-note .fingering-chart-page :is(.hole-instructions,.basic-option){font-size:1rem;line-height:1.65}.hc-note-by-note .fingering-chart-page .reference-reading{border-top:var(--hc-line);padding-top:var(--pr-space-20)}.hc-note-by-note .fingering-chart-page .reference-sources{border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-cream);padding:0;font-size:1rem}.hc-note-by-note .fingering-chart-page .reference-sources summary{padding:.875rem 1rem;font-weight:750}.hc-note-by-note .fingering-chart-page .reference-sources>:not(summary){margin-inline:1rem}.hc-note-by-note .fingering-chart-page .reference-sources>:last-child{margin-bottom:1rem}.hc-note-by-note .fingering-chart-page .chart-print-controls{gap:var(--pr-space-20);border:var(--hc-line);border-radius:var(--pr-radius-panel);background:var(--hc-lemon);max-width:none;box-shadow:var(--hc-shadow);margin-top:clamp(3rem,5vw,5rem);padding:clamp(1rem,2.5vw,2rem)}.hc-note-by-note .fingering-chart-page .chart-print-controls h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3}.hc-note-by-note .fingering-chart-page .chart-page-previews ul{gap:var(--pr-space-20);grid-template-columns:repeat(4,minmax(0,1fr))}.hc-note-by-note .fingering-chart-page .chart-page-previews a{border:var(--hc-line);box-shadow:3px 3px 0 var(--hc-ink);background:var(--hc-white)}.hc-note-by-note .fingering-chart-page .chart-page-previews img{object-fit:contain;height:auto}.hc-note-by-note .fingering-chart-page .print-controls{gap:var(--pr-space-16)}.hc-note-by-note .fingering-chart-page .chart-reading-section{gap:var(--pr-space-20) clamp(2rem, 5vw, 5.5rem);border-top:var(--hc-line);max-width:none;margin-top:3rem;padding-block:2rem .75rem}.hc-note-by-note .fingering-chart-page .chart-reading-section>h2{max-width:none;font-size:clamp(1.5rem,2.25vw,1.9375rem);line-height:1.2}.hc-note-by-note .fingering-chart-page .chart-reading-section>:not(h2){max-width:72ch;font-size:1.125rem;line-height:1.65}.hc-note-by-note .fingering-chart-page .chart-source-links{margin:0;padding-left:1.25rem}.hc-note-by-note .fingering-chart-page .chart-source-links li+li{margin-top:.75rem}.hc-note-by-note .fingering-chart-page #faq{gap:var(--pr-space-16);border-top:var(--hc-line);max-width:none;margin-top:4rem;padding-top:2rem}.hc-note-by-note .fingering-chart-page #faq>h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25}.hc-note-by-note .fingering-chart-page #faq>.chart-faq-intro{font-size:1.125rem;line-height:1.65}.hc-note-by-note .fingering-chart-page #faq details{border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-cream);padding:0}.hc-note-by-note .fingering-chart-page #faq summary{padding:1rem 1.25rem;font-size:1.125rem;font-weight:750;line-height:1.5}.hc-note-by-note .fingering-chart-page #faq details p{max-width:78ch;padding:0 1.25rem 1.25rem;font-size:1.125rem;line-height:1.65}@media (hover:hover){.hc-note-by-note .fingering-chart-page :is(.note-family-nav,.note-reference-links) a:hover{background:var(--hc-lemon)}}@media (min-width:67rem){.hc-note-by-note .fingering-chart-page .chart-lookup-window .reference-layout{grid-template-columns:minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.25fr)}.hc-note-by-note .fingering-chart-page .chart-reading-section{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start}.hc-note-by-note .fingering-chart-page .chart-reading-section>h2{grid-area:1/1}.hc-note-by-note .fingering-chart-page .chart-reading-section>:not(h2){grid-column:2}}@media (max-width:47.999rem){.hc-note-by-note .fingering-chart-page .chart-intro{margin-block:var(--pr-space-16) var(--pr-space-32)}.hc-note-by-note .fingering-chart-page :is(.chart-all-notes-bar,.chart-lookup-bar){padding:1rem}.hc-note-by-note .fingering-chart-page .note-reference-visuals{grid-template-columns:minmax(0,1fr) minmax(0,8rem)}.hc-note-by-note .fingering-chart-page .note-reference-grid{gap:var(--pr-space-20)}.hc-note-by-note .fingering-chart-page .chart-lookup-window>.note-picker{gap:var(--pr-space-12);grid-template-columns:minmax(0,1fr);display:grid}.hc-note-by-note .fingering-chart-page .note-steppers{gap:var(--pr-space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,6.75rem),1fr));display:grid}.hc-note-by-note .fingering-chart-page .chart-page-previews ul{gap:var(--pr-space-12);grid-template-columns:repeat(2,minmax(0,1fr))}.hc-note-by-note .fingering-chart-page .chart-reading-section{gap:var(--pr-space-20);margin-top:2.5rem;padding-top:1.5rem}.hc-note-by-note .fingering-chart-page #faq summary,.hc-note-by-note .fingering-chart-page #faq details p{padding-inline:1rem}}@media (max-width:22rem){.hc-note-by-note .fingering-chart-page .note-reference-card>header{padding-inline:.875rem}.hc-note-by-note .fingering-chart-page .note-reference-card>:not(header):not(.lookup-fallback-anchor){margin-inline:.875rem}.hc-note-by-note .fingering-chart-page .note-reference-visuals{gap:var(--pr-space-8);grid-template-columns:minmax(0,1fr) minmax(0,7rem)}.hc-note-by-note .fingering-chart-page .basic-options.has-pair{grid-template-columns:minmax(0,1fr)}.hc-note-by-note .fingering-chart-page .print-controls{flex-direction:column;align-items:stretch}.hc-note-by-note .fingering-chart-page .print-controls select{width:100%}}}
.key-support-page{padding-block:var(--pr-space-32) var(--pr-space-64);overflow-wrap:anywhere}.key-page-heading{gap:var(--pr-space-12);padding-bottom:var(--pr-space-32);max-width:48rem;display:grid}.key-page-heading h1{letter-spacing:-.035em;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.key-page-heading .eyebrow{margin-top:var(--pr-space-16)}.key-page-intro{color:var(--muted-foreground);max-width:60ch;font-size:1.0625rem}.key-support-grid{gap:var(--pr-space-24) var(--pr-space-48);margin-top:var(--pr-space-24);grid-template-columns:13rem minmax(0,1fr);align-items:start;display:grid}.key-support-grid>.key-page-heading{grid-column:2;max-width:none;padding-bottom:0}.key-support-grid>.desktop-contents{grid-area:2/1}.key-support-grid>.key-page-content{grid-area:2/2;max-width:none}.key-page-contents{top:var(--pr-space-24);padding-top:var(--pr-space-12);position:sticky}.key-page-contents>p{font-size:var(--pr-type-meta-size);color:var(--muted-foreground);margin-bottom:var(--pr-space-12)}.key-page-contents a,.mobile-contents a{min-height:var(--pr-control-min-size);font-size:var(--pr-type-ui-size);text-underline-offset:.2em;align-items:center;text-decoration:underline;display:flex}.mobile-contents{display:none}.key-page-content{min-width:0;max-width:72ch;container-type:inline-size}.review-status{gap:var(--pr-space-8);margin-bottom:var(--pr-space-24);font-size:var(--pr-type-meta-size);color:var(--muted-foreground);display:grid}.review-status>span{color:var(--primary);font-weight:600}.key-prose-section{padding-block:var(--pr-space-24) var(--pr-space-32);border-bottom:1px solid var(--border);scroll-margin-top:var(--pr-space-24)}.key-prose-section h2,.contact-report-panel h2,.contact-help h2{font-size:var(--pr-type-h2-size);letter-spacing:-.02em;line-height:1.35}.key-prose-section h3{font-size:var(--pr-type-h3-size);margin-top:var(--pr-space-24)}.key-prose-section p,.contact-report-panel>p,.contact-email p,.contact-help p{margin-top:var(--pr-space-12);color:var(--muted-foreground);line-height:1.75}.scope-summary{padding:var(--pr-space-24);background:var(--accent);border-radius:var(--pr-radius-panel);border-bottom:0}.key-text-link{min-height:var(--pr-control-min-size);margin-top:var(--pr-space-12);text-underline-offset:.2em;font-size:var(--pr-type-ui-size);align-items:center;text-decoration:underline;display:inline-flex}.method-source-list{margin-top:var(--pr-space-24)}.method-review-steps{gap:var(--pr-space-24);margin-block:var(--pr-space-24);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.method-review-steps h3{font-size:var(--pr-type-ui-size);color:var(--primary);margin:0}.method-review-steps p{font-size:var(--pr-type-ui-size)}.method-source-list>div{gap:var(--pr-space-8) var(--pr-space-16);padding-block:var(--pr-space-16);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.method-source-list h3{font-size:var(--pr-type-ui-size);margin:0}.method-source-list p{font-size:var(--pr-type-meta-size);margin:0}.method-source-list a{min-height:var(--pr-control-min-size);font-size:var(--pr-type-ui-size);text-underline-offset:.2em;align-items:center;text-decoration:underline;display:inline-flex}.method-data-record{margin-top:var(--pr-space-24);font-size:var(--pr-type-ui-size)}.method-data-record>div{gap:var(--pr-space-16);padding-block:var(--pr-space-12);border-bottom:1px solid var(--border);grid-template-columns:9rem minmax(0,1fr);display:grid}.method-data-record dt{color:var(--muted-foreground)}.method-data-record dd{overflow-wrap:anywhere}@container (max-width:30rem){.method-data-record>div{gap:var(--pr-space-4);grid-template-columns:minmax(0,1fr)}}.key-page-date{margin-top:var(--pr-space-24);font-size:var(--pr-type-meta-size);color:var(--muted-foreground)}.contact-report-grid{gap:var(--pr-space-48);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.contact-primary,.contact-help{min-width:0}.contact-report-panel{padding:var(--pr-space-24);background:var(--surface);border:1px solid var(--border);border-radius:var(--pr-radius-panel);scroll-margin-top:var(--pr-space-24)}.contact-email{border-top:1px solid var(--border);margin-top:var(--pr-space-24);padding-top:var(--pr-space-24);scroll-margin-top:var(--pr-space-24)}.contact-email-address{width:fit-content;min-height:var(--pr-control-min-size);padding-block:var(--pr-space-12);text-underline-offset:.2em;overflow-wrap:anywhere;font-size:1.25rem;font-weight:600;text-decoration:underline;display:block}.contact-email .am-button{white-space:normal;width:fit-content;max-width:100%}.contact-help ol{margin-top:var(--pr-space-24);padding-left:1.5rem;list-style:decimal}.contact-help li{padding-block:var(--pr-space-16);border-bottom:1px solid var(--border);padding-left:var(--pr-space-8)}.contact-help li::marker{color:var(--primary);font-weight:600}.contact-help h3{font-size:var(--pr-type-h3-size)}.contact-help p{font-size:var(--pr-type-ui-size)}.contact-issue-grid{gap:var(--pr-space-32);margin-top:var(--pr-space-32);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:47.999rem){.key-support-grid,.contact-report-grid,.contact-issue-grid{gap:var(--pr-space-24);grid-template-columns:minmax(0,1fr)}.desktop-contents{display:none}.mobile-contents{padding:var(--pr-space-12) var(--pr-space-16);background:var(--surface);border:1px solid var(--border);border-radius:var(--pr-radius-control);display:block}.mobile-contents summary{min-height:var(--pr-control-min-size);padding-block:var(--pr-space-8);cursor:pointer;font-weight:600}.contact-report-panel{padding:var(--pr-space-16)}.method-source-list>div{grid-template-columns:minmax(0,1fr)}.method-data-record>div{gap:var(--pr-space-4);grid-template-columns:minmax(0,1fr)}.key-support-grid>.key-page-heading,.key-support-grid>.key-page-content{grid-area:auto}.method-review-steps{grid-template-columns:minmax(0,1fr)}}@media print{.key-page-contents,.mobile-contents{display:none}.key-support-grid,.contact-report-grid,.contact-issue-grid{display:block}.contact-help{margin-top:2rem}}
.policy-grid{grid-template-columns:13rem minmax(0,1fr);align-items:start;gap:3rem;margin-top:1.5rem;display:grid}.policy-contents{border-right:1px solid var(--border);align-self:start;padding-right:1rem;position:sticky;top:1.5rem}.policy-contents .key-page-contents{position:static}.policy-contents .key-page-contents p{text-transform:uppercase;letter-spacing:.08em;font-weight:var(--pr-weight-strong);font-size:var(--pr-type-meta-size)}.policy-contents .key-page-contents a{border-left:2px solid #0000;padding:.5rem .75rem;text-decoration:none}.policy-contents .key-page-contents a:hover{text-decoration:underline}.policy-contents a[aria-current=location]{color:var(--primary);border-left-color:var(--primary);font-weight:var(--pr-weight-selected)}.policy-reading{min-width:0;max-width:75ch;container-type:inline-size}.policy-reading .key-text-link,.policy-email a{color:var(--primary)}.policy-reading .key-page-heading{gap:.75rem;padding-bottom:1.5rem}.policy-reading .eyebrow{color:var(--primary);margin-top:0}.policy-lead{color:var(--muted-foreground);font-size:1.5rem;line-height:1.4}.policy-reading .key-page-date{margin-top:0}.policy-status{background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--primary);border-radius:var(--pr-radius-control);margin-bottom:2rem;padding:1rem 1.25rem}.policy-status p{color:var(--muted-foreground);font-size:var(--pr-type-ui-size);margin-top:.5rem;line-height:1.6}.policy-reading .key-prose-section{border-bottom:0;border-top:1px solid var(--border);padding-block:1.5rem 2rem}.policy-highlight{background:var(--accent);border-radius:var(--pr-radius-panel);margin-top:1rem;padding:1.5rem}.policy-permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.policy-permissions-grid>div+div{border-left:1px solid var(--border);padding-left:1.5rem}.policy-permissions-grid h3{margin-top:0}.policy-permission-boundary{border-top:1px solid var(--border);padding-top:1rem}.policy-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1rem;display:flex}.policy-actions .key-text-link{margin:0}.policy-reading .policy-helper{font-size:var(--pr-type-meta-size);line-height:1.6}.policy-glance{margin-block:2rem}.policy-glance dl{font-size:var(--pr-type-ui-size);margin-top:1rem;line-height:1.6}.policy-glance dl>div{grid-template-columns:15rem minmax(0,1fr);display:grid}.policy-glance dt{font-weight:var(--pr-weight-selected);padding:.25rem 1rem .25rem 0}.policy-glance dd{color:var(--muted-foreground);border-left:1px solid var(--border);padding:.25rem 0 .25rem 1.5rem}@container (max-width:30rem){.policy-reading .policy-glance dl>div,.policy-reading .policy-device-features>div,.policy-reading .policy-permissions-grid{grid-template-columns:minmax(0,1fr)}.policy-reading .policy-glance dd{border:0;padding:.25rem 0}.policy-reading .policy-permissions-grid>div+div{border-left:0;border-top:1px solid var(--border);padding:1rem 0 0}}.policy-device-features>div{grid-template-columns:10rem minmax(0,1fr);gap:1.5rem;padding-block:1.25rem;display:grid}.policy-device-features>div+div{border-top:1px solid var(--border)}.policy-device-features h3,.policy-device-features p{margin-top:0}.policy-reuse-list{columns:2;color:var(--muted-foreground);margin:1rem 0;padding-left:1.25rem;list-style:outside}.policy-reuse-list li{break-inside:avoid;padding-block:.125rem}.policy-email a{min-height:var(--pr-control-min-size);align-items:center;display:inline-flex}@media (max-width:67rem){.policy-grid{grid-template-columns:11rem minmax(0,1fr);gap:2rem}.policy-glance dl>div{grid-template-columns:12rem minmax(0,1fr)}.policy-device-features>div{grid-template-columns:8rem minmax(0,1fr);gap:1rem}}@media (max-width:47.999rem){.policy-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.policy-contents{border:0;padding:0;position:static}.policy-reading .key-page-heading h1{font-size:2rem}.policy-lead{font-size:1.25rem}.policy-highlight{padding:1rem}.policy-permissions-grid,.policy-glance dl>div,.policy-device-features>div{grid-template-columns:minmax(0,1fr)}.policy-permissions-grid>div+div{border-left:0;border-top:1px solid var(--border);padding:1rem 0 0}.policy-glance dl>div+div{margin-top:.75rem}.policy-glance dd{border:0;padding:.25rem 0}.policy-reuse-list{columns:1}.policy-actions{flex-direction:column;align-items:stretch}.policy-actions .key-text-link{align-self:start}}@media print{.policy-contents{display:none}.policy-grid{display:block}}
.single-note-octave{gap:var(--pr-space-12);margin-top:var(--pr-space-32);border:1px solid var(--border);border-radius:var(--pr-radius-panel);scroll-margin-top:var(--pr-space-24);min-width:0;padding:clamp(1rem,3vw,1.5rem);display:grid}.single-note-octave:target{outline:2px solid var(--ring);outline-offset:4px}.single-note-layout{gap:var(--pr-space-24);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;display:grid}.single-note-visuals{gap:var(--pr-space-12);grid-template-columns:minmax(0,1fr) minmax(0,9rem);align-items:center;display:grid}.single-note-visuals .written-note{max-inline-size:12rem}.single-note-visuals .clarinet-fingering-diagram{width:100%}.single-note-steps{gap:var(--pr-space-12);min-width:0;display:grid}.single-note-steps p{max-width:65ch}.single-note-steps ul,.single-note-links{padding-left:1.25rem}.single-note-steps li+li,.single-note-links li+li{margin-top:var(--pr-space-4)}.single-note-steps .tone-actions button{white-space:normal;max-width:100%}.single-note-links a{min-height:var(--pr-control-min-size);align-items:center;display:inline-flex}@media (max-width:47.999rem){.single-note-layout{gap:var(--pr-space-16);grid-template-columns:minmax(0,1fr)}.single-note-visuals{grid-template-columns:minmax(0,1fr) minmax(0,8rem)}}
.scale-explorer{padding:var(--pr-space-24);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface);gap:var(--pr-space-16);display:grid}.scale-controls{align-items:end;gap:var(--pr-space-12);flex-wrap:wrap;display:flex}.scale-controls label{gap:var(--pr-space-6);font-weight:600;display:grid}.scale-selected-summary{gap:var(--pr-space-8);display:grid}.scale-note-strip{gap:var(--pr-space-8);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.scale-note-strip button{border:1px solid var(--input);background:var(--background);border-radius:var(--pr-radius-control);min-width:0;padding:var(--pr-space-8);cursor:pointer}.scale-note-strip button[aria-pressed=true]{border:2px solid var(--selected-border);background:var(--accent)}.scale-note-strip button span{font-weight:600}.scale-note-strip .written-note{width:100%}.scale-fingering{gap:var(--pr-space-16);padding:var(--pr-space-20);background:var(--background);border:1px solid var(--border);border-radius:var(--pr-radius-panel);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.scale-fingering>div:first-child{align-content:start;gap:var(--pr-space-12);display:grid}.scale-options{gap:var(--pr-space-16);flex-wrap:wrap;display:flex}.scale-options>div{flex:8rem;min-width:0}.scale-options .clarinet-fingering-diagram{min-inline-size:0;max-inline-size:9rem}.scale-catalog{max-width:none}.scale-table-wrap{max-width:100%;overflow-x:auto}.scale-table-wrap table{border-collapse:collapse;width:100%;font-size:var(--pr-type-ui-size)}.scale-table-wrap th,.scale-table-wrap td{text-align:left;padding:var(--pr-space-12);border-bottom:1px solid var(--border)}.scale-table-wrap th{white-space:nowrap}.scale-print{display:none}@media (max-width:55rem){.scale-note-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:35rem){.scale-explorer{padding:var(--pr-space-16)}.scale-controls{grid-template-columns:minmax(0,1fr);display:grid}.scale-controls select,.scale-controls button{white-space:normal;width:100%}.scale-fingering{padding:var(--pr-space-16);grid-template-columns:minmax(0,1fr)}.scale-note-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.scales-screen-intro,.scales-reading,.scale-explorer>:not(.scale-print){display:none!important}body:has(.scales-page) .site-header{display:none!important}body:has(.scales-page) .site-footer{display:none!important}body:has(.scales-page) .skip-link{display:none!important}.scales-page,.scale-explorer{color:#000!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}body:has(.scales-page){color:#000!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}body:has(.scales-page) .pr-container{width:100%;max-width:none;margin:0;padding:0}.scale-print{font-size:9pt;line-height:1.3;display:block}.scale-print>h2{margin-bottom:3mm;font-size:16pt}.scale-print>p{margin-block:3mm}.scale-print-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3mm;display:grid}.scale-print-grid article{border:1px solid var(--print-divider);break-inside:avoid;min-width:0;padding:2mm}.scale-print-grid h2{font-size:11pt}.scale-print-grid .written-note{max-width:28mm}.scale-print-option{align-items:center;gap:1mm;display:flex}.scale-print-option .clarinet-fingering-diagram{flex-shrink:0;inline-size:17mm;min-inline-size:0;max-inline-size:17mm}.scale-print-option p{font-size:8pt}}
.song-collection{gap:var(--pr-space-24);min-width:0;display:grid}.song-library-intro,.song-card{gap:var(--pr-space-12);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--surface);padding:var(--pr-space-24);min-width:0;display:grid}.song-library-intro{background:var(--accent)}.song-card-heading{gap:var(--pr-space-6);display:grid}.song-card-heading h3{font-size:var(--pr-type-h2-size)}.song-controls,.song-actions,.song-jump-links{gap:var(--pr-space-12);flex-wrap:wrap;align-items:end;display:flex}.song-controls label{gap:var(--pr-space-6);min-width:0;font-weight:600;display:grid}.song-jump-links{margin-bottom:var(--pr-space-24)}.song-jump-links a,.song-required-notes a{border:1px solid var(--border);border-radius:var(--pr-radius-control);min-height:44px;padding:var(--pr-space-8) var(--pr-space-12);background:var(--background);align-items:center;display:inline-flex}.song-required-notes{gap:var(--pr-space-8);flex-wrap:wrap;align-items:center;display:flex}.song-score-scroll{background:var(--background);--song-paper:var(--background);border:1px solid var(--border);border-radius:var(--pr-radius-control);max-width:100%;overflow-x:auto}.song-score{width:100%;min-width:960px;color:var(--foreground);display:block}.song-text-score summary{cursor:pointer;min-height:44px;padding-block:var(--pr-space-12);font-weight:600;display:list-item}.song-text-score ol{padding-left:var(--pr-space-24);gap:var(--pr-space-8);display:grid}.song-source,.song-adaptation{font-size:var(--pr-type-ui-size);color:var(--muted-foreground);overflow-wrap:anywhere}.song-print-footer{display:none}@media (max-width:35rem){.song-library-intro,.song-card{padding:var(--pr-space-16)}.song-controls,.song-actions{grid-template-columns:minmax(0,1fr);display:grid}.song-controls select,.song-controls button,.song-actions button{white-space:normal;width:100%}}@media print{.songs-screen-intro,.songs-reading,.song-library-intro,.song-actions,.song-required-notes,.song-text-score,.song-card:not([data-print-selected=true]){display:none!important}body:has(.songs-page) .site-header{display:none!important}body:has(.songs-page) .site-footer{display:none!important}body:has(.songs-page) .skip-link{display:none!important}.songs-page,.song-collection,.song-card{color:#000!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}body:has(.songs-page){color:#000!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}body:has(.songs-page) .pr-container{width:100%;max-width:none;margin:0;padding:0}.song-card{font-size:10pt;line-height:1.35;display:block}.song-card p{margin-block:2mm}.song-card-heading h3{font-size:19pt}.song-score-scroll{--song-paper:white;border:0;overflow:visible}.song-score{color:#000;break-inside:avoid;width:100%;min-width:0}.song-source,.song-adaptation,.song-print-footer{color:#000;font-size:8pt}.song-print-footer{border-top:1px solid var(--print-divider);padding-top:2mm;display:block}}