.reader{margin:24px auto 60px;max-width:1060px;--reader-width:82%}.reader-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#1f3e2d;color:white}.reader-bar strong{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reader-bar button,.reader-controls button{padding:8px 12px;border:1px solid #bec6ba;border-radius:5px;background:white;color:#20231f}.reader-settings{padding:20px;background:#fff7d7;border:1px solid var(--border)}.reader-settings label{display:inline-flex;gap:12px;margin-right:20px;align-items:center;flex-wrap:wrap}.reader-heading{text-align:center;padding:35px 15px}.reader-heading h1{font-size:clamp(23px,3vw,35px);margin:8px 0}.reader-heading p{color:var(--body)}.page-deck{width:var(--reader-width);margin:auto;display:grid;gap:12px}.story-panel{background:#fffdf5;border:3px solid #20231f;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;padding:35px;box-shadow:9px 9px 0 #d9dba9}.story-panel>span{font-size:12px;letter-spacing:.15em;color:#315c43;font-weight:800}.story-panel>p{font-size:clamp(20px,2.7vw,32px);line-height:1.7;font-weight:700;max-width:700px;letter-spacing:.02em}.story-panel:nth-child(2){background:#dfece7}.story-panel:nth-child(3){background:#fff0af}.page-deck[data-mode=single] .story-panel,.page-deck[data-mode=double] .story-panel{display:none}.page-deck[data-mode=single] .story-panel.is-active,.page-deck[data-mode=double] .story-panel.is-active{display:flex}.page-deck[data-mode=double]{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-controls{text-align:center;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:30px}.chapter-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:30px;border-top:1px solid #bcc4b8;padding-top:20px}.chapter-nav a{background:#315c43;color:white;padding:10px 16px;border-radius:6px;min-height:44px}@media(max-width:760px){.reader{--reader-width:100%}.reader-bar{padding:12px;font-size:13px}.story-panel{padding:20px;min-height:270px}.page-deck[data-mode=double]{grid-template-columns:1fr}.reader-controls{gap:8px}}