.study-shell{padding-bottom:175px}.study-activity-card{padding:26px;border:1px solid #c4cdb9;background:#fffef8;border-radius:8px;margin:18px 0}.study-activity-card h2{font:32px/1.2 var(--serif);margin:8px 0 22px}.study-activity-card p{font-size:19px;line-height:1.65;max-width:90ch}.study-answer-options{display:flex;gap:10px;flex-wrap:wrap}.study-answer-options button{border:1px solid #94a387;border-radius:5px;padding:12px 18px;background:white;color:#244c3e;font-size:18px;text-align:left}.study-answer-options .correct{background:#e4edc5}.study-answer-options .incorrect{background:#fae8db}.study-answer-feedback{font-weight:600}.study-caption{font-size:16px;line-height:1.6;color:#466052}.study-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.study-workspace:has(#study-editor:empty){grid-template-columns:minmax(0,1fr)}.study-score-panel{background:#fffef8;border:1px solid #c2cdb7;border-radius:8px;padding:22px;min-width:0}.study-score-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.study-score-heading h2{font:29px/1.2 var(--serif);margin:0}.study-score-scroll{overflow:auto;max-width:100%;padding:10px 0}.study-score{display:block;max-width:none;height:auto}.study-score .study-voice{font:15px system-ui,sans-serif}.study-score .study-meter{font:20px Georgia,serif;text-anchor:middle}.study-key,.study-accidental{font:25px Georgia,serif;fill:#254b3c}.study-note-halo{fill:transparent;stroke:transparent}.study-note.selected .study-note-halo{fill:#e3ecbc;stroke:#2b5747;stroke-width:1.7}.study-note:focus{outline:none}.study-note:focus .study-note-halo{stroke:#2b5747;stroke-width:2.5}.study-note[role=button]{cursor:pointer}.study-note.sounding .study-note-halo{fill:#fae5c3;stroke:#a34c23;stroke-width:2}.study-selected-column{fill:#eef2df}.study-empty{fill:#f6f4e8;stroke:#657957;stroke-dasharray:3 2}.study-ledger{stroke:#627259;stroke-width:.8}.study-note-label{font-size:15px}.study-given{font-size:11px;fill:#5d6b4a}.study-tie{fill:none;stroke:#315844;stroke-width:1.6}.study-slur{fill:none;stroke:#687966;stroke-width:1.2}.study-figure,.study-roman{font:24px Georgia,serif;fill:#183e35}.study-row-label{font:14px system-ui,sans-serif;fill:#3f584b}.study-score .harmony-cell input{width:58px;font-size:19px;padding:6px 3px}.study-score .harmony-check-label{font-size:12px}#study-editor{position:sticky;top:18px;background:#202e31;color:#edf0e5;border-radius:7px}#study-editor:empty{display:none}.study-edit-inner{padding:23px}.study-edit-inner h3{font:28px var(--serif);margin:0 0 16px}.study-edit-inner p{font-size:17px;line-height:1.6}.study-edit-inner input[type=text]{width:100%;font-size:24px;padding:12px;background:#fffef8;color:#1d3f31;border:2px solid #aec487;border-radius:5px}.study-edit-inner input:disabled{opacity:.7}.study-edit-inner label{display:block;font-size:17px;line-height:1.5;margin:15px 0}.study-edit-inner .study-check-row{display:flex;gap:8px;align-items:flex-start}.study-edit-inner .study-check-row input{margin-top:5px}.study-edit-inner .secondary{color:#f6f8ec;border-color:#a3b3a6;font-size:16px}.study-edit-inner .primary{font-size:17px;background:#e2ebbb;color:#183e35}.study-edit-inner button{margin:4px 0}.study-edit-inner .study-entry-message{font-size:16px;color:#e6efc3}.study-edit-inner .error{color:#ffd6bd}.study-edit-actions{display:grid;gap:8px}.study-feedback{padding:20px;border:1px solid #bfcaaf;border-radius:7px;background:#ecf1df;margin-top:22px}.study-feedback.bad{background:#fbefe6;border-color:#d5ad96}.study-feedback p{font-size:19px}.study-feedback ol{max-height:300px;overflow:auto;padding-left:26px}.study-feedback li{padding:7px 0}.study-feedback li button{font-family:inherit;font-size:17px;line-height:1.6;color:#7e3d23;text-align:left;background:none;border:0;cursor:pointer}.study-next{margin:22px 0;background:#e3edc8;border:1px solid #aebf95;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:7px}.study-next a{color:#183e35}.study-reflection{margin:24px 0;padding:24px;background:#fffef8;border:1px solid #c2cdb7;border-radius:7px}.study-reflection textarea{display:block;width:100%;font-family:inherit;font-size:18px;line-height:1.6;padding:12px;min-height:100px;border:1px solid #9bad8e}.study-reflection label{font-size:19px}.study-footer{margin-top:35px;border-top:1px solid #c2cdb7;padding-top:24px;font-size:17px;color:#3e594b}.study-footer summary{cursor:pointer;font-size:19px}.study-footer p{line-height:1.65}.study-progress-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}.study-player{position:fixed;bottom:0;left:0;right:0;z-index:25;padding:14px 24px;display:flex;gap:12px;align-items:center;background:#fffef8f5;color:var(--ink);border-top:1px solid var(--line);backdrop-filter:blur(14px);flex-wrap:wrap}.study-player button{font-size:17px}.study-player .primary{background:var(--green);color:#fafbf4}.study-player .secondary{color:var(--ink);border-color:var(--line)}.study-player #study-audio-status{flex:1;min-width:140px;font-size:16px}.study-player fieldset{border:0;padding:0;margin:0;display:flex;gap:10px}.study-player label{display:inline-flex;align-items:center;gap:5px;font-size:16px}.study-player input[type=range]{width:85px;accent-color:var(--green)}.study-player input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.study-compare-label{font:25px var(--serif);margin:30px 0 12px}#study-help{max-width:760px;padding:28px}#study-help h2{font:34px var(--serif)}#study-help nav{display:flex;gap:8px;flex-wrap:wrap}#study-help nav button{font-size:16px;padding:10px;border:1px solid #aebda3;background:#f4f5e9;border-radius:4px}#study-help-content{font-size:19px;line-height:1.7}#study-help-content kbd{background:#e6edcd;padding:2px 5px}#study-source-dialog{width:95vw;max-width:1500px;max-height:93vh;padding:24px;overflow:auto}#study-source-dialog img{width:100%;height:auto}.study-shell button:focus-visible,.study-shell a:focus-visible,.study-shell input:focus-visible,.study-shell textarea:focus-visible{outline:3px solid #a64a25;outline-offset:3px}.study-shell button:disabled{opacity:.55;cursor:default}.study-shell .primary,.study-shell .secondary{font-size:17px}.study-footer .correction-note{border-left:4px solid #9c552e;padding:14px 18px;background:#f5eddf}
@media(max-width:1050px){.study-shell{padding-bottom:205px}.study-workspace{grid-template-columns:minmax(0,1fr)}#study-editor{position:static}.study-edit-inner{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.study-edit-inner h3,.study-edit-inner>p{grid-column:1/-1}.study-player{gap:9px;padding:12px}}
@media(max-width:600px){.study-shell{padding-bottom:255px}.study-edit-inner{display:block}.study-activity-card{padding:20px}.study-score-panel{padding:16px}.study-player #study-audio-status{order:5;flex-basis:100%}.study-player button{padding:9px 12px;font-size:15px}.study-player label{font-size:14px}.study-next{align-items:start;flex-direction:column}}

.study-edit-inner .study-caption{color:#d8e4cd}.study-shell a.primary{text-decoration:none;display:inline-block;color:#fafcf2}
.study-player [hidden],.study-shell [hidden]{display:none!important}.study-player .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.supplement-given{border-left:4px solid #987538;padding:12px 18px;background:#f5efde}.supplement-versions{display:flex;gap:10px;flex-wrap:wrap}.supplement-versions [aria-pressed=true]{background:#e4ecbd;border-color:#285241}.supplement-task{display:block}.supplement-question{border:1px solid #829b8a;padding:14px;margin:16px 0;min-width:0}.supplement-question legend{font-size:18px;line-height:1.5}.supplement-question label{display:flex!important;gap:10px}.supplement-question input{flex:0 0 auto;margin-top:5px;accent-color:#e4ecbd}.supplement-task h4{font:23px var(--serif);margin:28px 0 12px}.supplement-task textarea{width:100%;min-height:125px;font:17px/1.5 system-ui,sans-serif;padding:10px;color:#183e35;background:#fffef8;border:1px solid #aec487;border-radius:5px}.supplement-task input[aria-invalid=true]{border-color:#f4bca1!important}.supplement-note-ring{fill:none;stroke:#396f92;stroke-width:2;stroke-dasharray:3 2}.study-note.supplement-context{opacity:.4}.supplement-question input:disabled{opacity:.55}.supplement-task #supplement-completion{color:#e6efc3;font-weight:600}

/* These views share the main studio navigation and progress styles. */
.study-shell .lesson-path{grid-template-columns:repeat(var(--section-count),minmax(0,1fr));margin:0 0 22px}
.study-shell .unit-track [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.study-shell .practice-path{margin:0 0 22px}
.study-shell .unit-heading{flex-wrap:wrap}
.study-shell .eyebrow{text-transform:uppercase}
.study-shell .unit-heading>span:last-child{white-space:nowrap}
@media(max-width:650px){.study-shell .unit-heading{align-items:flex-start}.study-shell .unit-track{gap:4px}.study-shell .lesson-path .path-step strong{font-size:15px}.study-shell .lesson-path .path-step span{font-size:13px}}

.study-content.lesson-grid #study-activity{grid-column:1/-1}
.study-content.lesson-grid .study-activity-nav{margin:0}
.study-content.lesson-grid .study-workspace{grid-column:1;grid-row:2}
.study-content.lesson-grid #study-coach{grid-column:2;grid-row:2;min-width:0}
#study-coach:empty{display:none}
#study-coach .study-activity-card{margin:0;padding:25px;background:#e8eddf;border-color:#dbe2d1;border-radius:7px}
#study-coach .study-answer-options{display:grid}
@media(max-width:1100px){.study-content.lesson-grid #study-coach{grid-column:1;grid-row:3}}
.study-mask-controls{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.study-mask-controls details{flex:1;min-width:10rem}
.study-mask-controls summary{cursor:pointer;text-decoration:underline;text-underline-offset:.2em}