.reader-shell{width:min(1050px,calc(100% - 32px));margin:20px auto}.reader-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;background:#20231f;color:#fff;border-radius:8px;flex-wrap:wrap}.reader-nav button{background:#f2d33c;border:0;border-radius:4px;padding:8px}.reader-settings{padding:15px;background:#fff;display:flex;gap:20px;flex-wrap:wrap}.reader-settings[hidden]{display:none}.reader-settings label{display:flex;gap:8px;align-items:center}.reader-title{text-align:center;margin:35px 0}.reader-title h1{font-size:30px}.reader-title p{color:#777e73}.panels{width:86%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px;max-width:100%}.story-panel{min-height:280px;background:#fffdf5;border:3px solid #20231f;padding:clamp(18px,5vw,60px);display:flex;flex-direction:column;justify-content:space-between;overflow-wrap:anywhere}.story-panel:nth-child(2n){background:#e7efe7}.story-panel:nth-child(3n){background:#fff5bf}.story-panel>span{color:#315c43;letter-spacing:2px;font-size:12px;font-weight:850}.story-panel p{font-size:clamp(21px,3vw,32px);font-weight:650;line-height:1.7;max-width:700px;margin:auto}.panels>img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}.panels.single>.story-panel,.panels.single>img{display:none}.panels.single>[data-visible="true"]{display:flex}.panels.double{grid-template-columns:repeat(2,minmax(0,1fr))}.panels.double .story-panel{min-height:330px}.panels.double .story-panel p{font-size:clamp(16px,2vw,24px)}.reader-bottom{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:30px auto 70px}.reader-bottom p{width:100%;text-align:center}.reader-bottom>a:not(.btn){text-decoration:underline}@media(max-width:650px){.reader-nav{font-size:13px}.panels{width:100%!important}.panels.double{grid-template-columns:1fr}.panels.double .story-panel p{font-size:22px}.story-panel{min-height:320px}.reader-title h1{font-size:24px}}