.lesson-navigation{position:sticky;top:0;z-index:25;flex:none;display:grid;grid-template-columns:130px minmax(0,1fr) 100px;grid-template-rows:44px auto;gap:4px 14px;padding:8px 12px 12px;background:#fffdf7;border:1px solid #b9cbbf;border-radius:12px;box-shadow:0 5px 16px #163e3020;margin:0 0 16px}
.lesson-breadcrumb{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:#4b6357}
.lesson-navigation button{cursor:pointer;border:1px solid #9eb7a9;border-radius:8px;background:#f4f7f0;color:#234d3d;min-height:44px;padding:8px 12px;font-size:12px;font-weight:650;white-space:nowrap}
.lesson-breadcrumb button{background:transparent;min-height:44px;padding:4px 8px}
.lesson-number{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.lesson-location{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.lesson-location>h1{margin:0;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.lesson-step-location{font-size:12px;color:#466454;line-height:1.4;font-variant-numeric:tabular-nums}
.lesson-step-location b{color:#155b40;border-bottom:2px solid #418464}
.lesson-move{grid-row:2;align-self:center}.lesson-move-previous{grid-column:1}.lesson-move-next{grid-column:3;text-align:right}
.lesson-navigation button:hover:enabled{background:#e4eee3;border-color:#427456;box-shadow:0 2px 5px #193d3020}
.lesson-navigation button:active:enabled{background:#d2e4d4;transform:translateY(1px)}
.lesson-navigation button:focus-visible{outline:3px solid #aa6b23;outline-offset:3px}
.lesson-navigation button:disabled{cursor:default;opacity:.45;border-style:dashed;box-shadow:none}
.foundation-heading,.main-heading,.graduation-heading,.cz-workspace>.lesson-nav{display:none}
.cz-legacy-nav,.main-transport [data-main-action="previous"]{display:none}
#lesson-navigation-slot{display:contents}
.graduation-playing #graduation-steps{display:none}
.foundation-workspace,.main-workspace,.cz-workspace,.graduation{overflow:visible}
html{scroll-padding-top:155px}
.main-playing #main-stages,.chapter-zero-playing .cz-progress,.chapter-zero-playing .cz-nav-help{display:none}
@media(max-width:760px){
 .lesson-navigation{grid-template-columns:108px minmax(0,1fr) 76px;gap:4px 6px;padding:5px 7px 8px;border-radius:0;margin:0 0 12px}
 .lesson-navigation button{min-height:44px;padding:7px 6px;font-size:11px}.lesson-breadcrumb{gap:4px;font-size:10px}.lesson-breadcrumb button{font-size:11px}.lesson-location>h1{font-size:12px;line-height:1.35}.lesson-step-location{font-size:10px}
}
@media(max-height:540px) and (orientation:landscape){
 .lesson-navigation{grid-template-rows:30px auto;gap:2px 12px;padding:3px 8px 5px;margin-bottom:5px}
 .lesson-breadcrumb{grid-column:2;grid-row:1;gap:4px}.lesson-breadcrumb button{min-height:30px;padding:3px 6px;font-size:10px}.lesson-number{font-size:10px}
 .lesson-location{gap:1px}.lesson-location>h1{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-step-location{font-size:10px;line-height:1.25}
 .lesson-move{grid-row:1/3}.lesson-navigation .lesson-move button{min-height:44px}
 .main-playing .main-board-caption{display:none}
}

/* Step navigation is a quiet progress track, distinct from practice controls. */
nav.lesson-step-nav{display:block;margin:0 0 26px;padding:14px 0 18px;border-top:1px solid #d6dbcd;border-bottom:1px solid #d6dbcd}.lesson-step-nav-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#65715f;font-size:.75rem;letter-spacing:.04em}.lesson-step-track{display:grid;grid-template-columns:repeat(var(--lesson-step-count,7),minmax(0,1fr));list-style:none;margin:0;padding:0}.lesson-step-track>li{min-width:0;position:relative}.lesson-step-track>li:not(:last-child)::after{content:"";position:absolute;top:16px;left:calc(50% + 19px);width:calc(100% - 38px);height:1px;background:#cdd6c7;pointer-events:none}nav.lesson-step-nav button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-width:44px;min-height:76px;padding:2px 5px 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#6a7463;font:inherit;line-height:1.45;transform:none}.lesson-step-number{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #becbb8;border-radius:50%;background:#f6f5ec;color:#6a7463;font-size:.85rem;font-weight:500}.lesson-step-label{max-width:100%;font-size:.8rem;text-align:center;overflow-wrap:anywhere}.lesson-step-short{display:none}nav.lesson-step-nav button[aria-current=step]{background:transparent;border:0;color:#254e3c;font-weight:700}.lesson-step-nav [aria-current=step] .lesson-step-number{background:#254e3c;border-color:#254e3c;color:white;box-shadow:0 0 0 3px #e0e8d9}nav.lesson-step-nav button:hover{background:transparent;box-shadow:none;transform:none;color:#254e3c}.lesson-step-nav button:hover .lesson-step-number{border-color:#254e3c}nav.lesson-step-nav button:focus-visible{outline:2px solid #356044;outline-offset:1px;border-radius:4px}
@media(max-width:600px){nav.lesson-step-nav{margin-bottom:20px;padding:12px 0}.lesson-step-track>li:not(:last-child)::after{left:calc(50% + 16px);width:calc(100% - 32px)}nav.lesson-step-nav button{min-height:66px;padding:2px 0 0;gap:8px}.lesson-step-label{display:none}.lesson-step-short{display:block;font-size:.66rem;line-height:1.4;text-align:center}.lesson-step-nav-heading{font-size:.7rem}.lesson-step-number{width:28px;height:28px}}

@media(max-width:380px){.lesson-step-track{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:8px}.lesson-step-track>li:nth-child(4)::after{display:none}}

.lesson-grip-warning{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #d3b782;border-radius:6px;background:#fff0d4;color:#795a2e;font-size:.75rem;font-weight:650;line-height:1.4}.l3-grip-status{display:flex;justify-content:center;align-items:center;min-height:30px;margin:0 0 4px}

@media(max-width:380px){.l3-grip-status{min-height:44px}}