body:has(.reader-page){background:#EDEFEA}.reader-page{min-height:70vh}.reader-top{min-height:65px;display:flex;gap:18px;justify-content:space-between;align-items:center;padding:12px max(17px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap}.reader-top a,.reader-top button{font-size:13px}.reader-top button{background:#f0f2ec;border:1px solid #d2d7d1;border-radius:7px;padding:8px 10px;min-height:40px}.reader-actions{display:flex;gap:8px}.reader-controls,.reader-chapter-menu{padding:20px;background:#fff;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.reader-controls[hidden],.reader-chapter-menu[hidden]{display:none}.reader-controls label{display:flex;gap:12px;align-items:center;font-size:13px}.reader-chapter-menu a{background:var(--sage-soft);padding:10px;border-radius:8px}.chapter-intro{max-width:760px;margin:40px auto 32px;text-align:center;padding:0 16px}.chapter-intro h1{margin:12px 0}.chapter-intro p{font-size:13px;color:var(--muted)}.chapter-intro .content-disclosure{background:var(--paper);padding:12px;border-radius:8px}.reading-canvas{width:min(calc(100% - 24px),760px);margin:0 auto;display:flex;flex-direction:column;gap:0;min-height:280px}.story-panel{min-height:360px;display:flex;flex-direction:column;justify-content:center;padding:45px clamp(20px,8vw,95px);background:#fffdf9;border-bottom:1px solid #e7e4db;position:relative}.story-panel:nth-child(2n){background:#e9eee9}.story-panel:nth-child(3n){background:#f2eae5}.story-panel p{font-size:clamp(20px,2.3vw,27px);line-height:1.85;font-weight:550;color:var(--coffee)}.panel-index{position:absolute;top:30px;left:30px;font-size:10px;letter-spacing:3px;color:var(--sage-deep)}.reading-canvas.single .story-panel{display:none}.reading-canvas.single .story-panel.is-current{display:flex}.reading-canvas.double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reading-canvas.double .story-panel{min-height:450px;padding:35px 18px}.reading-canvas.double .story-panel p{font-size:19px}.reading-progress{position:fixed;bottom:0;left:0;right:0;height:3px;z-index:55;pointer-events:none}.reading-progress-bar{background:var(--persimmon);height:100%;width:0}.chapter-bottom{max-width:760px;margin:40px auto 70px;text-align:center;padding:0 15px}.chapter-bottom nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:18px 0}.chapter-bottom p{font-size:12px;color:var(--muted)}.reader-navigate{display:flex;justify-content:space-between;gap:12px;margin:16px auto;max-width:760px}.reader-navigate button{min-height:45px;padding:8px 18px;border-radius:8px;border:1px solid var(--sage);background:var(--paper)}@media(max-width:600px){.reader-top{gap:8px}.reader-top strong{order:-1;width:100%;text-align:center}.story-panel{min-height:310px}.reading-canvas.double{grid-template-columns:1fr}.reading-canvas.double .story-panel{min-height:300px}.chapter-bottom{margin-bottom:90px}}