.page-read .site-header,.page-read .footer{background:#1a211b;color:#fff}.page-read main.wrap{max-width:1100px}.reader-top{text-align:center;margin:32px auto 20px}.reader-top h1{margin:5px;font-size:30px}.reader-top h2{font-size:18px;font-weight:500;margin:2px 0 25px}.reader-toolbar{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.reader-toolbar a,.reader-toolbar button,.reader-panel a,.reader-panel label{background:#fffdf5;border:1px solid #ced3c9;border-radius:5px;padding:9px 14px;color:#20231f}.reader-toolbar button{cursor:pointer}.reader-panel{margin:16px auto;padding:15px;max-width:750px;background:#e7efe7}.reader-panel[hidden]{display:none}.reader-panel a{display:inline-block;margin:5px}.reader-panel label{display:inline-flex;gap:8px;align-items:center;margin:5px}.reading-stage{background:#20231f;padding:24px 12px 34px;color:white;text-align:center}.reader-notice{font-size:12px;color:#ddd}.panels{max-width:85%;margin:0 auto;display:grid;gap:10px}.story-panel{min-height:300px;background:#fffdf5;color:#20231f;padding:30px 8%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;border:8px solid #f2d33c}.story-panel span{font-weight:900;color:#315c43;font-size:12px}.story-panel p{font-size:clamp(22px,2.5vw,35px);font-weight:750;line-height:1.5}.page-buttons{display:none;align-items:center;justify-content:center;gap:12px;margin-top:20px}.page-buttons button{background:#f2d33c;border:0;padding:10px}.page-buttons button:disabled{opacity:.4}.reading-stage.mode-single .story-panel,.reading-stage.mode-double .story-panel{display:none}.reading-stage.mode-single .story-panel.active,.reading-stage.mode-double .story-panel.active,.reading-stage.mode-double .story-panel.active-pair{display:flex}.reading-stage.mode-single .page-buttons,.reading-stage.mode-double .page-buttons{display:flex}.reading-stage.mode-double .panels{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-stage.mode-double .story-panel{min-height:300px}.reading-stage.mode-double .story-panel p{font-size:22px}.chapter-nav{display:flex;justify-content:space-between;gap:10px;margin:32px 0;flex-wrap:wrap}.chapter-nav a,.chapter-nav span{padding:12px;background:#fffdf5;border:1px solid #ddd}@media(max-width:760px){.reader-top h1{font-size:23px}.reading-stage{padding:10px 4px}.panels{max-width:100%!important}.story-panel{min-height:270px;padding:20px;border-width:4px}.reading-stage.mode-double .panels{grid-template-columns:1fr}.reading-stage.mode-double .story-panel.active-pair{display:none}.chapter-nav{font-size:12px}.reader-panel label{display:flex}}