/* Preview reading layout follows Studio; original page artwork remains untouched. */
body.surface-viewer .preview-main{max-width:1160px;margin:auto;padding:24px 28px 64px;color:var(--ink,#392438)}
body.surface-viewer .preview-main h1{font-family:inherit;font-size:clamp(30px,4vw,50px);line-height:1.13;letter-spacing:-.03em;max-width:22ch;margin:20px 0 16px}
body.surface-viewer .preview-source{max-width:65ch;color:var(--muted,#665163);font-size:17px;margin:0 0 12px}
body.surface-viewer .preview-state{font-size:14px;font-weight:700;margin:0 0 16px;color:var(--muted,#665163)}
body.surface-viewer .original-view{margin:0 0 36px;border-block:1px solid var(--line,#ddcdbc);background:transparent;color:inherit}
body.surface-viewer .original-view>summary{cursor:pointer;min-height:52px;padding:14px 4px;font-weight:700;font-size:17px}
body.surface-viewer .viewer-controls{margin:12px 0;gap:8px}
body.surface-viewer .viewer-controls[hidden],body.surface-viewer .preview-reading[hidden]{display:none!important}
body.surface-viewer .viewer-controls button{font-family:inherit;font-size:14px;min-height:44px;border:1px solid var(--line,#ddcdbc);background:var(--paper,#fffcf5);color:var(--ink,#392438);border-radius:8px;padding:10px 14px}
body.surface-viewer .viewer-controls button:hover{background:var(--field,#f4eee4)}
body.surface-viewer .viewer-controls button[aria-pressed="true"]{border-color:currentColor;font-weight:800}
body.surface-viewer #zoom-status{font-variant-numeric:tabular-nums;font-size:14px}
body.surface-viewer :is(#viewer-help,.viewer-original){font-size:15px;color:var(--muted,#665163)}
body.surface-viewer .viewer-canvas{height:min(72dvh,850px);min-height:260px;background:var(--field,#f4eee4);border-radius:8px;scrollbar-color:var(--muted,#665163) var(--field,#f4eee4);overflow:auto;overscroll-behavior:contain}
body.surface-viewer .viewer-canvas img{max-width:100%;height:auto;display:block;margin:0 auto}
body.surface-viewer .viewer-canvas[data-zoom-ready] img{max-width:none}
body.surface-viewer .viewer-original a{display:inline-flex;align-items:center;min-height:44px}
body.surface-viewer .preview-reading{font-size:18px;line-height:1.7;max-width:70ch;margin:0 auto}
body.surface-viewer .preview-reading p{font-size:inherit;line-height:inherit;margin:0 0 20px}
body.surface-viewer .preview-reading h2{font-size:22px;line-height:1.3;margin:32px 0 8px;letter-spacing:-.02em}
body.surface-viewer .reading-sequence{padding-left:2em;margin:28px 0 40px}
body.surface-viewer .reading-sequence li{padding:16px 0 16px 10px;border-bottom:1px solid var(--line,#ddcdbc)}
body.surface-viewer .reading-sequence li::marker{font-weight:800;color:var(--ink,#392438);font-variant-numeric:tabular-nums}
body.surface-viewer .reading-sequence li h2{margin:0 0 5px}
body.surface-viewer .reading-sequence li p{margin:0}
body.surface-viewer .reading-chain{font-weight:700}
body.surface-viewer .viewer-return{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
body.surface-viewer .preview-bottom{margin-top:32px}
body.surface-viewer :is(a,button,summary,.viewer-canvas):focus-visible{outline:3px solid var(--ink,#513764);outline-offset:4px}
@media(max-width:600px){body.surface-viewer .preview-main{padding:16px 20px 44px}body.surface-viewer .preview-reading{font-size:18px}body.surface-viewer .reading-sequence{padding-left:1.7em}body.surface-viewer .original-view{margin-bottom:28px}}

body.surface-viewer :is(.preview-main,.original-view,.viewer-canvas,.preview-reading){box-shadow:none;text-shadow:none}
html:root[data-reader-theme="night"] :is(body#aiv-publication#aiv-publication#aiv-publication#aiv-publication,body.studio).surface-viewer .preview-main a{color:#f8e69e!important;-webkit-text-fill-color:currentColor!important}