/* Keep the saved desktop proportions, but let narrow tablet columns wrap.
   Only direct Scaffold columns participate; nested Canvas/Micro layouts and
   explicitly vertical/reversed/wrapped sections retain their own behavior. */
@media (min-width: 821px) and (max-width: 1180px) {
    .portal-page[data-lm-responsive] > .portal-section > [data-lm-tablet-wrap] {
        --lm-gap: var(--portal-section-column-gap, 1rem);
        column-gap: var(--lm-gap);
        row-gap: var(--lm-gap);
        flex-wrap: wrap !important;
    }
    .portal-page[data-lm-responsive] > .portal-section > [data-lm-tablet-wrap] > .portal-column {
        flex-basis: max(min(100%, 18rem), calc((100% - var(--lm-column-gaps) * var(--lm-gap)) * var(--lm-column-share)));
        flex-grow: 1;
        min-width: 0;
    }
}
.portal-online-toggle { display: none; }
@media (min-width: 981px) and (max-width: 1180px) {
    body:has([data-lm-responsive]) .miniOCContainer {
        display: none !important;
    }
    body:has([data-lm-responsive]) .portal-online-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        color: inherit;
        font-size: 1.125rem;
    }
    body:has([data-lm-responsive]).RightSideContextMenuOpen .FarRightPane.slideInRight:not(.Hide) {
        display: block !important;
        width: min(20rem, 100vw) !important;
    }
}