/* LESSON-EXPERIENCE24: scoped layout only; educational blocks and access gates stay intact. */
.edul-public.le24-lesson{max-width:1200px;padding-top:18px;padding-bottom:60px}
.le24-lesson .edul-breadcrumb{margin:0 0 12px;gap:7px;font-size:12px;line-height:1.7}
.le24-lesson .b16-context-bar{margin-bottom:12px}
.le24-lesson .le24-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px 24px;margin-bottom:14px;border-radius:20px;align-items:center}
.le24-hero h1{font-size:clamp(23px,3.2vw,32px);margin:5px 0 8px;overflow-wrap:anywhere}
.le24-hero .le24-current{font-size:13px;line-height:1.85;margin:0;color:var(--el-muted)}
.le24-current strong{color:var(--el-ink);font-weight:650}
.le24-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:170px;text-align:center}
.le24-hero-actions .edul-button{min-height:46px}
.le24-hero-actions>a:not(.edul-button){display:inline-flex;justify-content:center;align-items:center;min-height:44px;font-size:12px}
.le24-lesson .j1-scope-grid.le24-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px;margin:0 0 12px;border:1px solid var(--el-line);border-radius:17px;background:var(--el-card)}
.le24-progress-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;color:var(--el-ink)}
.le24-progress-label{font-size:12px;font-weight:700;line-height:1.7}
.le24-progress-ring{position:relative;display:grid;place-items:center;width:86px;max-width:100%;aspect-ratio:1;color:var(--el-accent);flex:none}
.le24-progress-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:8}
.le24-ring-track{stroke:var(--el-line)}
.le24-ring-value{stroke:var(--el-accent);stroke-linecap:round}
.le24-progress-ring strong{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;line-height:1;font-weight:800;direction:ltr;font-variant-numeric:tabular-nums;color:var(--el-ink)}
.le24-lesson .le24-progress-count{font-size:11px;white-space:nowrap;color:var(--el-muted);line-height:1.7}
.le24-details{background:var(--el-card);border:1px solid var(--el-line);border-radius:13px;color:var(--el-ink)}
.le24-details>summary{cursor:pointer;min-height:44px;padding:10px 14px;font-size:12px;font-weight:650;line-height:1.9;color:var(--el-accent)}
.le24-details>summary:focus-visible{outline:3px solid var(--el-accent);outline-offset:3px}
.le24-details-content{padding:0 14px 14px;overflow-wrap:anywhere}
.le24-details-content>p{font-size:12px;line-height:1.9;margin:8px 0;color:var(--el-muted)}
.le24-details-content .j1b-history-note{padding:14px;margin:12px 0 0;border-radius:12px;box-shadow:none}
.le24-details-content .j1b-history-note p{font-size:12px}
.le24-details-content .j1-actions{margin-top:10px}
.le24-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;align-items:start}
.le24-secondary>details:only-child{grid-column:1/-1}
.le24-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px;font-size:11px;color:var(--el-muted)}
.le24-lesson .edul-reader-layout{gap:20px;grid-template-columns:240px minmax(0,1fr)}
.le24-lesson .edul-outline{padding:16px;border-radius:17px;top:calc(var(--nnav-height,0px) + 14px)}
.le24-lesson .edul-outline>details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.le24-outline-count{color:var(--el-muted);font-size:11px;font-weight:400;white-space:nowrap}
.le24-lesson .edul-outline>details[open]>summary:after{content:'−';color:var(--el-accent)}
.le24-lesson .edul-outline>details:not([open])>summary:after{content:'+';color:var(--el-accent)}
.le24-lesson .edul-outline-list a{font-size:12px;padding:9px 7px}
.le24-lesson .edul-outline-list small{font-size:10px;color:var(--el-muted)}
.le24-outline-tools{border-top:1px solid var(--el-line);margin-top:10px;padding-top:10px;font-size:12px;line-height:1.85}
.le24-lesson .edul-reader{border-radius:20px;padding:24px;scroll-margin-top:calc(var(--nnav-height,0px) + 14px)}
.le24-lesson .edul-reader>h2{margin:0 0 16px;font-size:clamp(21px,2.5vw,28px)}
.le24-lesson [id^="lesson-block-"],.le24-lesson .edul-interactive{scroll-margin-top:calc(var(--nnav-height,0px) + 14px)}
.le24-lesson .edul-reader>.j1b-position{padding:13px 15px;margin:0 0 18px;border-radius:13px}
.le24-lesson .j1b-position>div>strong{font-size:13px}
.le24-lesson .j1b-position p{font-size:12px;line-height:1.85;margin-bottom:9px}
.le24-lesson .j1b-position small{font-size:10px;line-height:1.85;margin-top:9px}
.le24-lesson .j1b-controls{gap:7px}
.le24-lesson .j1b-controls button{font-size:12px;padding:8px 12px;min-height:44px}
.le24-lesson .le24-after-reader{margin-top:20px}
@media(max-width:760px){
 .edul-public.le24-lesson{padding:12px 12px 45px}
 .le24-lesson .edul-breadcrumb{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;font-size:10px;padding-bottom:3px;scrollbar-width:thin}
 .le24-lesson .le24-hero{grid-template-columns:minmax(0,1fr);gap:12px;padding:15px 16px;border-radius:17px;margin-bottom:10px}
 .le24-hero h1{font-size:23px;line-height:1.55;margin:4px 0 6px}
 .le24-hero .le24-current{font-size:11px;line-height:1.85}
 .le24-hero-actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:9px;min-width:0;align-items:center}
 .le24-hero-actions .edul-button{font-size:12px;padding:9px 11px}
 .le24-hero-actions>a:not(.edul-button){font-size:11px;line-height:1.7}
 .le24-lesson .j1-scope-grid.le24-progress-grid{gap:5px;padding:10px 6px;border-radius:14px;margin-bottom:10px}
 .le24-progress-item{gap:3px}
 .le24-progress-label{font-size:11px}
 .le24-progress-ring{width:68px}
 .le24-progress-ring strong{font-size:12px}
 .le24-lesson .le24-progress-count{font-size:10px}
 .le24-secondary{grid-template-columns:1fr;gap:8px;margin-bottom:12px}
 .le24-details>summary{padding:9px 12px;font-size:11px}
 .le24-lesson .edul-reader-layout{grid-template-columns:minmax(0,1fr);gap:12px}
 .le24-lesson .edul-outline{position:static;padding:8px 12px;border-radius:13px}
 .le24-outline-tools{margin-top:4px;padding-top:6px;font-size:11px}
 .le24-lesson .edul-reader{padding:18px 15px;border-radius:17px}
 .le24-lesson .edul-reader>h2{font-size:21px;line-height:1.65}
 .le24-lesson .j1b-controls button{flex:1 1 130px;font-size:11px}
}
@media(max-width:360px){.le24-progress-ring{width:61px}.le24-lesson .le24-progress-count{font-size:9px}.le24-progress-label{font-size:10px}.le24-hero h1{font-size:21px}}
@media print{.le24-hero-actions,.le24-secondary,.le24-lesson .edul-outline{display:none}.le24-lesson .edul-reader-layout{display:block}.le24-lesson .le24-progress-grid{break-inside:avoid}}