@import url("../three-view.css?v=20261017");
:root{--green:#174e3c;--paper:#fbf9f3;--ink:#26251f;--warm:#d7c9a8;--footer-h:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-bottom:calc(var(--footer-h) + 12px);color:var(--ink);background:#efeee9;font-family:Georgia,"Times New Roman",serif}.reader-header{position:sticky;top:0;z-index:50;min-height:56px;background:#174e3c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 20px}.reader-heading small{font:12px/1.2 Arial,sans-serif;opacity:.85}.reader-heading h1{font:600 17px/1.25 Arial,sans-serif;margin:2px 0}.author-link,.reader-footer a{color:#d7e8c8}.reader-toolbar{position:sticky;top:56px;z-index:49;background:#f6f4ed;display:flex;align-items:center;gap:7px;padding:8px 12px;border-bottom:1px solid #d7d2c4;box-shadow:0 2px 5px #0001;font:14px Arial,sans-serif;overflow-x:auto}.reader-toolbar button,.reader-toolbar select{min-height:36px;border:1px solid #c8bea8;border-radius:4px;background:white;color:#174e3c;padding:6px 10px;white-space:nowrap}.reader-toolbar #contents{background:#174e3c;color:#fff}.mode-buttons{display:flex;gap:5px;align-items:center}.reader-toolbar [data-mode].on{background:#e4eadf}.reader-toolbar #orthography{white-space:nowrap;color:#56534b}.contents-panel{position:fixed;z-index:48;top:108px;left:12px;right:12px;max-height:70vh;overflow:auto;background:#fffdf8;border:1px solid #d7c9a8;border-radius:8px;box-shadow:0 8px 25px #0003;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.contents-panel[hidden]{display:none}.toc-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:8px 6px;color:#263a2c;text-decoration:none;border-bottom:1px dotted #c9c0ad}.toc-row:hover,.toc-row:focus{background:#f4f0e4}.toc-row b{font-weight:500}.book{max-width:900px;margin:18px auto 60px}.leaf{position:relative;margin:0 auto 18px;width:min(100%,760px);min-height:960px;background:var(--paper);border:1px solid #ded8cb;box-shadow:0 2px 9px #0001;padding:72px 78px 58px;scroll-margin-top:120px}.flow{font-size:18px;line-height:1.62;text-align:justify;hyphens:auto}.flow p{text-indent:1.35em;margin:0 0 .66em}.flow p:last-child{text-align:left}.flow h3,.section-head{text-align:center;text-indent:0;margin:1.2em 0 .8em;font-size:1.14em}.title-leaf .flow{min-height:820px}.title-composition{min-height:820px;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:95px}.title-composition p{text-indent:0}.title-author{font-size:23px}.title-composition h2{font-size:31px;line-height:1.25;margin:70px 0 18px;text-transform:uppercase}.title-edition{font-size:17px}.title-imprint{margin-top:auto;margin-bottom:38px}.editorial-note{font:12px Arial,sans-serif;color:#766}.printed-page{position:absolute;bottom:22px;left:0;right:0;text-align:center!important;text-indent:0!important;font-size:14px}.page-label{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#706c61;font:11px Arial,sans-serif}.footnotes{margin-top:1.2em;padding-top:.7em;border-top:1px solid #9a9487;width:31%;min-width:210px;font-size:.8em;line-height:1.22;text-align:left}.footnotes p{margin:0 0 .3em;text-indent:0}.footnote-ref a,.note-anchor{color:#216846;text-decoration:none}.footnote-ref a{font-size:.82em}.note-anchor{margin-right:.3em}.toc-title{text-align:center;margin:0 0 30px}.contentspage .flow{padding-top:25px}.contentspage .toc-list{display:flex;flex-direction:column}.contentspage .toc-row{font-size:15px}.scanpanel{display:none;max-width:900px;margin:18px auto 60px;text-align:center}.scanpanel img{display:block;max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;margin:auto;background:white;box-shadow:0 2px 9px #0002}.reader-footer{position:fixed;z-index:60;bottom:0;left:0;right:0;height:var(--footer-h);padding:0 14px;background:#faf9f4;border-top:1px solid #d7d2c4;display:flex;justify-content:space-between;align-items:center;font:12px Arial,sans-serif}.jump-pair{position:fixed!important;right:16px!important;bottom:calc(var(--footer-h) + 12px)!important;display:flex!important;flex-direction:column!important;gap:8px!important;z-index:65}.jump-pair button{width:44px!important;height:44px!important;background:#fff;border:1px solid #c8bea8;border-radius:5px;color:#174e3c;font-size:20px}.continuous-view .scanpanel{display:none}.paged-view .book{display:none}.paged-view .scanpanel{display:none}.scan-only .book{display:none}.scan-only .scanpanel{display:block}.compare .book,.compare .scanpanel{display:block}.compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px}.compare .book{margin:0;min-width:0}.compare .leaf:not(.active){display:none}.compare .leaf.active{width:100%;min-height:auto;padding:24px}.compare .flow{font-size:15px}.compare .scanpanel{margin:0;min-width:0}.compare .scanpanel img{max-height:none;width:100%}.contents-panel~main{}.vavin-reader{--footer-h:30px}#return-contents{position:fixed!important;z-index:65!important;left:14px!important;bottom:calc(var(--footer-h) + 12px)!important;background:#174e3c!important;color:white!important;border:0!important;border-radius:4px!important;padding:10px 14px!important;box-shadow:0 2px 8px #0003!important}#return-contents[hidden]{display:none!important}
@media(max-width:760px){:root{--footer-h:40px}.reader-header{top:0;padding:7px 10px}.reader-heading h1{font-size:14px}.reader-toolbar{top:54px;padding:6px}.reader-toolbar #status{display:none}.contents-panel{top:100px;grid-template-columns:1fr;max-height:68vh}.book{margin:10px auto 52px}.leaf{width:100%;min-height:calc(100svh - 150px);padding:36px 24px 54px;margin-bottom:12px}.flow{font-size:16px;line-height:1.55}.title-leaf .flow,.title-composition{min-height:calc(100svh - 190px)}.title-composition{padding-top:60px}.title-composition h2{font-size:25px;margin:48px 0 14px}.title-imprint{margin-top:auto}.footnotes{font-size:max(13px,.8em);min-width:0;width:45%}.compare{display:block;padding:8px}.compare .leaf.active{margin:0 auto 12px;padding:22px 20px}.compare .scanpanel{margin:0 auto 46px}.jump-pair{right:8px!important;bottom:calc(var(--footer-h) + 8px)!important}.jump-pair button{width:42px!important;height:42px!important}.reader-footer{padding:0 9px;font-size:10px}.reader-footer span{max-width:78%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.leaf{aspect-ratio:.645;min-height:0}.reader-quick-nav{display:none;position:fixed;z-index:65;right:16px;bottom:calc(var(--footer-h) + 12px);flex-direction:column;gap:8px}.continuous-reader-open .reader-quick-nav{display:flex}.reader-quick-nav button{width:44px;height:44px;background:#fff;border:1px solid #c8bea8;border-radius:5px;color:#174e3c;font-size:20px;box-shadow:0 2px 8px #0002}.toc-return{position:fixed!important;z-index:65!important;left:14px!important;bottom:calc(var(--footer-h) + 12px)!important;background:#174e3c!important;color:white!important;border:0!important;border-radius:4px!important;padding:10px 14px!important;box-shadow:0 2px 8px #0003!important}.toc-return[hidden]{display:none!important}@media(max-width:760px){.leaf{aspect-ratio:auto;min-height:calc(100svh - 150px)}.reader-quick-nav{right:8px;bottom:calc(var(--footer-h) + 8px)}.reader-quick-nav button{width:42px;height:42px}.toc-return{left:8px!important;bottom:calc(var(--footer-h) + 8px)!important}}
main.book-view{display:block!important;max-width:920px;margin:0 auto;padding:18px 20px 54px!important}main.book-view .book{display:block!important;margin:0 auto!important}main.book-view .leaf{display:none!important;width:min(100%,760px)!important;margin:0 auto!important;min-height:calc(100svh - 180px)!important}main.book-view .leaf.active{display:block!important}main.book-view .scanpanel{display:none!important}@media(max-width:760px){main.book-view{padding:10px 8px 52px!important}main.book-view .leaf{width:100%!important;min-height:calc(100svh - 150px)!important;padding:36px 24px 54px!important}}

/* Shared sticky rows use their actual heights, including the account header. */
.vavin-reader .reader-toolbar{top:var(--reader-header-height,56px)!important}.vavin-reader .contents-panel{top:calc(var(--reader-header-height,56px) + var(--reader-bar-height,52px) + 8px)!important;max-height:calc(100svh - var(--reader-header-height,56px) - var(--reader-bar-height,52px) - var(--library-footer-height,40px) - 28px)!important}.vavin-reader :is(.leaf,[id^="note-"],[id^="ref-"]){scroll-margin-top:calc(var(--reader-header-height,56px) + var(--reader-bar-height,52px) + 20px)!important}

/* Vavin: full-width notes, printed folios and title composition from the scans. */
body.vavin-reader main .leaf{container-type:inline-size;overflow:visible!important;height:auto!important;min-height:0!important;aspect-ratio:.645}
body.vavin-reader main .flow{height:auto!important;overflow:visible!important}
body.vavin-reader main .flow p{text-align:justify;text-align-last:left}
body.vavin-reader main .flow>.printed-page{position:static!important;inset:auto!important;display:block!important;width:100%!important;margin:0 0 1.5em!important;text-align:center!important;text-align-last:center!important;font-size:.85em!important;line-height:1.3!important}
body.vavin-reader main .flow>.printed-page::after{display:none!important}
body.vavin-reader main .footnotes{position:relative;width:100%!important;min-width:0!important;border:0!important;padding-top:14px;margin-top:22px;font-size:14px;line-height:1.4;text-align:justify}
body.vavin-reader main .footnotes::before{content:"";position:absolute;top:0;left:0;width:24%;max-width:145px;border-top:1px solid #9a9487}
body.vavin-reader main .footnotes p{margin:0 0 .55em!important;text-indent:1em!important;text-align:justify!important;text-align-last:left!important}
body.vavin-reader main #page-2 .flow{padding-top:clamp(50px,22cqw,165px)!important}
body.vavin-reader main #page-2 .flow>h3{margin:0 0 1.3em!important;font-size:1.4em!important}
body.vavin-reader main .title-leaf .flow{min-height:0!important;padding:0!important;text-align:center!important}
body.vavin-reader main .title-composition{display:grid;grid-template-rows:1fr 2.2fr 1.5fr 1.8fr;align-items:center;justify-items:center;min-height:max(640px,calc(155cqw + 60px));padding:0!important;text-align:center!important;gap:20px}
body.vavin-reader main .title-composition p,body.vavin-reader main .title-composition h2{margin:0!important;padding:0!important;text-indent:0!important;text-align:center!important;text-align-last:center!important;hyphens:none}
body.vavin-reader main .title-author{font-size:23px!important;font-weight:600;font-style:italic;text-decoration:underline;text-underline-offset:6px}
body.vavin-reader main .title-composition h2{font-size:clamp(25px,5cqw,34px)!important;line-height:1.25!important;letter-spacing:.02em}
body.vavin-reader main .title-edition{font-size:16px!important;font-variant:small-caps;line-height:1.5}
body.vavin-reader main .title-imprint{font-size:14px!important;line-height:1.6!important;align-self:end;padding-bottom:34px!important}
body.vavin-reader main .title-imprint span{font-size:1.15em;letter-spacing:.05em}
body.vavin-reader main .contentspage{height:auto!important;min-height:0!important;padding:54px 48px 70px!important;overflow:visible!important}
body.vavin-reader main .contentspage .flow{height:auto!important;min-height:0!important;overflow:visible!important}
body.vavin-reader main .contentspage .printed-page{margin-top:2em!important}
@media(max-width:760px){
body.vavin-reader main .footnotes{font-size:14px;line-height:1.45}
body.vavin-reader main .title-composition{min-height:620px;gap:22px}
body.vavin-reader main .title-author{font-size:21px!important}
body.vavin-reader main .title-composition h2{font-size:25px!important}
body.vavin-reader main .title-imprint{font-size:13px!important}
body.vavin-reader main .contentspage{padding:36px 24px 60px!important}
}
