:root{--navy:#063f78;--ink:#183c62;--gold:#c79635;--paper:#fffdf7}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% 15%,#f5f0df,#d9e7ef 70%,#c5d8e4);color:var(--ink);font-family:Georgia,"Times New Roman",serif}.reader-header{min-height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:9px clamp(14px,4vw,48px);background:#fffefdf2;border-bottom:1px solid #b9ccda;box-shadow:0 3px 12px #173e6520}.reader-header>div{text-align:center}.reader-header strong{display:block;color:var(--navy);font-size:1.15rem}.reader-header small{display:block}.return-link,.pdf-link{width:max-content;padding:8px 11px;border-radius:8px;text-decoration:none;color:var(--navy);background:#e7f1f8}.pdf-link{justify-self:end;background:#f2ead6;color:#624a20}.reader-shell{min-height:calc(100vh - 68px);padding:20px 16px 13px;display:flex;flex-direction:column;align-items:center}.book-stage{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px;flex:1}.book{height:min(68vh,720px);display:flex;justify-content:center;align-items:center;perspective:1600px;overflow:auto;overscroll-behavior:contain}.book.zoomed{justify-content:flex-start;align-items:flex-start}.book-page{display:block;height:100%;width:auto;max-width:50%;object-fit:contain;background:var(--paper);box-shadow:0 10px 28px #183c6250;transition:opacity .18s ease,transform .24s ease}.book.zoomed .book-page{max-width:none;flex:none}.left-page{transform-origin:right center;border-radius:7px 0 0 7px}.right-page{transform-origin:left center;border-radius:0 7px 7px 0}.book-page[hidden]{display:none}.book.turning .left-page{transform:rotateY(2deg)}.book.turning .right-page{transform:rotateY(-2deg)}.page-arrow{width:48px;height:64px;border:1px solid #afc4d3;border-radius:12px;background:#ffffffe8;color:var(--navy);font:normal 2.5rem/1 Georgia,serif;cursor:pointer;box-shadow:0 4px 12px #173e6520}.page-arrow:disabled,.reader-controls button:disabled,.zoom-controls button:disabled{opacity:.32;cursor:default}.reader-controls{display:grid;grid-template-columns:120px minmax(110px,auto) 120px;gap:18px;align-items:center;margin-top:12px}.reader-controls button{border:0;border-radius:8px;padding:10px 12px;background:var(--navy);color:#fff;font:inherit;cursor:pointer}.reader-controls span{text-align:center;font-weight:bold}.zoom-controls{display:flex;gap:5px;align-items:center;margin-top:9px}.zoom-controls button{min-width:42px;height:36px;border:1px solid #afc4d3;border-radius:7px;background:#fff;color:var(--navy);font:bold 1.1rem/1 Arial,sans-serif;cursor:pointer}.zoom-controls #zoom-reset{min-width:70px;font-size:.82rem}.reader-hint{margin:7px 0 0;font-size:.82rem;color:#5b7184;text-align:center}@media(max-width:720px){.reader-header{grid-template-columns:auto 1fr auto}.reader-header>div strong{font-size:.95rem}.reader-header>div small,.return-link span,.pdf-link span{display:none}.reader-shell{padding:12px 8px 9px}.book-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px}.book{height:min(63vh,650px)}.book-page{max-width:100%;border-radius:6px}.left-page{display:none!important}.page-arrow{width:36px;height:56px;font-size:2rem}.reader-controls{grid-template-columns:100px 1fr 100px;gap:8px;width:100%}.reader-controls button{padding:9px 5px;font-size:.86rem}.reader-hint{max-width:360px}}@media(max-height:620px) and (orientation:landscape){.book{height:55vh}.reader-hint{display:none}}