/* V9.7: Scoped related-video cards. No player, navigation or global grid changes. */
.watch-layout .v97-related { margin-block: 24px 12px; min-width: 0; }
.watch-layout .v97-related-heading { margin: 12px 0 14px; font-size: 18px; font-weight: 800; text-transform: uppercase; }
.watch-layout .v97-related .v97-related-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px 10px; max-width: none; width: 100%; }
.watch-layout .v97-related-item { min-width: 0; }
.watch-layout .v97-related-item .listing-card { min-width: 0; }
.watch-layout .v97-related-item .listing-thumbnail { aspect-ratio: 16 / 9; }
.watch-layout .v97-related-item .listing-title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.25; font-size: 13px; overflow-wrap: anywhere; }
.watch-layout .v97-related-item .listing-meta { font-size: 11px; }
.watch-layout .v97-related-more { margin-top: 16px; }
.watch-layout .v97-related-more > summary { list-style: none; cursor: pointer; background: rgba(1, 3, 54, .42); border-radius: 4px; padding: 12px; font-weight: 750; text-align: center; color: #fff; }
.watch-layout .v97-related-more > summary::-webkit-details-marker { display: none; }
.watch-layout .v97-related-more > summary::after { content: ' ▾'; }
.watch-layout .v97-related-more[open] > summary::after { content: ' ▴'; }
.watch-layout .v97-related-more > summary:hover { background: rgba(58, 91, 195, .4); }
.watch-layout .v97-related-more > summary:focus-visible { outline: 2px solid #b8d2ff; outline-offset: 2px; }
.watch-layout .v97-related-more > .v97-related-grid { margin-top: 14px; }
@media (min-width: 761px) and (max-width: 1150px) { .watch-layout .v97-related .v97-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .watch-layout .v97-related .v97-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; } .watch-layout .v97-related-heading { font-size: 15px; } .watch-layout .v97-related-item .listing-title { font-size: 12px; } }
@media (max-width: 390px) { .watch-layout .v97-related .v97-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }