*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#e9e3d8;color:#211f1c;font:14px/1.45 Arial,sans-serif;padding-bottom:44px}
.bar{position:sticky;display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;padding:8px clamp(10px,2vw,24px);background:#f7f2e7;border-bottom:1px solid #c9bead;box-shadow:0 2px 5px #0001}
.bar button,.bar select{min-height:36px;padding:7px 10px;border:1px solid #c5b9a6;border-radius:4px;background:#fffdf8;color:#273d34;font:13px Arial,sans-serif;cursor:pointer}.bar button.on,.bar button:first-child{background:#315f52;color:#fff;border-color:#315f52}.bar button:disabled{opacity:.45;cursor:default}.mode-buttons{display:flex;gap:6px;flex-wrap:wrap}.bar #status{font-size:12px;color:#6a5b49;white-space:nowrap}
.reader-main{display:flex;align-items:flex-start;justify-content:center;gap:20px;padding:24px max(16px,calc((100vw - 1400px)/2));min-height:calc(100vh - var(--reader-header-height,142px) - var(--reader-bar-height,56px));padding-bottom:60px}.book{width:min(700px,calc(100vw - 40px));flex:0 1 700px}.leaf{position:relative;margin:0 auto 24px;scroll-margin-top:calc(var(--reader-header-height,142px) + var(--reader-bar-height,56px) + 12px)}.leaf-paper{min-height:0;aspect-ratio:var(--page-aspect,.68);padding:54px clamp(26px,6.8vw,68px) 50px;background:#fffdf8;border:1px solid #d7cbb7;box-shadow:0 8px 22px #1b1b1b17;font:18px/1.42 Georgia,"Times New Roman",serif;display:flex;flex-direction:column}.transcription{flex:1;min-height:0;display:flex;flex-direction:column}.transcription p{margin:0 0 1em;text-indent:1.15em;text-align:justify;text-align-last:left;hyphens:auto}.transcription p.numbered-paragraph{padding-left:1.2em;text-indent:-1.2em}.transcription h2,.transcription h3{font-family:Georgia,"Times New Roman",serif;text-align:center;font-weight:400;text-indent:0;margin:1.2em 0}.transcription h2{font-size:1.15em}.transcription h3{font-size:1.05em}.transcription .running-head{font-size:.82em;text-align:center;text-indent:0;letter-spacing:.06em}.title-leaf .leaf-paper,.imprint-leaf .leaf-paper{display:flex;align-items:center;justify-content:center;text-align:center}.title-leaf .transcription,.imprint-leaf .transcription{width:100%;min-height:0;flex:none}.title-leaf .transcription p,.imprint-leaf .transcription p{text-align:center;text-indent:0;margin:1.05em 0}.title-leaf .transcription p:nth-child(2){font-size:1.36em;text-transform:uppercase}.leaf-label{margin:8px 2px 0;text-align:right;color:#877866;font:11px Arial,sans-serif;flex:none}
.footnotes{position:relative;margin-top:auto;padding-top:14px;font:0.8em/1.2 Georgia,"Times New Roman",serif;flex:none}.footnotes:before{content:"";position:absolute;top:4px;left:0;width:30%;border-top:1px solid #463f35}.footnotes p{font-size:inherit;line-height:inherit;text-indent:1em;text-align:justify;text-align-last:left;margin:0 0 .35em;scroll-margin-top:calc(var(--reader-header-height,142px) + var(--reader-bar-height,56px) + 16px)}.fn-ref,.fn-back{color:#315f52;text-decoration:none}.fn-ref sup{font-size:.72em;vertical-align:super}.fn-back{white-space:nowrap}.fn-ref:focus,.fn-back:focus{outline:2px solid #9a743b;outline-offset:2px}
.scan-panel{display:none;position:sticky;top:calc(var(--reader-header-height,142px) + var(--reader-bar-height,56px) + 16px);width:min(700px,calc(50vw - 28px));flex:0 1 700px;padding:10px;background:#f8f4ec;border:1px solid #d7cbb7;box-shadow:0 8px 22px #1b1b1b17}.scan-window{width:100%;overflow:hidden;background:white}.scan-window img{display:block;width:100%;height:auto}.scan-window.spread img{width:200%;max-width:none}.scan-window.right img{transform:translateX(-50%)}
.reader-main.continuous .scan-panel{display:none}.reader-main.book-mode .leaf:not(.active),.reader-main.compare-mode .leaf:not(.active){display:none}.reader-main.book-mode .scan-panel,.reader-main.scan-mode .scan-panel,.reader-main.compare-mode .scan-panel{display:block}.reader-main.scan-mode .book{display:none}.reader-main.compare-mode .book{width:min(700px,calc(50vw - 35px));flex-basis:700px}.reader-main.compare-mode .leaf-paper{padding-left:clamp(20px,4vw,52px);padding-right:clamp(20px,4vw,52px);font-size:16px;line-height:1.38}
.contents-panel{position:fixed;inset:14vh max(16px,calc((100vw - 760px)/2));max-height:72vh;width:auto;overflow:auto;border:1px solid #cbbda8;padding:20px 24px;background:#fffdf8;color:#28251f;box-shadow:0 14px 42px #0005}.contents-panel::backdrop{background:#16221db3}.contents-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.contents-top h2{font:24px Georgia,serif;margin:0}.contents-top button{border:1px solid #c5b9a6;background:#f9f4ea;padding:8px 12px;cursor:pointer}.contents-panel nav{display:grid;gap:7px;margin-top:16px}.contents-panel nav a{display:block;padding:9px 11px;color:#315f52;border-bottom:1px solid #e7dfd2;text-decoration:none}.contents-panel nav a:hover{background:#f5efe3}
.bottom-dock{position:fixed;z-index:130;left:0;right:0;bottom:40px;pointer-events:none}.bottom-dock button{pointer-events:auto}.return-contents{position:absolute;left:16px;bottom:0;border:0;border-radius:7px;padding:11px 15px;background:#315f52;color:#fff;font:600 13px Arial,sans-serif;box-shadow:0 3px 12px #0003;cursor:pointer}.quick-nav{position:absolute;right:14px;bottom:0;display:none;flex-direction:column;gap:7px}.quick-nav button{width:44px;height:44px;border:1px solid #c5b9a6;border-radius:8px;background:#fffdf8;color:#315f52;font:22px/1 Arial,sans-serif;box-shadow:0 3px 12px #0002;cursor:pointer}.bottom-dock.show-arrows .quick-nav{display:flex}.reader-main{scroll-margin-top:calc(var(--reader-header-height,142px) + var(--reader-bar-height,56px) + 12px)}
@media(max-width:740px){body{padding-bottom:52px}.bar{justify-content:flex-start;gap:4px;padding:6px}.bar button,.bar select{min-height:36px;padding:6px 8px;font-size:12px}.mode-buttons{gap:4px}.bar #status{display:none}.reader-main{display:block;padding:12px 10px 62px}.book,.reader-main.compare-mode .book{width:min(100%,700px)}.leaf-paper{padding:34px 24px 42px;font-size:16px;line-height:1.4}.reader-main.compare-mode .scan-panel{position:static;width:min(100%,700px);margin:14px auto 0}.reader-main.scan-mode .scan-panel{position:static;width:min(100%,700px);margin:auto}.reader-main.compare-mode .leaf-paper{font-size:15px;padding:30px 20px 42px}.contents-panel{inset:10px;max-height:calc(100dvh - 20px);padding:18px}.bottom-dock{bottom:54px}.return-contents{left:10px;bottom:0;padding:10px 12px}.quick-nav{right:10px;bottom:0}.quick-nav button{width:42px;height:42px}.footnotes{font-size:max(13px,.8em)} }
@media(max-width:430px){.leaf-paper{padding-left:18px;padding-right:18px;font-size:15px}.reader-main.compare-mode .leaf-paper{font-size:14px}.bar #sel{max-width:145px}}
