/* Match the player canvas to the warm share image. */
.book-foreword video{background:#f3ebdd!important;object-fit:contain;aspect-ratio:4/3!important;height:auto!important}
/* Fit the playing video to its native frame so captions stay close. */
.book-foreword video{aspect-ratio:16/9!important;margin-bottom:0!important}
.book-foreword .foreword-caption-text{margin-top:0!important;padding:8px 12px;min-height:3.5em;border-radius:0 0 12px 12px}
.book-foreword>p{margin-bottom:12px}

.book-foreword .foreword-caption-text{min-height:calc(6em + 16px);flex-shrink:0;overflow-anchor:none}.book-foreword .foreword-caption-text[hidden]{display:flex!important;visibility:hidden}

/* Give the foreword and life film the same responsive image canvas. */
body:not(.multilingual) .book-card>.book-foreword{width:100%;max-width:none;margin:24px auto 0}
@media(min-width:600px){body:not(.multilingual) .book-card{padding:28px}}
body:not(.multilingual) .book-foreword video{width:100%;max-width:none;aspect-ratio:16/9!important;object-fit:contain}
body:not(.multilingual) .life-film .film-preview{box-sizing:border-box;width:100%}
body:not(.multilingual) .life-film .family-film-image{aspect-ratio:16/9;background:#f3ebdd}
body:not(.multilingual) .life-film .family-film-image img{width:100%;height:100%;object-fit:contain}

/* Captions follow the outside edges of the two image panels. */
.book-foreword .foreword-caption-text{width:86.666667%;max-width:86.666667%;margin:0 auto!important;padding:0 0 8px;min-height:0!important;align-items:flex-start;justify-content:center;border-radius:0;background:transparent}

.foreword-stage{max-width:100%;margin:0 auto}
@media(orientation:landscape) and (max-height:600px){
 .book-foreword .foreword-caption-text{font-size:16px;line-height:1.4}
}