body.is-reading{background:#151b17;color:#ecefe7}.reader{max-width:1400px;margin:auto}.reader-top{position:sticky;z-index:50;top:0;display:flex;align-items:center;gap:17px;padding:12px 24px;background:#202e24;border-bottom:1px solid #49604c;flex-wrap:wrap}.reader-top>a{color:#e6dd9f;font-size:13px;font-weight:800}.reader-top>div{margin:auto;display:flex;gap:14px;align-items:center}.reader-top strong{font-size:15px}.reader-top span{font-size:12px;color:#c0cfc1}.reader-top button,.reader-options button,#reader-fit{color:#ecf3e6;border:1px solid #65856c;background:#32513a;border-radius:6px;padding:8px 13px;font-size:12px}.reader-drawer{position:fixed;top:62px;right:16px;background:#25352a;z-index:60;padding:22px;border:1px solid #7c927e;border-radius:10px;width:min(350px,calc(100vw - 30px));max-height:75vh;overflow-y:auto}.reader-drawer[hidden]{display:none}.reader-drawer h2{margin:0 0 14px;font-size:19px}.reader-drawer a{display:block;padding:9px;border-bottom:1px solid #4e6651;font-size:14px}.reader-drawer a.current{color:#f2d33c}.reader-options{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.reader-options button.active{background:#f2d33c;color:#1c281d}.reader-drawer label{display:block;font-size:13px}.reader-drawer input{width:100%;margin:16px 0}.reading-progress{height:4px;background:#394d3d;position:sticky;top:62px;z-index:49}.reading-progress div{height:100%;width:0;background:#f2d33c}.reader-heading{text-align:center;padding:50px 20px 25px}.reader-heading span{font-size:11px;font-weight:900;letter-spacing:.2em;color:#e3ca72}.reader-heading h1{font-size:32px;margin:6px}.reader-heading p{color:#aebcae;font-size:13px}.panels{width:min(820px,100%);margin:auto;display:grid;gap:8px;transition:width .2s}.panel{background:#f6f4e7;color:#1d271e;min-width:0}.panel-inner img{display:block;width:100%;height:auto}.panel-text{position:relative;min-height:425px;display:flex;flex-direction:column;justify-content:space-between;padding:35px 50px;background:radial-gradient(circle at 85% 72%,rgba(242,211,60,.25),transparent 24%),linear-gradient(147deg,#fffdf3,#d8e6d5)}.panel:nth-child(2n) .panel-text{background:radial-gradient(circle at 10% 20%,rgba(65,105,168,.25),transparent 24%),linear-gradient(147deg,#f3f5ed,#e3e5d7)}.panel-text small{font-size:11px;letter-spacing:.2em;color:#52694e;font-weight:900}.panel-text p{font-size:clamp(22px,3vw,36px);font-weight:900;line-height:1.6;max-width:580px;letter-spacing:.03em}.panel-text span{font-size:10px;color:#687967}.reader-foot{max-width:820px;margin:35px auto;display:flex;gap:10px;justify-content:space-between;padding:0 14px}.reader-foot a{padding:11px 18px;border:1px solid #728471;border-radius:7px;font-size:13px;font-weight:800}.reader-foot .disabled{opacity:.35;pointer-events:none}.reader-disclaimer{text-align:center;color:#a5baa4;font-size:12px;padding:20px}.panels.mode-single .panel,.panels.mode-double .panel{display:none}.panels.mode-single .panel.active-panel,.panels.mode-double .panel.active-panel,.panels.mode-double .panel.active-panel + .panel{display:block}.panels.mode-double{width:min(1200px,100%);grid-template-columns:repeat(2,minmax(0,1fr))}.panels.mode-double .panel-text{min-height:400px;padding:25px}.panels.mode-double .panel-text p{font-size:22px}.reader-drawer a:focus-visible,.reader-top button:focus-visible{outline:3px solid #f2d33c}@media(max-width:650px){.reader-top{padding:8px 10px;gap:8px}.reader-top>div{order:3;flex-basis:100%;justify-content:center}.reader-top button{padding:6px;font-size:11px}.reading-progress{top:91px}.reader-drawer{top:92px}.reader-heading{padding:30px 12px 16px}.reader-heading h1{font-size:24px}.panel-text{min-height:450px;padding:24px}.panel-text p{font-size:25px}.panels.mode-double{display:grid;grid-template-columns:1fr}.panels.mode-double .panel.active-panel + .panel{display:none}.reader-foot a{padding:10px 8px}}