/* Alleen de nieuwe prentenboeken; bestaande Beer-/Voslezers blijven ongewijzigd. */
[data-new-picturebook] [hidden]{display:none!important}
[data-new-picturebook]{overflow-wrap:anywhere}
[data-new-picturebook] [data-new-stage]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;background:#fffdf7;isolation:isolate}
[data-new-picturebook] .picture-art{align-self:start;min-width:0}
[data-new-picturebook] [data-new-image]{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f7f0e3}
[data-new-picturebook] .picture-copy{min-width:0;padding:clamp(23px,2.4vw,34px)}
[data-new-picturebook] [data-new-position]{scroll-margin-top:24px}
[data-new-picturebook] [data-new-position]:focus-visible{outline:2px solid #7653c7;outline-offset:7px;border-radius:3px}
[data-new-picturebook] [data-new-text]{font-size:clamp(22px,2.15vw,29px);line-height:1.48;letter-spacing:-.015em}
[data-new-picturebook] [data-new-text] p:last-child{margin-bottom:0}
[data-new-picturebook] [data-new-invite]{max-width:100%;white-space:normal;line-height:1.5}
[data-new-picturebook] [data-new-together]{font-size:14px;line-height:1.7;color:#705b42;margin:13px 0 0}
[data-new-picturebook] [data-new-controls]{display:flex;flex-wrap:wrap;gap:14px}
[data-new-picturebook] [data-new-controls] button{white-space:normal;max-width:100%}
[data-new-picturebook] [data-new-save]{line-height:1.6;min-height:1.6em}
[data-new-picturebook] [data-new-end]{line-height:1.6}
[data-new-picturebook] .full-picture-page{content-visibility:auto;contain-intrinsic-size:auto 850px}
[data-new-picturebook] .full-picture-page img{aspect-ratio:4/3;object-fit:contain}
@media(max-width:800px){
  [data-new-picturebook] [data-new-stage]{grid-template-columns:minmax(0,1fr)}
  [data-new-picturebook] .picture-copy{padding:25px 29px}
  [data-new-picturebook] [data-new-text]{font-size:26px;line-height:1.5}
}
@media(max-width:520px){
  [data-new-picturebook] .picture-copy{padding:24px 22px}
  [data-new-picturebook] [data-new-text]{font-size:24px}
  [data-new-picturebook] [data-new-controls] .button{flex:1 1 115px;min-width:0;min-height:48px}
  [data-new-picturebook] [data-new-together]{font-size:13px}
}
/* Bladeren heeft geen beweging of timer. Ook geërfde hoveranimatie mag uit. */
@media(prefers-reduced-motion:reduce){
  [data-new-picturebook] button{transition:none!important;animation:none!important}
  [data-new-picturebook] button:hover{transform:none!important}
}
html[data-motion=off] [data-new-picturebook] button{transition:none!important;animation:none!important}
html[data-motion=off] [data-new-picturebook] button:hover{transform:none!important}