.cz-workspace{max-width:1050px;margin:auto;padding:0 0 30px}.cz-heading h1{font-size:clamp(1.45rem,3.5vw,2.1rem);margin:.35em 0 .8em}.cz-progress{display:flex;overflow:auto;gap:7px;padding:4px 2px}.cz-progress button{display:flex;align-items:center;gap:7px;min-height:46px;flex:0 0 auto;background:#fffdf5;border:1px solid #b8c5ba;border-radius:10px;cursor:pointer}.cz-progress button[aria-current=step]{background:#244c40;color:#fff;border-color:#244c40}.cz-progress button>span:first-child{font-size:.8em;border:1px solid currentColor;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.cz-progress button>span:last-child{font-size:1.1em}.cz-nav-help,.cz-map-help{font-size:.82rem;color:#536659;margin:8px 0 16px}.cz-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.cz-goals{padding:20px;border:1px solid #d1d8c8;border-radius:18px;background:#fffef7}.cz-goals h2,.cz-goals h3{font-size:1rem;margin:0 0 7px}.cz-goals h3{margin-top:18px}.cz-goals p{margin:0 0 12px;line-height:1.55}.cz-goals details{margin:12px 0}.cz-goals summary,.cz-settings summary,.cz-readiness summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:650}.cz-goals summary:before,.cz-settings summary:before,.cz-readiness summary:before{content:'▸';font-size:1rem}.cz-goals details[open]>summary:before,.cz-settings[open]>summary:before,.cz-readiness[open]>summary:before{content:'▾'}.cz-readiness{grid-column:1/-1;padding:8px 18px;border:1px solid #d1d8c8;border-radius:12px;background:#fffdf6}.cz-readiness p{line-height:1.6}.cz-playing-task{padding:15px 20px;background:#edf3e7;border-left:4px solid #d89b47;border-radius:12px;margin:14px 0}.cz-playing-task strong{font-size:.85rem;color:#5b5839}.cz-playing-task p{margin:5px 0 0;font-size:1.05rem;font-weight:600;line-height:1.5}.cz-practice{padding:20px;background:#fffdf6;border:1px solid #cbd7c8;border-radius:20px}.cz-chart{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cz-chart button{display:grid;gap:3px;padding:12px;min-height:106px;background:#f6f5eb;border:2px solid #b8c6b7;border-radius:13px;cursor:pointer;color:#244c40}.cz-chart button b{font-size:1.7rem}.cz-chart button span{font-size:.75rem}.cz-chart button.is-current{border-color:#306249;background:#e3efde;box-shadow:inset 0 0 0 1px #306249}.cz-chart button.is-current span:before{content:'▶ '}.cz-chart button:hover,.cz-options button:hover,.cz-progress button:hover{box-shadow:0 3px 0 #d1dccb;transform:translateY(-1px)}.cz-chart button:active,.cz-options button:active,.cz-progress button:active{transform:translateY(1px)}.cz-cue{min-height:48px;display:flex;align-items:center;font-size:1rem;font-weight:700;margin:12px 0 5px;padding:5px 12px;border-radius:10px;background:#eaf0e2}.cz-beats{display:flex;justify-content:center;gap:14px;margin:6px 0 12px}.cz-beats span{width:30px;height:30px;border:1px solid #bdc7b8;border-radius:50%;display:grid;place-items:center;background:#f7f7ef}.cz-beats .is-current{border:2px solid #306249;background:#dcead8;font-weight:700}.cz-board-caption{display:flex;gap:12px;align-items:center;min-height:48px;margin-bottom:8px;line-height:1.45}.cz-board-caption strong{font-size:1.25rem}.cz-board-caption span{font-size:.85rem}.cz-board-scroll{overflow-x:auto;border:1px solid #d1d4c8;border-radius:12px;background:#f1f0e7}.cz-board-scroll .foundation-board{width:100%;min-width:520px;display:block}.cz-board-scroll .foundation-cell,.cz-board-scroll .cell-hit{cursor:default;pointer-events:none}.cz-transport{position:sticky;bottom:12px;z-index:4;background:#fffef7;border:1px solid #adbcae;border-radius:15px;box-shadow:0 8px 26px #244c4024;padding:12px 14px;margin:18px 0 0;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:9px 15px}.cz-transport-buttons{display:flex;flex-wrap:wrap;gap:9px}.cz-transport button{min-height:50px}.cz-transport .primary{font-size:1rem}.cz-audio-status{font-size:.78rem;color:#556454;grid-row:2}.cz-volume{display:grid;font-size:.8rem;gap:4px;grid-column:2;grid-row:1/3}.cz-volume output{font-weight:700}.cz-volume input{width:100%;min-height:32px;accent-color:#306249;cursor:pointer}.cz-skip{font-size:.8rem}.cz-options{display:flex;flex-wrap:wrap;gap:10px}.cz-options button{min-height:48px;border:2px solid #b8c6b7;border-radius:11px;background:#fffdf6;cursor:pointer}.cz-options button[aria-pressed=true]{border-color:#315e45;background:#e2efdc;font-weight:700}.cz-ending{padding:8px 0 18px}.cz-ending>p{font-weight:650}.cz-hint{min-height:46px;margin-right:10px}.cz-settings{padding:9px 15px;border:1px solid #ced7c9;border-radius:13px;margin:18px 0}.cz-settings>div{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding:10px 0}.cz-settings label{display:grid;gap:8px}.cz-settings input,.cz-settings select{min-height:48px;width:100%}.cz-compare{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.cz-compare button,.cz-reading-next{min-height:48px}.cz-reading-next{margin-bottom:10px}#chapter-zero-reflection{padding:22px;background:#fffef7;border:1px solid #cbd7c8;border-radius:18px}#chapter-zero-reflection fieldset{border:0;padding:0;margin:0 0 22px}#chapter-zero-reflection legend{font-weight:700;margin-bottom:12px}#chapter-zero-reflection fieldset>label{display:flex;gap:12px;padding:12px;border:1px solid #cad5c6;border-radius:10px;margin:8px 0;min-height:48px;align-items:center;cursor:pointer}#chapter-zero-reflection input[type=checkbox]{min-width:24px;width:24px;height:24px;accent-color:#315e45}.cz-note-label{display:grid;gap:8px;margin-bottom:18px}.cz-note-label textarea{width:100%;font:inherit;min-height:72px}.cz-exit-options{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.cz-exit-options button{min-height:48px}.cz-workspace button:focus-visible,.cz-workspace summary:focus-visible,.cz-workspace input:focus-visible,.cz-workspace select:focus-visible,.cz-workspace textarea:focus-visible{outline:3px solid #b47927;outline-offset:3px}.cz-is-playing .cz-intro{display:none}.cz-is-playing .cz-nav-help{display:none}.cz-is-playing .cz-settings{display:none}.cz-is-playing .cz-heading h1{font-size:1.3rem}.cz-is-playing .cz-progress{display:none}.cz-workspace button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:650px){.cz-intro{grid-template-columns:1fr;gap:12px}.cz-practice{padding:12px}.cz-chart{gap:6px}.cz-chart button{padding:8px 5px;min-height:91px}.cz-chart button b{font-size:1.5rem}.cz-chart button small{font-size:.7rem}.cz-board-scroll .foundation-board{min-width:490px}.cz-transport{position:fixed;bottom:0;left:0;right:0;border-radius:15px 15px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));margin:0;grid-template-columns:1fr;gap:5px}.cz-transport-buttons{flex-wrap:nowrap}.cz-transport-buttons .primary{flex:1}.cz-transport-buttons button{padding:10px 12px;font-size:.85rem}.cz-audio-status{grid-row:auto;font-size:.72rem}.cz-volume{grid-column:auto;grid-row:auto;grid-template-columns:132px 1fr;align-items:center;font-size:.75rem}.cz-volume input{grid-column:2;grid-row:1/3}.cz-volume output{grid-column:1;grid-row:2}.cz-workspace{padding-bottom:165px}.cz-workspace[data-cz-step-current=understand],.cz-workspace[data-cz-step-current=reflect]{padding-bottom:30px}.cz-options button{flex:1 1 130px}.cz-settings>div{grid-template-columns:1fr}.cz-is-playing .cz-playing-task{padding:10px 12px;margin:7px 0}.cz-is-playing .cz-playing-task p{font-size:.88rem}.cz-is-playing .cz-heading{display:none}.cz-is-playing .cz-map-help{font-size:.7rem;margin:8px 0}.cz-is-playing .cz-board-caption{font-size:.8rem;min-height:35px}.cz-is-playing .cz-cue{font-size:.9rem;min-height:38px}.cz-is-playing .cz-beats{margin:4px 0 7px;gap:10px}}

/* This intro uses the same passive 2–6 map for both examples.
   Keep the task, chart, map and playback controls together while playing. */
.cz-board-scroll .foundation-board[data-layout=compact]{width:100%;min-width:0;max-width:560px;height:290px;max-height:290px;aspect-ratio:auto;margin:0 auto}
.cz-is-playing .cz-heading,.cz-is-playing .cz-progress,.cz-is-playing .cz-nav-help{display:none}
.cz-is-playing .cz-playing-task{margin:0 0 10px;padding:10px 14px;scroll-margin-top:8px}
.cz-is-playing .cz-playing-task p{font-size:.95rem}
.cz-is-playing .cz-practice{padding:14px}
.cz-is-playing .cz-chart button{min-height:82px;padding:8px}
.cz-is-playing .cz-cue{min-height:38px;margin-top:9px}
.cz-is-playing .cz-board-caption{min-height:36px;margin-bottom:5px}
.cz-is-playing .cz-transport{margin-top:12px}
.cz-chart button[aria-pressed=true]::before,.cz-options button[aria-pressed=true]::before,.cz-map-switch button[aria-pressed=true]::before{content:none}
.cz-map-switch{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}.cz-map-switch button{min-height:48px;flex:1;border:2px solid #b8c6b7;border-radius:11px;background:#fffdf6;cursor:pointer}.cz-map-switch button[aria-pressed=true]{background:#e2efdc;border-color:#315e45;font-weight:700}.cz-map-switch button:hover{border-color:#315e45;box-shadow:0 2px 0 #d1dccb}.cz-map-switch button:active{transform:translateY(1px)}.cz-switch-help{font-size:.78rem;color:#536659;line-height:1.4;margin:5px 0 12px}.cz-board-scroll .foundation-note:has(circle[r="8"]){visibility:hidden}.cz-shape-only .foundation-note circle[r="18"]{fill:#c7d6bb;stroke:#547049;stroke-width:2}.cz-shape-only .foundation-note text{display:none}
@media(min-width:651px){
 .cz-workspace[data-audio-state=paused],.cz-workspace[data-audio-state=ended]{padding-bottom:160px}
 .cz-workspace[data-audio-state=paused] .cz-transport,.cz-workspace[data-audio-state=ended] .cz-transport{position:fixed;bottom:12px;left:50%;right:auto;transform:translateX(-50%);width:min(1000px,calc(100% - 32px));margin:0}
}
@media(max-width:650px){
 .cz-board-scroll .foundation-board[data-layout=compact]{width:100%;min-width:0;max-width:none;height:225px;max-height:225px}
 .cz-is-playing .cz-chart button{min-height:74px;padding:5px}
 .cz-is-playing .cz-chart button b{font-size:1.35rem}
 .cz-is-playing .cz-playing-task{padding:9px 11px;margin-bottom:7px;scroll-margin-top:6px}
 .cz-is-playing .cz-practice{padding:10px}
 .cz-is-playing .cz-beats span{width:26px;height:26px;font-size:.8rem}
 .cz-is-playing .cz-cue{padding:4px 8px;font-size:.83rem;min-height:34px}
 .cz-is-playing .cz-board-caption{min-height:32px;margin:3px 0}
 .cz-is-playing .cz-map-help{font-size:.67rem;line-height:1.35;margin:6px 0}
}

/* Remember intention, not a score. These comparison panels are information. */
.cz-before-memory{grid-column:1/-1;padding:15px 18px;border-left:4px solid #c9974a;background:#faf5e9;border-radius:12px}.cz-before-memory h2{font-size:1rem;margin:0 0 7px}.cz-before-memory p,.cz-comparison-help{font-size:.9rem;line-height:1.55}.cz-before-memory .cz-options button{flex:1 1 175px;min-height:50px}.cz-before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}.cz-before-after>div{padding:14px 16px;border-left:3px solid #afbaaa;background:#f4f3e9;border-radius:0 9px 9px 0}.cz-before-after>div:last-child{border-color:#467159;background:#eaf0e3}.cz-before-after span{display:block;font-size:.8rem;color:#536659;margin-bottom:5px}.cz-before-after strong{font-size:1rem;line-height:1.4}.cz-comparison-help{margin:0 0 16px}.cz-exit-options [data-cz-action=retry-phrase]{border:2px solid #467159;background:#eaf0e3;font-weight:650}@media(max-width:650px){.cz-before-after{grid-template-columns:1fr;gap:8px}.cz-before-memory{padding:13px}.cz-before-memory .cz-options button{flex:1 1 100%;text-align:left}.cz-exit-options [data-cz-action=retry-phrase]{width:100%;min-height:52px}}
.cz-phrase-analysis{padding:7px 12px;border:1px solid #c3ceb9;border-radius:10px;background:#f6f8ed;min-width:0}.cz-phrase-analysis summary{font-size:.86rem}.cz-phrase-analysis p{font-size:.82rem;line-height:1.65}.cz-phrase-analysis h3{font-size:.87rem;margin:14px 0 8px}.cz-analysis-row{margin:12px 0;padding:8px 0;border-top:1px solid #d7dfcd}.cz-analysis-row>b{display:block;font-size:.83rem;margin:0 0 6px}.cz-flow{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.cz-flow-note{display:flex;flex-direction:column;padding:5px 7px;border-left:2px solid #b8c6b1;background:#fcfdf5;min-width:0}.cz-flow-note small{font-size:.66rem;color:#65705b}.cz-flow-note strong{font-size:.76rem;white-space:nowrap}.cz-flow-note[data-cz-flow-position=landing]{border-left-color:#467159;background:#e9f1dc}.cz-flow-arrow{font-size:.8rem;color:#65705b}.cz-key-analysis{border-top:1px solid #c3ceb9;padding-top:6px;margin-top:12px}

/* Optional hear/imagine activity stays inside the existing Chapter 0. */
.cz-imagine-intro{grid-column:1/-1;padding:20px 22px;background:#edf3e5;border:1px solid #c4d5bb;border-radius:16px}.cz-imagine-intro h2{font-size:1.25rem;margin:8px 0}.cz-imagine-intro p{font-size:.95rem;line-height:1.7}.cz-imagine-intro p+p{margin-top:8px}.cz-imagine-reflection p{margin:0 0 12px;line-height:1.65}.cz-imagine-reflection>button{min-height:48px;margin-bottom:12px}.cz-small{font-size:.85rem;color:#52654f}.cz-imagine-reflection .cz-options{margin-top:12px}.cz-workspace[data-cz-step-current=goal] .cz-transport-buttons{flex-wrap:wrap}.cz-workspace[data-cz-step-current=goal] .cz-transport-buttons button{white-space:normal;flex:1 1 180px}.cz-workspace[data-cz-step-current=goal] .cz-transport{position:sticky;bottom:12px}.cz-imagine-reflection button:disabled{opacity:.55}@media(max-width:650px){.cz-imagine-intro{padding:16px}.cz-workspace[data-cz-step-current=goal]{padding-bottom:28px}.cz-workspace[data-cz-step-current=goal] .cz-transport{left:auto;right:auto;transform:none;bottom:8px;width:auto;border-radius:14px}.cz-workspace[data-cz-step-current=goal] .cz-transport-buttons button{flex-basis:100%;font-size:.9rem}.cz-imagine-reflection .cz-options button{flex-basis:100%;text-align:left}}

.cz-is-playing[data-cz-purpose=comparison-listen] #cz-board-slot{display:none}
/* Chapter 0: one chapter purpose, one instruction area per step. */
.cz-overview{padding:4px 0 12px;border-bottom:1px solid #d1d8c8;margin-bottom:12px}.cz-overview>p{margin:0;font-size:.93rem;line-height:1.65}.cz-step-guide{margin-top:4px}.cz-step-guide summary,.cz-step-help summary,.cz-more-actions summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:7px;font-weight:650}.cz-step-guide summary:before,.cz-step-help summary:before,.cz-more-actions summary:before{content:'▸'}.cz-step-guide[open]>summary:before,.cz-step-help[open]>summary:before,.cz-more-actions[open]>summary:before{content:'▾'}.cz-step-guide summary{font-size:.82rem}.cz-step-guide ol{padding-left:25px;line-height:1.7;margin:3px 0}.cz-step-guide p{font-size:.8rem}.cz-heading{margin:16px 0 8px}.cz-heading h2{font-size:clamp(1.25rem,2.7vw,1.75rem);line-height:1.35;margin:4px 0}.cz-heading .eyebrow{font-size:.74rem;margin:0}.cz-playing-task{margin:12px 0;padding:14px 18px}.cz-playing-task h3{font-size:.82rem;margin:0 0 6px;color:#4b604b}.cz-playing-task .cz-task-main{font-size:1rem;line-height:1.65;font-weight:650;margin:0}.cz-playing-task .cz-task-support{font-size:.87rem;line-height:1.65;font-weight:400;margin:7px 0 0}.cz-playing-task .cz-encouragement{font-size:.85rem;line-height:1.6;font-weight:400;color:#536659;margin:8px 0 0}.cz-step-help{border:1px solid #d1d8c8;border-radius:10px;padding:2px 12px;margin-top:14px}.cz-step-help p{font-size:.88rem;line-height:1.7}.cz-workspace>.cz-phrase-analysis,.cz-workspace>.cz-readiness{margin-top:14px}.cz-workspace>.cz-practice{margin-top:14px}.cz-workspace[data-audio-state=idle] .cz-transport,.cz-workspace[data-cz-step-current=goal] .cz-transport{position:static;transform:none;width:auto;margin:12px 0}.cz-more-actions{flex:1 1 100%;font-size:.82rem}.cz-more-actions>div{display:flex;flex-wrap:wrap;gap:8px;padding:5px 0}.cz-more-actions>div button{flex:1 1 180px}.cz-is-playing .cz-overview,.cz-is-playing .cz-heading,.cz-is-playing .cz-step-help,.cz-is-playing .cz-readiness{display:none}.cz-is-playing .cz-playing-task{margin-bottom:10px}.cz-workspace{min-width:0}.cz-workspace>*{min-width:0}
@media(max-width:650px){.cz-overview>p{font-size:.84rem;line-height:1.6}.cz-heading{margin-top:12px}.cz-heading h2{font-size:1.18rem}.cz-playing-task{padding:12px}.cz-playing-task .cz-task-main{font-size:.94rem}.cz-playing-task .cz-task-support{font-size:.81rem}.cz-playing-task .cz-encouragement{font-size:.8rem}.cz-workspace[data-audio-state=idle]{padding-bottom:28px}.cz-workspace[data-cz-step-current=goal] .cz-transport{border-radius:13px}.cz-transport-buttons{flex-wrap:wrap}.cz-workspace[data-audio-state=idle] .cz-transport-buttons button{flex:1 1 100%;white-space:normal}.cz-more-actions summary{font-size:.8rem}.cz-step-guide ol{font-size:.86rem}.cz-is-playing[data-cz-step-current=goal]{padding-bottom:28px}}

/* Lesson 1 awareness: scoped away from the legacy Chapter 0 and Lessons 2–18. */
.l1-awareness{max-width:1050px;margin:auto;min-width:0;line-height:1.65}.l1-awareness h2{font-size:1.25rem}.l1-awareness h3,.l1-intro h2{font-size:1rem;margin:.5rem 0}.l1-intro p{margin:.5rem 0}.l1-steps{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.l1-steps button{font-size:.78rem;min-height:44px;padding:8px 12px}.l1-steps [aria-current=step],.l1-options [aria-pressed=true]{background:#e1edde;border:2px solid #426b50}.l1-step-title{margin:16px 0}.l1-start,.l1-perspective,.l1-next,.l1-question{padding:18px;border:1px solid #ccd8c8;border-radius:14px;background:#fffdf5;margin:14px 0}.l1-known{display:grid;grid-template-columns:1fr 1fr;gap:20px}.l1-known ul{padding-left:20px}.l1-music{background:#fffdf5;border:1px solid #cbd7c8;border-radius:16px;padding:16px;scroll-margin-top:85px}.l1-chart{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.l1-chart button{display:grid;gap:2px;min-height:80px;border:2px solid #c1cdbb;background:#f2f2e8}.l1-chart b{font-size:1.5rem}.l1-chart small,.l1-chart span{font-size:.72rem}.l1-chart .is-current{border-color:#315c42;background:#dcebd6;box-shadow:inset 0 0 0 1px #315c42}.l1-caption{min-height:3.2em;padding:10px 12px;background:#edf3e7;border-radius:8px;font-weight:650;margin:10px 0}.l1-board{width:100%;max-height:280px;display:block}.l1-board text{font:15px system-ui;fill:#344c3e}.l1-fret{stroke:#aea68d;stroke-width:2}.l1-string{stroke:#8c8879;stroke-width:1.4}.l1-dot>circle:first-child{fill:#dbe6d3;stroke:#8b9f7d;stroke-width:1.8}.l1-dot>text{font-weight:750}.l1-active-ring{fill:none;stroke:transparent;stroke-width:4}.l1-dot.is-active .l1-active-ring{stroke:#b15f13}.l1-dot.is-active>circle:first-child{fill:#ffe2a4;stroke:#65411e;stroke-width:2.5}.l1-legend,.l1-status{font-size:.8rem;color:#536659}.l1-transport{border-top:1px solid #d7decd;padding-top:12px;margin-top:8px}.l1-options{display:flex;flex-wrap:wrap;gap:8px}.l1-options button,.l1-nav button{min-height:48px;white-space:normal}.l1-question legend{font-weight:700}.l1-question p{font-size:.88rem}.l1-settings{padding:12px 0;margin:14px 0}.l1-settings>div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.l1-settings label{display:grid;gap:5px}.l1-settings input,.l1-settings select{width:100%;min-width:0;min-height:44px}.l1-nav{margin:18px 0}.l1-awareness button:focus-visible{outline:3px solid #b47927;outline-offset:3px}.lesson-one-playing .l1-intro{display:none}.lesson-one-playing .l1-steps{display:none}.lesson-one-playing .l1-step-title{margin:5px 0}.l1-awareness button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:650px){.l1-intro>.journey-coach{width:42px;height:42px}.l1-known{grid-template-columns:1fr;gap:0}.l1-start,.l1-question,.l1-perspective,.l1-next{padding:12px}.l1-music{padding:10px}.l1-chart{gap:5px}.l1-chart button{padding:5px 3px}.l1-chart span{font-size:.65rem}.l1-chart b{font-size:1.35rem}.l1-caption{font-size:.85rem;min-height:4em;padding:8px}.l1-legend{font-size:.73rem}.l1-settings>div{grid-template-columns:1fr}.l1-options button{flex:1 1 135px}.l1-steps button{flex:1 1 130px}.l1-awareness h2{font-size:1.1rem}.l1-intro h2{font-size:.9rem}.l1-intro p{font-size:.9rem}.l1-board text{font-size:16px}.l1-music{scroll-margin-top:105px}}

.lesson-one-playing .l1-chart button{min-height:65px}.lesson-one-playing .l1-chart span{display:none}.lesson-one-playing .l1-status{margin-bottom:0}.lesson-one-playing .l1-steps{display:none}

/* Lesson 1 six-page story: keep each page’s purpose and sole forward action clear. */
.l1-improve,.l1-trial,.l1-recap{padding:14px 18px;border:1px solid #ccd8c8;border-radius:14px;background:#fffdf5;margin:12px 0}.l1-improvements{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding-left:25px}.l1-improvements h4{margin:0;font-size:1rem}.l1-improvements p{margin:5px 0}.l1-guide{padding:12px;background:#edf3e7;border-left:3px solid #66845b;border-radius:8px}.l1-example-choice{display:flex;flex-wrap:wrap;gap:8px}.l1-example-choice button{min-height:44px}.l1-example-choice [aria-pressed=true]{background:#e1edde;border:2px solid #426b50}.l1-dot.is-related>circle:first-child{fill:#a4c39c;stroke:#365e3e;stroke-width:2.5}.l1-dot.is-target .l1-active-ring{stroke:#346d9d;stroke-width:3;stroke-dasharray:4 3}.l1-dot.is-active .l1-active-ring{stroke:#b15f13;stroke-dasharray:none}.l1-trial-answer .l1-options+.l1-options{margin-top:12px}.l1-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.l1-nav .l1-back{font-size:.83rem;background:transparent;border:0;box-shadow:none}.l1-main-message{font-size:1.05rem;font-weight:650}.l1-intro{padding-bottom:.4rem}
@media(max-width:650px){.l1-improvements{grid-template-columns:1fr;gap:10px}.l1-improve,.l1-trial,.l1-recap{padding:12px}.l1-nav .primary{width:100%}.l1-example-choice button{flex:1 1 140px}}

/* Lesson 1 attention switch: static locating cards and one live playback board. */
.l1-target-lessons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.l1-target-lesson{min-width:0;border:1px solid #ccd8c8;border-radius:14px;background:#fffdf5;padding:14px}.l1-target-lesson .l1-board{max-height:180px;margin:12px 0}.l1-target-lesson button{min-height:48px;white-space:normal;width:100%}.l1-attention-recap{margin:16px 0}.l1-key{font-size:.9rem}.l1-attention-intro p{max-width:65em}
@media(max-width:650px){.l1-target-lessons{grid-template-columns:1fr}.l1-target-lesson{padding:12px}.l1-key{font-size:.82rem}}

/* Lesson 1 Page 4: one existing transport, backing only, clock-driven G/B prompts. */
.l1-practice-intro{margin:14px 0}.l1-practice-heading{padding:10px 12px;background:#edf3e7;border-radius:10px;margin:12px 0}.l1-practice-heading h3{font-size:1.15rem;margin:4px 0}.l1-practice-heading p{margin:6px 0}.l1-practice-next{font-size:.88rem;font-weight:650;color:#45634d}.l1-practice-chart{grid-template-columns:repeat(2,1fr)}.l1-practice-chart>div{display:grid;text-align:center;gap:2px;padding:8px;border:2px solid #c1cdbb;border-radius:9px;background:#f2f2e8}.l1-practice-chart .is-current{border-color:#315c42;background:#dcebd6}.l1-practice-rule{border-left:4px solid #66845b;border-radius:8px;background:#edf3e7;padding:12px;margin:12px 0}.l1-practice-rule p{margin:6px 0 0}.l1-practice-transport{position:sticky;top:76px;z-index:2;background:#fffdf5;padding:5px 0}.l1-practice-transport button{flex:1 1 120px}.lesson-one-playing .l1-practice-intro{display:none}
@media(max-width:650px){.l1-practice-transport{top:76px;gap:5px}.l1-practice-transport button{flex:1 1 80px;padding:8px 5px;font-size:.83rem}.l1-practice-heading h3{font-size:1.05rem}.l1-practice-rule{font-size:.88rem}}

/* Lesson 1 later tones: reuse the guided practice panel, retain large touch targets. */
.l1-tone-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.l1-tone-cards>section{min-width:0;padding:12px;border:1px solid #ccd8c8;border-radius:12px;background:#fffdf5}.l1-tone-cards p{margin:6px 0}.l1-four-choices{margin:12px 0}.l1-four-choices button{flex:1 1 140px;min-height:48px}.l1-board .l1-role-label{font-size:12px;font-weight:750;paint-order:stroke;stroke:#fffdf5;stroke-width:4px;stroke-linejoin:round}
@media(max-width:650px){.l1-tone-cards{grid-template-columns:1fr}.l1-four-choices button{flex:1 1 125px}.l1-board .l1-role-label{font-size:13px}}