/**
 * Recommendation rails.
 *
 * Deliberately thin: cards reuse .videoPost / .tdtv-card-* from tdtv-modern.css,
 * so this file only spaces the homepage rail and makes the client-side re-rank
 * possible. Reordering is done with the CSS `order` property on grid items,
 * which is why every rail container must establish a grid/flex formatting
 * context even where a theme rule might otherwise change it.
 */

.tdtv-for-you-section {
    clear: both;
    margin: 0 0 10px;
}

.tdtv-for-you-section .tdtv-grid {
    margin: 0 auto;
}

/* Rails are reordered by index, so their items must be grid/flex children. */
[data-tdtv-rerank="1"] {
    display: grid;
}

[data-tdtv-rerank="1"] > .videoPost {
    min-width: 0;
}

@media (max-width: 767px) {
    .tdtv-for-you-section {
        margin-bottom: 6px;
    }
}