/* ON6UHF v4.3.115 - schermvullende boekpagina zonder interne scrollbar */
.book-stage{padding-top:.65rem;padding-bottom:.65rem}
.intro{margin-bottom:.55rem}
.intro h1{font-size:clamp(1.55rem,2.8vw,2.65rem);margin:.15rem}
.intro p{margin:.2rem}
.book-shell{grid-template-columns:52px minmax(0,1100px) 52px}
.book{height:clamp(610px,calc(100dvh - 235px),900px);max-height:calc(100dvh - 235px);min-height:0;grid-template-columns:1fr}
.paper.left{display:block;border-right:0;border-radius:12px}
.paper.right{display:none!important}
.turn-sheet{inset:0;transform-origin:right}
.paper{overflow:hidden;padding:clamp(1.55rem,2.7vw,3.25rem)}
.paper.fit-compact{padding:clamp(1.15rem,2vw,2.2rem)}
.paper.fit-compact h1{font-size:clamp(1.4rem,2.1vw,2.1rem);margin-bottom:.65rem}
.paper.fit-compact p,.paper.fit-compact blockquote{font-size:clamp(.9rem,1.05vw,1.05rem);line-height:1.48;margin-block:.65rem}
.paper.fit-compact .illustration{max-height:170px}
.paper.needs-scroll{overflow:auto;scrollbar-color:#a78350 #eadcc3;scrollbar-width:thin}
.progress{margin-top:.45rem}
.progress small{display:none}
@media(max-height:760px) and (min-width:821px){
  .intro p{display:none}
  .book{height:calc(100dvh - 185px);max-height:calc(100dvh - 185px)}
  .paper{padding:1.35rem 1.7rem 2rem}
  .paper h1{font-size:clamp(1.45rem,2.2vw,2.15rem);margin-bottom:.65rem}
  .paper p,.paper blockquote{font-size:clamp(.87rem,1.05vw,1.04rem);line-height:1.48}
  .paper .illustration{max-height:180px}
}
@media(max-width:820px){
  .intro{margin-bottom:.4rem}
  .intro h1{font-size:clamp(1.35rem,6vw,2rem)}
  .intro p{display:none}
  .book-shell{grid-template-columns:38px minmax(0,1fr) 38px}
  .book{height:calc(100dvh - 205px);max-height:calc(100dvh - 205px);min-height:480px;grid-template-columns:1fr}
  .paper{overflow:hidden;padding:1.35rem 1.15rem 2.2rem}
  .paper h1{font-size:clamp(1.35rem,6vw,1.9rem);margin-bottom:.65rem}
  .paper p,.paper blockquote{font-size:clamp(.88rem,3.6vw,1.04rem);line-height:1.48}
  .paper .illustration{max-height:24dvh}
}