/* V21.13 hotfix — recommendation pages use live YouTube embeds that fully fill the media column. */
.recommendation-entry{
  grid-template-columns:minmax(520px,1.08fr) minmax(0,.92fr);
  align-items:stretch;
}
.recommendation-video{
  width:100%;
  height:100%;
  min-height:100%;
  background:#000;
  overflow:hidden;
  align-self:stretch;
  position:relative;
}
.recommendation-video iframe{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
}
@media(max-width:1200px){
  .recommendation-entry{grid-template-columns:minmax(460px,1fr) minmax(0,1fr)}
}
@media(max-width:1050px){
  .recommendation-entry{grid-template-columns:minmax(400px,.95fr) minmax(0,1.05fr)}
}
@media(max-width:900px){
  .recommendation-entry{grid-template-columns:1fr}
  .recommendation-video{width:100%;aspect-ratio:16/9;height:auto;min-height:0}
  .recommendation-video iframe{position:absolute;inset:0}
}