/* Align each route’s inputs and results without clipping native video controls. */
.talking-head-comparison { display: grid; gap: 18px; margin-top: 24px; align-items: stretch; }
.talking-head-comparison--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.talking-head-comparison--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.talking-head-comparison .article-take-card { min-width: 0; max-width: none; padding: 12px; }
.talking-head-comparison .article-take-card-head { display: block; min-height: 76px; }
.talking-head-comparison .article-take-card-head .article-take-number { margin: 0 0 8px; font: 12px/1.5 var(--face); color: var(--light); }
.talking-head-comparison .article-take-card-head h3 { font-size: 18px; line-height: 1.35; }
.talking-head-comparison .article-take-media { aspect-ratio: 9 / 16; margin-top: 12px; }
.talking-head-comparison .article-take-media img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; }
@media (max-width: 899px) {
  .talking-head-comparison--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
  .talking-head-comparison--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 479px) {
  .talking-head-comparison--four, .talking-head-comparison--three { grid-template-columns: 1fr; }
  .talking-head-comparison .article-take-card-head { min-height: 0; }
}