/* Reading-only presentation. Source metadata remains available in proofreading mode. */
:root{--sidebar-width:248px;--reader-height:100vh;--page-footer:52px}
@supports(height:100dvh){:root{--reader-height:100dvh}}
body:not(.proofreading) .row-info,body:not(.proofreading) #chapterNote,body:not(.proofreading) .alignment-note,
body:not(.proofreading) #reviewNext,body:not(.proofreading) #edit,.column-head{display:none}
body:not(.proofreading) .pair.flagged{border-left:0}
.cell::before{display:none!important}.cell.en{border-left:0}
.pair{padding:30px 0}.cell{padding:0 30px;line-height:var(--line-height)}
.cell+.cell:not(.other){border-left:1px solid var(--line)}
.cell.other{background:transparent}
body[data-column-order=en-zh] .pair{grid-template-columns:minmax(0,1fr) minmax(0,var(--zh-width))}
body[data-layout=stacked] .pair{grid-template-columns:minmax(0,1fr)}
body[data-layout=stacked] .cell{border:0;margin:0;padding:0 26px}
body[data-layout=stacked] .cell+.cell{border-left:0;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}
.chapter-intro{padding:48px 28px 30px}.chapter-intro .eyebrow{display:none}.chapter-intro h2{line-height:1.5}
#settings label.settings-check{display:flex;justify-content:space-between}#settings input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}
#settings select{font:inherit;padding:7px 5px;border-radius:5px}#settings{padding:22px;width:350px}
#settings label{margin-bottom:16px}#settings .setting-note{font-size:11px;color:var(--muted);line-height:1.7}
.paged{overflow:hidden}.paged .chapter-intro,.paged #rows,.paged .chapter-nav,.paged .alignment-note{display:none}
.paged #reading{padding:0}.paged #pager{position:fixed;left:var(--sidebar-width);right:0;top:0;height:calc(var(--reader-height) - var(--page-footer) - env(safe-area-inset-bottom,0px));padding:max(18px,env(safe-area-inset-top,0px)) 24px 12px;z-index:1;touch-action:pan-y pinch-zoom}
.page-sheet{display:flex;flex-direction:column;gap:18px;height:100%;max-width:var(--page-width);margin:0 auto;min-height:0}
.page-heading{font:500 22px/1.5 "Noto Serif CJK SC","Songti SC","SimSun",serif;margin:0;padding:0 4px;color:var(--accent);flex:none}
.page-content{display:grid;gap:18px;flex:1;min-height:0}
.page-panel{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:22px 26px;background:var(--paper);border:1px solid var(--line);border-radius:8px;touch-action:pan-y pinch-zoom}
.page-panel:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.page-panel .cell{padding:0!important;margin:0!important;border:0!important;background:transparent!important;font-size:var(--font-size);line-height:var(--line-height)}
.page-panel .cell p{white-space:pre-wrap}.page-panel .cell::before{display:none!important}
.pager-measure{position:fixed;left:-100000px;top:0;visibility:hidden;pointer-events:none;contain:layout style;z-index:-1}
.pager-measure .page-panel{overflow:visible}
.paged header{position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.paged:not(.controls-visible) header{visibility:hidden;pointer-events:none}
.paged footer{left:var(--sidebar-width);height:calc(var(--page-footer) + env(safe-area-inset-bottom,0px));padding:0 20px env(safe-area-inset-bottom,0px);z-index:4}
.paged footer>#saveState,.paged footer>#progress{display:none}
#pageControls{width:100%;display:flex;align-items:center;justify-content:space-between;max-width:var(--page-width);margin:auto;gap:16px}
#pageControls button{min-width:48px;min-height:44px;border:0;background:transparent;color:var(--accent);font-size:16px}
#pageControls #pagePosition{font-size:12px;letter-spacing:1px;color:var(--muted);min-width:110px}
.paged #remoteNotice{position:fixed;top:64px;left:calc(var(--sidebar-width) + 12px);right:12px;z-index:6;box-shadow:0 3px 15px #0001}
body.toc-hidden{--sidebar-width:0px}
@media(max-width:1050px) and (min-width:761px){:root{--sidebar-width:210px}}
@media(max-width:760px){:root{--sidebar-width:0px}.chapter-intro{padding:30px 16px 24px}.paged #pager{padding-left:14px;padding-right:14px}.page-panel{padding:18px 20px}.page-heading{font-size:20px}.paged footer{padding-left:14px;padding-right:14px}#sidebar{z-index:8}.paged #settings{top:64px;z-index:7}.cell{padding:0 20px}.pair{padding:26px 0}}
@media(max-width:600px){body:not([data-layout=columns]) .pair{grid-template-columns:minmax(0,1fr)}body:not([data-layout=columns]) .cell{border:0;margin:0;padding:0 22px}body:not([data-layout=columns]) .cell+.cell{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.chapter-intro h2{font-size:25px}.chapter-nav{margin-top:22px}body.proofreading #reviewNext{display:inline-block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}