body.reading{background:#111511;color:#f1eee4}.reading .site-header,.reading .site-footer{display:none}.reader{max-width:1200px;padding:15px;margin:auto}.reader-top{position:sticky;top:0;z-index:10;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:13px 16px;background:#263d2d;flex-wrap:wrap}.reader-top strong{flex:1;text-align:center}.reader-top button,.reader-controls button{background:#f2d33c;color:#111;border:0;border-radius:4px;padding:9px}.reader-controls{padding:15px;background:#263d2d;display:flex;gap:15px;flex-wrap:wrap}.reader-controls[hidden]{display:none}.reader-controls select{padding:6px}.reader-controls a{padding:5px 9px;border:1px solid #687b66}.reader-chapter{text-align:center;padding:36px 15px}.reader-chapter h1{font-size:32px}.reader-chapter p{color:#b9c7b7}.panels{max-width:86%;margin:auto;display:flex;flex-direction:column;gap:8px}.panel-body img{width:100%;height:auto}.text-panel{border:4px solid #f2d33c;background:#fffdf5;color:#162016;min-height:360px;padding:12%;display:flex;flex-direction:column;justify-content:space-between}.text-panel small{font-weight:900;letter-spacing:.15em;color:#315c43}.text-panel p{font-size:clamp(20px,3vw,36px);font-weight:800;line-height:1.65}.panels[data-mode="single"] .panel,.panels[data-mode="double"] .panel{display:none}.panels[data-mode="single"] .panel.active{display:block}.panels[data-mode="double"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.panels[data-mode="double"] .panel.active{display:block}.reading-progress{max-width:850px;margin:25px auto;text-align:center}.reading-progress>div{background:#627065;height:6px}.reading-progress i{display:block;width:0;height:100%;background:#f2d33c}.reader-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 70px}.reader-next a:not(.btn){text-decoration:underline}@media(max-width:700px){.reader{padding:0}.reader-top{gap:8px;font-size:12px}.reader-top strong{order:3;width:100%;flex:none}.panels{max-width:100%!important}.panels[data-mode="double"]{display:block}.text-panel{min-height:300px}.reader-chapter h1{font-size:25px}.reader-next{padding:0 16px}}