.lesson.help-wrap{padding-top:1.25rem}.lesson .back{margin-bottom:.5rem}.lesson h1{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0 1rem}.lesson .demo{margin:0 0 1.25rem;padding:1.1rem}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.demo-top p{font-size:1.05rem;font-weight:750;margin:0}.demo-score{overflow-x:auto;min-height:290px;padding:1rem;background:#fffdf4;border:1px solid #cfdbc9;border-radius:8px}.demo-score svg{display:block;width:max-content;height:auto}.featured-notes{margin:1rem 0;font-size:1.04rem}.demo-recipe{border-top:1px solid #b9cec2;padding-top:.7rem}.demo-recipe summary{font-weight:800;cursor:pointer}.demo-recipe p{margin:.2rem 0 .55rem}.demo-recipe ol{padding-left:1.7rem;margin:.5rem 0}.demo-recipe li{padding:.35rem .5rem}.demo-recipe li:has(.ingredient-audition){padding:0}.demo-recipe li.featured{background:#cce6d6;border-left:4px solid #1a6656;border-radius:4px;font-weight:800}.demo-recipe li.is-playing-ingredient{background:#b8e1c5;outline:2px solid #1a6656;border-radius:5px}.demo-recipe .ingredient-audition{display:block;width:100%;padding:.35rem .5rem;border:0;border-radius:5px;background:transparent;color:#19352a;font:inherit;text-align:left;cursor:pointer}.demo-recipe .ingredient-audition:hover,.demo-recipe .ingredient-audition:focus-visible{background:#d5e8da;outline:2px solid #1a6656}.demo-recipe .ingredient-audition:disabled{cursor:wait;opacity:.7}.demo-recipe li.is-playing-ingredient .ingredient-audition{background:#b8e1c5}.demo-score svg g.abcjs-note.is-playing-note path,.demo-score svg g.abcjs-note.is-playing-note line,.demo-score svg g.abcjs-note.is-playing-note ellipse,.demo-score svg g.abcjs-tabNumber.is-playing-note path,.demo-score svg g.abcjs-tabNumber.is-playing-note line,.demo-score svg g.abcjs-tabNumber.is-playing-note ellipse,.demo-score svg g.abcjs-tabNumber.is-playing-note text{stroke:#ce6728!important;fill:#ce6728!important}.demo-status{margin:.7rem 0 0!important;font-size:.9rem;color:#496258}.practice-note{margin:.55rem 0 0;color:#c4d4ce;font-size:.9rem}@media(max-width:760px){.demo-top{align-items:flex-start;flex-direction:column}.demo-score{padding:.5rem}}.demo-controls{display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.demo-controls .button:disabled{opacity:.65;cursor:wait}#demo-ingredients{max-height:52vh;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto}.demo-score{scroll-behavior:auto}