.preface-scene .page{padding:clamp(20px,4svh,42px) clamp(22px,3vw,46px)}
.preface-prose{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7a17c transparent;padding:4px 5px 18px;font-size:clamp(18px,2.7svh,25px);line-height:1.95;color:#493725}
.preface-prose:focus{outline:none}.preface-prose:focus-visible{outline:1px solid #baa178}
.preface-prose h1{font-size:clamp(25px,4svh,38px);font-weight:400;letter-spacing:.4em;text-align:center;margin:0 0 1em}
.preface-prose p{margin:0 0 1.1em;text-align:justify}
.preface-ornament{display:block;text-align:center;color:#a28550;font-size:28px;margin:0 0 10px}
.preface-portuguese h2{font:14px var(--ui);font-weight:400;letter-spacing:.2em;color:#957c59;margin:20px 0 28px;text-align:center}
.preface-portuguese p{font:clamp(17px,2.5svh,24px)/1.8 Georgia,'Times New Roman',serif;color:#71583e;hyphens:auto}
@media(max-height:500px){.preface-scene .book-wrap{width:min(calc(100vw - 138px),220svh)}.preface-scene .page{padding:16px 20px 14px}.preface-prose{font-size:18px;line-height:1.7}.preface-prose h1{font-size:25px;margin-bottom:16px}.preface-ornament{font-size:20px;margin-bottom:5px}.preface-portuguese h2{margin:8px 0 20px}.preface-portuguese p{font-size:17px;line-height:1.55}}
@media(max-height:500px){.preface-ornament{display:none}.preface-prose p{margin-bottom:.65em}.preface-prose h1{margin-bottom:10px}}
.preface-prose p:last-child{margin-bottom:0}
/* Both leaves now carry the Chinese preface in reading order. */
.preface-continuation{display:flex;flex-direction:column;justify-content:safe center}
.preface-continuation{display:block}
.preface-heading-spacer{visibility:hidden}