.reader{background:#171b18;color:#fff;min-height:75vh;padding-bottom:35px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:14px max(18px,calc((100vw - 1250px)/2));border-bottom:1px solid #434640}.reader-toolbar strong{font-size:14px}.reader-toolbar button,.reader-controls select{border:1px solid #7b8278;border-radius:6px;background:#262e27;color:#fff;padding:8px}.reader-controls{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:15px}.reader-controls label{display:flex;align-items:center;gap:8px;font-size:13px}.reader-main{max-width:950px;margin:auto;padding:10px 16px}.reader-intro{text-align:center;padding:28px 0}.reader-intro span{letter-spacing:.17em;color:#F2D33C}.reader-intro p{color:#c5ccc2}.panels{display:flex;flex-direction:column;gap:20px;align-items:center;max-width:90%;margin:auto}.panel{margin:0;width:100%;max-width:100%;height:auto}.panel img{object-fit:contain;width:100%;height:auto}.text-panel{min-height:300px;padding:65px clamp(25px,8vw,80px);background:#FFFDF5;color:#242820;display:flex;flex-direction:column;justify-content:center;border:5px solid #F2D33C}.text-panel p{font-size:clamp(20px,2.8vw,32px);font-weight:750;line-height:1.6;color:#242820}.panel-index{font-size:11px;font-weight:900;letter-spacing:.15em;color:#315C43}.panels.single .panel,.panels.double .panel{display:none}.panels.single .panel.visible,.panels.double .panel.visible{display:flex}.panels.double{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.panels.double .panel{min-height:340px}.read-pagination{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;padding:30px 15px;font-size:14px}.read-pagination a{color:#F2D33C}.read-pagination span{color:#adb4ad}@media(max-width:700px){.panels{max-width:100%}.panels.double{grid-template-columns:1fr}.text-panel{min-height:240px}.reader-toolbar{justify-content:center}}