/* ReturnTo Collection 02 · R3
   The reader inherits the Dennis Thoughts · Construction reader.
   This file only adds edition controls and ReturnTo page ratio. */

[hidden]{display:none!important}

body.cover-mode #readingStage{display:none!important}
body.book-open #coverGate{display:none!important}

.returnto-edition-switch{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:3px;
}
.returnto-edition-switch button{
  min-width:34px;
  min-height:30px;
  padding:0 9px;
  border:0;
  border-radius:999px;
  color:rgba(247,243,234,.48);
  background:transparent;
  cursor:pointer;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
}
.returnto-edition-switch button.is-active{
  color:#f7f3ea;
  background:rgba(255,255,255,.09);
}
.returnto-back-library{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 .25rem;
  color:rgba(247,243,234,.5);
  text-decoration:none;
  font-size:.7rem;
}
.returnto-back-library:hover,
.returnto-back-library:focus-visible{color:#f7f3ea}

.cover-copy h1{
  max-width:13.5ch;
  font-size:clamp(2.15rem,3.5vw,3.55rem);
  font-weight:590;
  line-height:1.13;
}
.cover-stage img{
  width:min(285px,48vw);
  max-height:54vh;
}
.reader-page{
  aspect-ratio:419.556 / 595.304;
}
.reader-page img{
  aspect-ratio:419.556 / 595.304;
  background:#fff;
}
body.zoomed .book-spread{
  transform:scale(1.30);
  transform-origin:center;
}
.focus-zoom-status{opacity:0}
body.zoomed .focus-zoom-status{opacity:1}

@media(max-width:900px){
  .cover-copy h1{font-size:clamp(2.05rem,7.4vw,3.15rem)}
  .cover-stage img{width:min(215px,43vw)}
  .reader-page.page-right{
    width:min(78vw,calc((100svh - 188px) * .7043));
    height:auto;
  }
}
@media(max-width:560px){
  .returnto-edition-switch button{min-width:30px;padding:0 7px}
  .cover-copy h1{font-size:clamp(1.95rem,8.8vw,2.65rem)}
  .reader-page.page-right{
    width:min(76vw,calc((100svh - 176px) * .7043));
  }
}
