/* V90: thumbnail for the “There is more waiting in the Playhouse” invitation. */
#gb40-reader-journey{
  box-sizing:border-box;
  gap:clamp(14px,2vw,23px);
  padding:16px 22px 16px 16px;
  align-items:center;
}
#gb40-reader-journey .gb90-journey-thumb{
  display:block; box-sizing:border-box; padding:0; white-space:normal;
  flex:0 0 clamp(150px,17vw,210px); width:clamp(150px,17vw,210px);
  aspect-ratio:4/3; overflow:hidden; border-radius:16px;
  background:#d4e8ed; box-shadow:0 7px 22px #23496524;
  transition:transform .23s ease,box-shadow .23s ease;
}
#gb40-reader-journey .gb90-journey-thumb:hover{transform:translateY(-2px);box-shadow:0 10px 27px #23496530}
#gb40-reader-journey .gb90-journey-thumb:focus-visible{outline:3px solid #2d809e;outline-offset:3px}
#gb40-reader-journey .gb90-journey-thumb img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
#gb40-reader-journey>div{min-width:0}
@media(max-width:680px){
  #gb40-reader-journey{
    display:grid;grid-template-columns:110px minmax(0,1fr);
    gap:12px 14px;padding:14px;align-items:center;
  }
  #gb40-reader-journey .gb90-journey-thumb{
    width:110px;height:110px;aspect-ratio:1/1;min-width:0;border-radius:13px;
  }
  #gb40-reader-journey h3{font-size:clamp(19px,5.2vw,26px);line-height:1.13;margin:5px 0}
  #gb40-reader-journey p{font-size:12px;line-height:1.43}
  #gb40-reader-journey>a:not(.gb90-journey-thumb){
    box-sizing:border-box;grid-column:1/-1;width:100%;margin:0;text-align:center;justify-self:stretch;
  }
}
@media(max-width:370px){
  #gb40-reader-journey{grid-template-columns:90px minmax(0,1fr);gap:10px}
  #gb40-reader-journey .gb90-journey-thumb{width:90px;height:104px}
  #gb40-reader-journey h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){#gb40-reader-journey .gb90-journey-thumb{transition:none}}