/**
 * right_rail.css
 * BEM namespace: .right-rail
 *
 * Container wrapper for the right-side widget stack. The widgets themselves
 * own their own CSS namespaces - this file only owns container layout.
 */

.right-rail {
    display: block;
    min-width: 0;
}

.right-rail__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 1100px) {
    .right-rail__inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .right-rail__inner {
        grid-template-columns: 1fr;
    }
}