.readingProgress { position:fixed; z-index:30; top:0; left:0; width:0; height:3px; background:var(--accent); }
.lessonNav { display:flex; align-items:center; gap:18px; }
.lessonNav a,.lessonNav span { color:var(--accent); font:10px var(--mono); letter-spacing:.08em; text-decoration:none; }
.lessonNav span { color:var(--muted); }
.lessonPager { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:28px; }
.lessonPager a,.lessonPager span { display:flex; align-items:center; justify-content:center; min-height:52px; padding:10px 14px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font:10px var(--mono); letter-spacing:.08em; text-decoration:none; }
.lessonPager a:hover { border-color:var(--accent); color:var(--accent); }
.lessonPager span { color:var(--muted); background:transparent; }
.lessonIntro { position:relative; overflow:hidden; }
.lessonIntro h1 { font-size:clamp(32px,5vw,56px); line-height:1.28; }
.lessonIntro::after { content:'01'; position:absolute; right:-18px; bottom:-60px; font:900 180px/1 var(--mono); color:rgba(33,27,22,.04); }
.lessonIntro > * { position:relative; z-index:1; }
.lessonBody > p:first-child::first-letter { float:left; margin:.12em .12em 0 0; color:var(--accent); font-size:4.7em; font-weight:900; line-height:.75; }
.lessonBody h1 { scroll-margin-top:90px; }
.lessonBody img { display:block; width:100%; height:auto; }
.lessonBody figure { margin:38px -24px; padding:12px 12px 16px; background:var(--paper); border:1px solid var(--line); box-shadow:7px 7px 0 var(--gold); }
.lessonBody figcaption { padding:13px 5px 0; color:var(--muted); font:9px var(--mono); letter-spacing:.1em; text-align:center; }
.lessonBody blockquote strong { color:inherit; }
.lessonBody > p:last-child { margin-top:60px; color:var(--muted); text-align:right; }
.guideBody .assignmentCard p { color:var(--paper); }
.guideBody .assignmentCard ol { margin:22px 0 0; grid-template-columns:1fr; gap:8px; }
.guideBody .assignmentCard li { border-color:rgba(255,250,240,.18); background:rgba(255,250,240,.06); color:var(--paper); }
@media(max-width:760px){.lessonNav{gap:10px}.lessonNav a,.lessonNav span{font-size:8px;letter-spacing:0}.readerTop>b{display:none}.lessonPager{grid-template-columns:1fr}.lessonIntro::after{font-size:120px}.lessonBody figure{margin-left:0;margin-right:0}}