/* V1.1: fill the available reading frame with native ruby layout, then page. */
.reader-wrap{padding:12px 22px 18px;min-height:0}
.scripture{line-height:1.7;letter-spacing:.035em}
.scripture.vertical,.scripture.horizontal{height:clamp(350px,52vh,600px);min-height:350px;max-height:none;padding:10px 6px;overflow:auto}
.scripture.horizontal{line-height:2;overflow-wrap:anywhere}
.scripture .reading-char{break-inside:avoid}
#reading-position{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.02em}
.focus-mode .reader-wrap{padding-inline:14px}
.focus-mode .scripture.vertical,.focus-mode .scripture.horizontal{height:clamp(400px,66vh,820px);min-height:400px}
@media(min-width:1700px){.reader-wrap{padding-inline:28px}}
@media(max-width:780px){.reader-wrap{padding:8px 12px 16px}.scripture.vertical,.scripture.horizontal{height:clamp(350px,53vh,530px);min-height:350px}.focus-mode .scripture.vertical,.focus-mode .scripture.horizontal{height:65vh;min-height:350px}}