:root{--green:#263a32;--green-light:#315f52;--cream:#f3eee4;--paper:#fffdf6;--ink:#25251f;--border:#c7bca9}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Times New Roman',Georgia,serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ad8541;outline-offset:2px}
.bar{position:sticky;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px clamp(14px,3vw,48px);background:#f9f5ed;border-bottom:1px solid var(--border);font:13px/1.2 Arial,sans-serif}.bar button,.bar select{min-height:38px;border:1px solid #c9beab;border-radius:4px;background:white;color:var(--green);padding:7px 10px}.bar #contents,.bar [data-mode].on,.bar #orthography[aria-pressed=true]{background:var(--green-light);color:white;border-color:var(--green-light)}.bar #sel{max-width:145px}.mode-buttons{display:flex;gap:5px;flex-wrap:wrap}.bar #status{white-space:nowrap;font-size:12px}.series{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:12px;font:13px Arial,sans-serif}.series a{color:var(--green-light)}.series [aria-current]{font-weight:bold}
main{max-width:1460px;margin:auto;padding:20px 76px 150px;display:flex;gap:24px;align-items:flex-start;justify-content:center}.book{min-width:0;width:min(100%,760px)}.leaf{container-type:inline-size;margin:0 auto 30px;scroll-margin-top:calc(var(--reader-header-height,142px) + var(--reader-bar-height,56px) + 18px)}.leaf-paper{width:100%;min-height:155cqw;padding:8% 10% 7%;background:var(--paper);border:1px solid #e0d8c9;box-shadow:0 7px 24px #342f231d;display:flex;flex-direction:column;overflow:visible}.flow{flex:1 0 auto;display:flex;flex-direction:column;max-width:100%;font-size:19px;line-height:1.42;overflow-wrap:break-word}.flow>*{flex-shrink:0}.flow p{margin:0 0 .65em;text-indent:1.5em;text-align:justify;text-align-last:left}.flow h2,.flow h3,.flow h4{margin:1.1em 0 .65em;text-align:center;line-height:1.3;text-indent:0}.flow h2{font-size:1.3em}.flow h3{font-size:1.08em}.flow .printed-folio{text-align:center;margin-bottom:1.25em;font-size:.85em}.printer-signature{font-size:.7em}.flow .footnotes{margin-top:auto;padding-top:.75em;font-size:15px;line-height:1.25}.footnotes:before{content:'';display:block;width:29%;border-top:1px solid #80796e;margin-bottom:.6em}.flow .footnotes p{font-size:inherit;border:0;margin:0 0 .35em;text-indent:1.4em}.note-ref,.note-back{color:var(--green-light);text-decoration:none;font-weight:normal}.note-ref{vertical-align:super;font-size:.8em}.note-ref:focus,.note-back:focus{outline:2px solid #ad8541}.flow [id]{scroll-margin-top:calc(var(--reader-header-height,142px) + var(--reader-bar-height,56px) + 18px)}.leaf-label{text-align:right;padding:7px 3px 0;color:#5b5b52;font:12px Arial,sans-serif}
.title-composition{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:5%;min-height:125cqw}.title-composition h2{font-size:2em;letter-spacing:.12em;margin:0 0 .8em}.title-composition h3{font-size:1.45em;line-height:1.4;font-weight:normal;margin:1.3em 0}.title-composition p{margin:.5em 0;text-align:center;text-indent:0;text-align-last:center}.title-author{margin:2em 0!important;letter-spacing:.15em;font-weight:bold}.title-part{font-size:1.25em;font-weight:bold;margin:2em 0!important}.title-imprint{margin-top:auto;font-size:.85em;line-height:1.5;padding-top:3em}.permission-leaf .flow,.chapter-leaf .flow,.device-leaf .flow{justify-content:center}.chapter-leaf .flow p{text-align:center;text-align-last:center;text-indent:0}.permission-leaf .flow p{text-align:center;text-align-last:center;text-indent:0;font-size:.8em}.printer-device{text-align:center}.printer-device img{width:130px;height:auto}.printer-device p{text-align:center;text-align-last:center;text-indent:0;font-size:.7em}
.toc{display:grid;gap:9px}.toc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;color:var(--ink);text-decoration:none;line-height:1.3}.toc-row:hover{color:var(--green-light);text-decoration:underline}.toc-row b{font-weight:normal;white-space:nowrap}.contents-leaf .flow{font-size:16px}.contents-leaf .flow h2{margin-top:0}.historical-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.8em;line-height:1.35;overflow-wrap:anywhere}.historical-table td{padding:.6em .3em;text-align:left;vertical-align:top}.historical-table tr:first-child{font-weight:bold}.errata-leaf .flow{justify-content:center}
.scan{display:none;min-width:0;width:min(100%,760px);position:static;overflow:visible}.scan img{display:block;width:100%;height:auto;background:white;box-shadow:0 5px 20px #342f2330}body[data-mode=book] .leaf:not(.active),body[data-mode=compare] .leaf:not(.active){display:none}body[data-mode=scan] .book{display:none}body[data-mode=scan] .scan{display:block}body[data-mode=compare] .scan{display:block;width:50%}body[data-mode=compare] .book{width:50%}body[data-mode=compare] main{padding-left:30px;padding-right:30px}body:not([data-mode=continuous]) .jump-pair{display:none}
.contents-panel{position:fixed;z-index:200;inset:0 auto 0 0;width:min(520px,100vw);overflow:auto;background:#fcf8ef;border-right:1px solid var(--border);box-shadow:12px 0 34px #1c2b2580;padding:20px 24px 75px;font:15px/1.45 Arial,sans-serif}.contents-panel[hidden]{display:none}.contents-panel h2{font:25px Georgia,serif;color:var(--green)}.contents-panel a{padding:10px 0;border-bottom:1px solid #e1d8c8;color:var(--green)}.contents-panel button{padding:8px 14px;border:1px solid var(--green-light);background:var(--green-light);color:white;border-radius:4px}
#return-contents,.jump-pair{position:fixed;z-index:110;bottom:calc(var(--site-footer-height,40px) + 16px + env(safe-area-inset-bottom,0px))}#return-contents{left:18px;padding:11px 14px;border:1px solid #26483e;border-radius:6px;background:var(--green-light);color:white;box-shadow:0 3px 12px #13251c44;font:600 13px Arial,sans-serif}#return-contents[hidden]{display:none}.jump-pair{right:18px;display:flex;flex-direction:column;gap:8px}.jump-pair button{width:44px;height:44px;border:1px solid #b8a98f;border-radius:6px;background:#fffdf8;color:var(--green);box-shadow:0 3px 12px #13251c35;font:26px/1 Arial,sans-serif}
@media(max-width:880px){body[data-mode=compare] main{display:block}body[data-mode=compare] .book,body[data-mode=compare] .scan{width:min(100%,680px);margin:auto}body[data-mode=compare] .scan{margin-top:18px}}
@media(max-width:600px){.bar{gap:6px;padding:8px 12px}.bar button,.bar select{min-height:36px;padding:6px}.mode-buttons{order:2;width:100%}.mode-buttons button{flex:1;white-space:nowrap}.bar #orthography{order:3}main,body[data-mode=compare] main{padding:14px 18px 165px}.leaf-paper{padding:8% 8% 7%}.flow{font-size:17px;line-height:1.4}.flow .footnotes{font-size:13.5px;line-height:1.3}.title-composition h2{font-size:1.6em}.title-composition h3{font-size:1.15em}.title-author,.title-part{margin:1.5em 0!important}.contents-leaf .flow{font-size:15px}.toc-row{gap:8px}.series{gap:12px}.jump-pair{right:10px}#return-contents{left:10px;max-width:calc(100vw - 80px)}}
.grimm-reader .bar button[data-retired-book-control]{display:inline-flex!important}.grimm-reader .bar #sel{max-width:170px}
html:root body.grimm-reader .bar #contents{background:#315f52!important;color:#fff!important;border-color:#315f52!important}body.grimm-reader .series{display:flex!important}