.music-hub,.music-lesson{min-width:0}.music-hero{margin-bottom:1rem}.music-hero h1,.music-lesson-intro h1{margin-top:0}.music-hero p:last-child,.music-lesson-intro p:last-child{margin-bottom:0}.music-clef-links{flex-wrap:wrap;gap:.5rem 1.3rem;margin-top:1rem;font-size:.9em;display:flex}.music-eyebrow{color:var(--muted);letter-spacing:.05em;font-size:.8em}.music-hub-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.music-hub-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.music-hub-category h3{margin-top:0}.music-hub-category a{margin:.45rem 0}.music-hub-theory{margin:1rem 0}.music-hub-theory article+article{border-top:1px solid var(--edge);margin-top:1rem;padding-top:1rem}.music-section-nav{font-size:.85em}.music-section-nav h2{margin-top:0;font-size:1em}.music-section-nav ul{margin:0;padding:0;list-style:none}.music-section-nav li+li{margin-top:.6rem}.music-lesson-intro{margin-bottom:.65rem}.music-lesson-intro h1{margin:0;font-size:1.3em}.music-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"instrument""games";align-items:start;gap:1rem;min-width:0;display:grid}.music-games{grid-area:games;min-width:0;padding:.6rem}.music-games h2{margin:0 0 .6rem;font-size:.9em}.music-games h3{color:var(--muted);margin:1rem 0 .5rem;font-size:.85em}.music-games-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.music-jump-inline{font-size:.8em}.music-explore-link{border:1px solid var(--control-edge);min-height:2.75rem;color:var(--text);background:var(--panel);border-radius:.4rem;align-items:center;gap:.4rem;margin-top:.5rem;padding:.45rem;font-size:.8rem;text-decoration:none;display:flex}.music-game-list{gap:.3rem;margin-top:.5rem;display:grid}.music-game-selection{border:0;min-width:0;margin:0;padding:0}html[data-presentation=workshop] .music-game-selection .music-practice-start{border-color:var(--accent);background:var(--accent);width:100%;min-height:2.75rem;color:var(--panel);overflow-wrap:break-word;margin-top:.6rem;padding:.5rem .35rem;font-size:.8rem;font-weight:650}.music-game-selection-status,.music-game-selection-empty{overflow-wrap:break-word;margin:.4rem 0 0;font-size:.75rem;line-height:1.35}.music-game-selection-status{color:var(--muted)}.music-game-selection-empty{color:var(--rust)}.music-practice-options{border:0;border-top:1px solid var(--edge);margin:1rem 0 0;padding:.5rem 0 0;font-size:.75rem}.music-practice-options legend{color:var(--muted);padding:0}.music-practice-options label{align-items:center;gap:.35rem;min-height:2.75rem;display:flex}.music-switch{cursor:pointer;padding:.4rem 0;position:relative}.music-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.music-switch-track{border:1px solid var(--control-edge);background:var(--panel);border-radius:1rem;flex:0 0 2.75rem;width:2.75rem;height:1.5rem;position:relative}.music-switch-track:after{content:"";background:var(--muted);border-radius:50%;width:1.05rem;height:1.05rem;position:absolute;top:.15rem;left:.15rem}.music-switch input:checked+.music-switch-track{background:var(--accent);border-color:var(--accent)}.music-switch input:checked+.music-switch-track:after{background:var(--panel);left:1.45rem}.music-switch input:focus+.music-switch-track{outline:2px solid var(--accent);outline-offset:3px}.music-switch input:disabled+.music-switch-track{opacity:.5}.music-games a[aria-current=true]{border-color:var(--accent);box-shadow:inset .2rem 0 var(--accent);background:var(--accent-soft)}.music-games a:hover{background:var(--accent-soft)}.music-all-games,.music-grownups{border-top:1px solid var(--edge);margin-top:1rem;padding-top:.7rem;font-size:.9em}.music-game-group{margin-top:.8rem}.music-game-group a{margin-top:.4rem}.music-grownups p{font-size:.9em;line-height:1.55}.music-instrument-column{grid-area:instrument;min-width:0}[data-note-learning-stage]{margin-bottom:.8rem}.music-instrument{min-width:0;padding:1rem;scroll-margin-top:.6rem}.music-instrument-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.music-instrument-toolbar .piano-label-control{margin:0}.music-range-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.music-range-controls select{max-width:11rem;font-size:.85rem}.music-range-controls>label{align-items:center;gap:.4rem;font-size:.75rem;display:flex}.music-clef-control,.music-accidental-control{border:1px solid var(--control-edge);border-radius:.4rem;margin:0;padding:0;display:flex;overflow:hidden}.music-clef-control label,.music-accidental-control label{font-size:.8rem;display:flex;position:relative}.music-clef-control input,.music-accidental-control input{opacity:0;width:1px;height:1px;position:absolute}.music-clef-control span,.music-accidental-control span{cursor:pointer;align-items:center;min-height:2.75rem;padding:.4rem .65rem;display:flex}.music-clef-control input:checked+span,.music-accidental-control input:checked+span{color:var(--accent);background:var(--accent-soft);font-weight:650}.music-clef-control input:focus+span,.music-accidental-control input:focus+span{outline:2px solid var(--accent);outline-offset:-3px}.music-accidental-control input:disabled+span{color:var(--muted);opacity:.5;cursor:default}.music-range-note{color:var(--muted);margin:.4rem 0;font-size:.75rem}.music-sound-toggle{place-items:center;width:2.75rem;height:2.75rem;padding:.55rem;display:grid}.music-sound-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.4rem;height:1.4rem}.music-sound-toggle[data-muted=true]{opacity:.65;background:var(--accent-soft)}.music-mute-slash{display:none}.music-sound-toggle[data-muted=true] .music-mute-slash{display:block}.music-task h2{margin:.5rem 0;font-size:1.08em}.music-task>p{margin:.3rem 0 .55rem;font-size:.95em}.music-source{border:1px solid var(--edge);background:var(--accent-soft);border-radius:.45rem;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;min-height:2.8rem;padding:.45rem .65rem;display:flex}.music-source>span{color:var(--muted);font-size:.75em}.music-source>strong{color:var(--rust);font-size:1.6em}.music-representation{border:1px solid var(--control-edge);border-radius:.5rem;margin-top:.6rem;padding:.6rem}.music-representation[data-role=given]{background:var(--accent-soft)}.music-surface-label{color:var(--muted);margin:0 0 .35rem;font-size:.75em;font-weight:650}.music-listen-actions{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.music-listen-actions button{font-size:.8em}html[data-presentation=workshop] .music-listen-actions .music-listen-primary{border-color:var(--accent);background:var(--accent);max-width:100%;min-height:3.25rem;color:var(--panel);justify-content:center;align-items:center;gap:.6rem;padding:.6rem .85rem;font-size:1em;font-weight:650;display:inline-flex}.music-listen-primary [data-music-listen-label]{overflow-wrap:break-word;text-align:left;min-width:0}.music-listen-primary .music-representation-icon{flex-shrink:0}.music-listen-primary[data-activated=true]{box-shadow:inset 0 0 0 2px var(--panel)}@media (prefers-reduced-motion:no-preference){html[data-motion=responsive][data-reduced-motion=false] .music-listen-primary[data-activated=true] [data-game-icon=sound] path:last-child{animation:.65s ease-out music-listen-response}}@keyframes music-listen-response{0%,to{opacity:1}40%{opacity:.35}}.music-staff-draft-help{color:var(--muted);margin:.4rem 0;font-size:.8em}html[data-presentation=workshop] .music-representation .music-check-staff{border-color:var(--accent);background:var(--accent);max-width:100%;min-height:2.75rem;color:var(--panel);justify-content:center;align-items:center;gap:.4rem;font-size:.9em;font-weight:650;display:inline-flex}.music-check-staff svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.music-staff{width:100%;height:calc(var(--staff-span,195) * 1.25px);touch-action:manipulation;margin:.15rem auto;display:block;overflow:visible}.music-staff:focus{outline:none}.music-staff[data-staff-keyboard]:focus [data-note-head]{stroke:var(--accent);stroke-width:4px;paint-order:stroke fill}.music-staff[data-staff-keyboard]:focus [data-staff-question]{fill:var(--accent)}.music-staff-lines,.music-ledger{fill:none;stroke:var(--muted);stroke-width:1.5px}.music-clef{fill:none;stroke:var(--text);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.music-clef-dot{fill:var(--text)}.music-notehead{fill:var(--rust)}.music-note-stem,.music-accidental{fill:none;stroke:var(--rust);stroke-width:3px;stroke-linecap:round}.music-staff-hit{fill:#0000;cursor:pointer}.music-staff-hit:hover{fill:var(--rust);fill-opacity:.12}.music-staff-question{fill:var(--muted);pointer-events:none;font-family:inherit;font-size:44px}.music-staff-actions{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem .6rem;margin:-.3rem 0 .4rem;font-size:.75em;display:flex}.music-note-name{color:var(--text);text-align:center;margin:.25rem 0 .5rem;font-size:.85em;font-weight:600}.music-piano-frame{touch-action:auto;max-width:100%}.music-answer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.55rem;display:grid}.music-answer-options>button{min-height:2.9rem;font-size:1.1em;font-weight:650}.music-sound-choice{border:1px solid var(--edge);border-radius:.4rem;flex-wrap:wrap;gap:.2rem;padding:.3rem;display:flex}.music-sound-choice button{flex:1;padding:.4rem;font-size:.75rem}.music-feedback{min-height:1.6em;margin-top:.45rem;font-size:.88em}.music-feedback p{margin:.25rem 0}.music-feedback[data-result=correct]{color:var(--accent);font-weight:650}.music-feedback[data-result=retry]{color:var(--rust)}.music-activity-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.music-activity-actions button{font-size:.85em}html[data-presentation=workshop] .music-activity-actions .music-next{min-height:2.75rem;margin-left:auto;font-weight:600}html[data-presentation=workshop] .music-instrument[data-solved=true] .music-activity-actions .music-next{background:var(--accent);color:var(--panel);border-color:var(--accent);font-weight:650}.music-selection{color:var(--muted);margin-left:auto;font-size:.8em}.music-audio-status{color:var(--muted);margin:.3rem 0;font-size:.75em}.music-audio-status:empty{display:none}.music-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.music-mobile-dock{display:none}.music-mobile-dock .music-journal-jump{border:1px solid var(--control-edge);width:2.75rem;min-height:2.75rem;color:var(--accent);border-radius:.4rem;flex:0 0 2.75rem;place-items:center;display:grid}.music-journal-jump svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:1.5rem;height:1.5rem}[data-music-companion-dock]{flex:0 0 3.25rem;width:3.25rem;height:3.6rem;display:none}html[data-audience=child] [data-music-companion-dock]{display:block}.music-staff [data-hidden=true],.music-instrument [data-hidden=true],.music-instrument [hidden],.music-source[hidden],.music-listen-actions[hidden],.music-answer-options[hidden]{display:none!important}@media (min-width:900px){.music-workspace{grid-template-columns:10.5rem minmax(0,1fr);grid-template-areas:"games instrument";gap:1rem}.music-instrument-column{align-self:stretch}.music-instrument{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:.35rem .75rem;display:grid}.music-instrument-toolbar{grid-area:1/1/auto/-1}.music-range-note{grid-area:2/1/auto/-1}.music-task{grid-area:3/2}.music-representation[data-staff-surface]{grid-area:3/1/7}.music-staff{height:calc(var(--staff-span,195) * 1px)}.music-instrument[data-answer-representation=sound] .music-answer-options{grid-template-columns:repeat(4,minmax(0,1fr))}.music-representation[data-piano-surface]{grid-area:7/1/auto/-1}.music-representation[data-answers-surface]{grid-area:4/2}.music-feedback{grid-area:5/2}.music-activity-actions{grid-area:6/2}.music-audio-status{grid-area:8/1/auto/-1}.music-instrument[data-staff-visible=false] .music-task,.music-instrument[data-staff-visible=false] .music-representation,.music-instrument[data-staff-visible=false] .music-feedback,.music-instrument[data-staff-visible=false] .music-activity-actions{grid-column:1/-1}.music-instrument[data-staff-visible=false] .music-representation{grid-row:4}.music-instrument[data-source-representation=keyboard] .music-task{grid-area:3/1/auto/-1}.music-instrument[data-source-representation=keyboard] [data-piano-surface]{grid-row:4}.music-instrument[data-source-representation=keyboard] [data-staff-surface]{grid-row:5/9}.music-instrument[data-source-representation=keyboard] [data-answers-surface]{grid-row:5}.music-instrument[data-source-representation=keyboard] .music-feedback{grid-row:6}.music-instrument[data-source-representation=keyboard] .music-activity-actions{grid-row:7}.music-instrument[data-source-representation=keyboard] .music-audio-status{grid-row:9}.music-workspace[data-instrument-fits=true] .music-instrument{position:sticky;top:1rem}[data-presentation=workshop] .music-jump-inline.ui-action-link--compact{display:none}}@media (min-width:1041px){html[data-audience=child] .music-instrument [data-music-companion-dock]{display:none}}@media (max-width:1040px){.music-accidental-control input{scroll-margin-top:1rem;scroll-margin-bottom:calc(8rem + env(safe-area-inset-bottom,0px))}html[data-audience=child] .music-instrument-toolbar{min-height:3.6rem}.music-workspace[data-instrument-fits=false] .music-mobile-dock{z-index:4;min-height:3.6rem;padding:.2rem 4.2rem calc(.2rem + env(safe-area-inset-bottom,0px)) 1rem;background:var(--panel);border-top:1px solid var(--control-edge);justify-content:space-between;align-items:center;gap:.7rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 12px #0000000b}.music-mobile-dock a{font-size:.85em;font-weight:600}.music-workspace[data-instrument-fits=false] .music-instrument [data-music-companion-dock]{display:none}}@media (max-width:899px){.music-game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}}@media (max-width:540px){.music-hub-games,.music-hub-catalog{grid-template-columns:minmax(0,1fr)}.music-instrument{padding:.65rem}.music-staff{height:calc(var(--staff-span,195) * 1.05px)}.music-instrument-toolbar{min-height:2.75rem}.music-range-controls{gap:.3rem}.music-range-controls select{max-width:9.6rem;font-size:.75rem}.music-game-list{grid-template-columns:repeat(2,minmax(0,1fr))}.music-task h2{font-size:.95em}.music-task>p{font-size:.85em}.music-source>span{font-size:.7em}.music-source>strong{font-size:1.3em}.music-staff-actions{font-size:.7em}}@media print{.music-games,.music-mobile-dock,.music-range-controls,.music-activity-actions{display:none}.music-instrument-column,.music-instrument{position:static!important}}