.whole-book{display:grid;grid-template-columns:minmax(175px,245px) minmax(0,1fr);gap:clamp(18px,4vw,48px);align-items:start}
.reader-intro{padding-top:2px}
.reader-intro h3{font-size:clamp(26px,3vw,40px)}
.reader-intro p{margin:14px 0 20px;color:var(--muted);line-height:1.65}
.reader-tabs,.proof-actions,.proof-selections{display:flex;flex-wrap:wrap;gap:8px}
.reader-tabs button,.proof-actions button,.proof-selections button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:7px;padding:7px 13px;font:inherit;font-weight:700;font-size:14px}
.reader-tabs button[aria-pressed="true"],.proof-actions button[aria-pressed="true"]{color:#fff;background:var(--ink);border-color:var(--ink)}
.whole-book figure{display:grid;justify-items:center;gap:8px;min-width:0}
.whole-book figcaption{font-size:15px;line-height:1.45;text-align:center}
.whole-book figcaption b{color:var(--blue);margin-right:5px}
.whole-book .full-folio{position:relative;width:min(100%,max(280px,42vh));display:block;border:1px solid #dce2e9;background:white}
.full-folio>img{display:block;width:100%;height:auto;aspect-ratio:1280/1810}
.full-folio .paper-marker{position:absolute;pointer-events:none;background:rgba(255,222,37,.52);mix-blend-mode:multiply}
.sheet-detail{display:block;position:relative;width:100%;line-height:0}
.sheet-detail>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.sheet-detail .paper-marker,.sheet-detail .paper-box{position:absolute;pointer-events:none;display:block}
.sheet-detail .paper-marker{background:rgba(255,222,37,.52);mix-blend-mode:multiply}
.sheet-detail .paper-box{border:2px solid #2160d5;box-shadow:0 0 0 1px #fff;border-radius:3px}
.reader-detail{width:min(100%,850px);margin:auto}
.proof-sheet,.proof-full{display:block;width:min(100%,335px);margin:auto;background:white;border:1px solid var(--line);padding:0}
.proof-full{width:min(100%,max(320px,48vh))}
.proof-actions{margin-top:16px}
.proof-selections{margin-top:22px}
.proof-selections button{background:transparent;color:var(--muted);border-color:transparent;border-radius:0;padding:5px 0;margin-right:10px}
.proof-selections button[aria-pressed="true"]{color:var(--blue);border-bottom:2px solid var(--blue)}
.flip-back .sheet-detail,.accure .sheet-detail{display:inline-block;vertical-align:top}
.flip-back .zoom,.accure .zoom{padding:0;border:0}
@media(max-width:650px){
  .whole-book{grid-template-columns:minmax(0,1fr);gap:12px}
  .whole-book .full-folio{width:min(100%,max(285px,44vh))}
  .reader-intro p{font-size:14px;line-height:1.5;margin:6px 0 10px}
  .reader-tabs{gap:5px}
  .reader-tabs button{padding:5px 8px;font-size:12px}
  .whole-book figcaption{font-size:13px}
  .proof-sheet{width:min(100%,320px)}
}

.full-folio .paper-box{position:absolute;pointer-events:none;border:2px solid #2766c8;border-radius:3px}.reader-intro .point-key{margin-top:18px;border-left:3px solid #2766c8;padding-left:9px;color:#245db1;font-weight:750;font-size:14px}