/* Subject-detail reflow under the Ask Mira dock.
 *
 * The subject_detail Bootstrap columns (dbc.Col xs/lg) key on the VIEWPORT width, so
 * the dock squeezing the content container at >= lg does not trip their breakpoints —
 * the 3-up / 2-up rows overflow. When the dock is docked (#page-content-wrapper carries
 * `dock-open`, written from the mira-dock-open store in run.py), stack those rows to
 * full width. Only at >= lg: below lg the dock is an overlay (it doesn't squeeze the
 * container), so the existing `xs` stacking already applies. */

@media (min-width: 992px) {
    .mira-page.dock-open .subject-primary-row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* The severity-scale agreement track is a fixed-column grid; relax it to one
     * column so it doesn't overflow the squeezed container either. */
    .mira-page.dock-open .sa-row {
        grid-template-columns: 1fr;
    }
}