:root{--editorial-black: #1a1a1a;--editorial-gray: #666;--editorial-light: #f5f5f5;--editorial-accent: #c41e3a;--editorial-line: #e0e0e0}body{background:#fff;overflow-x:hidden}.container{max-width:none;padding:0}header,footer{display:none}.progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--editorial-accent);z-index:1000;transition:width .1s}.floating-nav{position:fixed;top:2rem;left:2rem;z-index:100}.floating-btn{display:inline-block;background:#fff;border:1px solid var(--editorial-line);padding:.5rem 1rem;font-size:.8rem;color:var(--editorial-gray);text-decoration:none;transition:all .2s;min-height:44px;min-width:44px;line-height:1.5}.floating-btn:hover{border-color:var(--editorial-black);color:var(--editorial-black)}.floating-btn:focus-visible{outline:2px solid var(--editorial-accent);outline-offset:2px}.editorial-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem;position:relative}.editorial-inner{max-width:720px;margin:0 auto;width:100%}.editorial-hero{background:var(--editorial-black);color:#fff;text-align:center}.editorial-hero .lesson-number{font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:#ffffff80;margin-bottom:2rem}.editorial-hero h1{font-size:clamp(3rem,10vw,6rem);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem;color:#fff}.editorial-hero .lead{font-size:1.25rem;font-weight:300;color:#ffffffb3;max-width:500px;margin:0 auto;line-height:1.6}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#fff6}.scroll-indicator:after{content:"";display:block;width:1px;height:40px;background:#ffffff4d;margin:1rem auto 0}.chapter-header{border-bottom:1px solid var(--editorial-line);padding-bottom:1rem;margin-bottom:3rem}.chapter-number{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--editorial-accent);margin-bottom:.5rem}.chapter-title{font-size:2.5rem;font-weight:300;letter-spacing:-.02em;color:var(--editorial-black);margin:0}.narrative{font-size:1.2rem;line-height:1.9;color:var(--editorial-gray);margin-bottom:3rem}.narrative strong{color:var(--editorial-black);font-weight:500}.phrase-display,.word-display{text-align:center;padding:4rem 0;margin:2rem 0;border-top:1px solid var(--editorial-line);border-bottom:1px solid var(--editorial-line)}.phrase-russian,.word-russian{font-size:clamp(1.5rem,6vw,2.5rem);font-family:var(--font-serif);font-weight:400;color:var(--editorial-black);cursor:pointer;transition:color .2s;display:block;line-height:1.3}.phrase-russian:hover,.word-russian:hover{color:var(--editorial-accent)}.phrase-translation,.word-translation{font-size:1.25rem;color:var(--editorial-gray);margin-top:1rem;font-weight:300}.word-phonetic{font-family:SF Mono,Monaco,monospace;font-size:1rem;color:var(--editorial-gray);margin-top:1.5rem;letter-spacing:.1em}.editorial-aside{background:var(--editorial-light);padding:2rem;margin:3rem 0;border-left:3px solid var(--editorial-accent)}.editorial-aside-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--editorial-accent);margin-bottom:1rem}.editorial-aside p{font-size:1rem;line-height:1.7;color:var(--editorial-black);margin:0}.interlude{background:var(--editorial-black);color:#fff;text-align:center;min-height:50vh}.interlude h2{font-size:2rem;font-weight:300;color:#fff;margin-bottom:1rem}.interlude p{font-size:1.1rem;color:#fff9;max-width:400px;margin:0 auto}.exercise-section{background:var(--editorial-light);border-top:1px solid var(--editorial-line);border-bottom:1px solid var(--editorial-line)}.exercise-frame{background:#fff;border:1px solid var(--editorial-line);padding:3rem;max-width:600px;margin:0 auto}.exercise-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--editorial-line)}.exercise-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--editorial-accent);margin-bottom:.5rem}.exercise-title{font-size:1.5rem;font-weight:300;color:var(--editorial-black);margin:0}.exercise-body{min-height:300px}.completion-section{background:var(--editorial-light);min-height:auto;padding:4rem 2rem}.complete-lesson-btn{background:var(--editorial-black);color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;cursor:pointer;transition:all .3s}.complete-lesson-btn:hover{background:var(--editorial-accent);transform:translateY(-2px)}.complete-lesson-btn:focus-visible{outline:2px solid var(--editorial-accent);outline-offset:2px}.complete-lesson-btn.completed{background:#2ecc71;cursor:default}.complete-lesson-btn.completed:hover{transform:none}.completion-requirements{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;font-size:.9rem;color:var(--editorial-gray)}.completion-req-item{display:flex;align-items:center;gap:.5rem}.completion-req-item.met{color:#2ecc71}.completion-req-item .req-icon{font-size:1rem}.nav-section{background:#fff;padding:4rem 2rem;min-height:auto}.lesson-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-m, 1rem) 0;border-top:1px solid var(--editorial-line);margin-top:var(--space-xl, 2rem)}.lesson-nav-item{text-decoration:none;color:var(--editorial-gray);display:flex;flex-direction:column;gap:.25rem;transition:color .2s}.lesson-nav-item:hover{color:var(--editorial-accent)}.lesson-nav-item:focus-visible{outline:2px solid var(--editorial-accent);outline-offset:4px}.lesson-nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;display:block}.lesson-nav-title{font-weight:600}.reveal{opacity:0;transform:translateY(30px);transition:all .6s ease;animation:reveal-fallback .6s ease 2s forwards}.reveal.visible{opacity:1;transform:translateY(0);animation:none}@keyframes reveal-fallback{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;animation:none}}*:focus-visible{outline:2px solid var(--editorial-accent);outline-offset:2px}*:focus:not(:focus-visible){outline:none}[onclick],[role=button]{cursor:pointer}@media(max-width:768px){.editorial-section{padding:4rem 1.5rem}.floating-nav{top:1rem;left:1rem}.floating-btn{padding:.75rem 1rem;font-size:.85rem}.exercise-frame{padding:2rem 1.5rem}.completion-requirements{flex-direction:column;gap:.75rem;align-items:center}.lesson-nav{flex-direction:column;gap:1.5rem;text-align:center}}
