.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}}
.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{gap:var(--pr-space-16);min-width:0;display:grid}.source-verified-reference .reference-layout{gap:var(--pr-space-24);display:grid}.pitch-summary{align-content:start;gap:var(--pr-space-8);min-width:0;display:grid}.written-label{font-size:var(--pr-type-h1-size);line-height:1.15}.source-verified-reference .written-note{width:100%;max-width:15rem}.pitch-facts{gap:var(--pr-space-8);display:grid}.pitch-facts>div{justify-content:space-between;gap:var(--pr-space-16);display:flex}.pitch-facts dt{color:var(--muted-foreground);font-size:var(--pr-type-ui-size)}.pitch-facts dd{font-weight:600}.fingering-summary{align-content:start;gap:var(--pr-space-12);min-width:0;display:grid}.basic-options{gap:var(--pr-space-12);display:grid}.basic-option{border:1px solid var(--border);border-radius:var(--pr-radius-panel);padding:var(--pr-space-12);justify-items:center;gap:var(--pr-space-8);align-content:start;min-width:0;margin:0;display:grid}.basic-option h4{font-size:var(--pr-type-ui-size);text-align:center;margin:0;font-weight:600}.source-verified-reference .clarinet-fingering-diagram{inline-size:100%;min-inline-size:0;max-inline-size:11rem}.key-actions{gap:var(--pr-space-4);border-top:1px solid var(--border);width:100%;padding-top:var(--pr-space-8);text-align:center;font-size:var(--pr-type-ui-size);display:grid}.key-action-mark{font-size:.8em}.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:.5rem}.audio-message{font-size:var(--pr-type-meta-size)}@media (min-width:48rem){.source-verified-reference .reference-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr)}.basic-options.has-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:47.999rem){.source-verified-reference .reference-layout{flex-direction:column;display:flex}.pitch-summary .written-note{max-width:13rem}.basic-options.has-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.source-verified-reference .clarinet-fingering-diagram{max-inline-size:11rem}}@media (max-width:22rem){.basic-options.has-pair{grid-template-columns:1fr}}
.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 h2{letter-spacing:-.02em;margin:0 0 1.5mm;font-size:18pt;line-height:1.15}.source-print-header p{margin:0;font-size:9pt}.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{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);padding:var(--pr-tool-padding);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background);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-section a,.reference-sources a,.lookup-heading-row 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}@media (min-width:64rem){.chart-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:30rem){.note-select{flex:8rem}.spelling-select{width:100%;margin:0}.spelling-select select{width:100%}.note-steppers{width:auto}.note-steppers button{padding-inline:.5rem}.note-steppers .step-label{display:none}}