@media (min-width: 701px) and (max-width: 1100px) {
    .staat-structuur-werkgebied {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
    }
    .staat-structuur-slot,
    .staat-structuur-slot.ingeklapt { width: 100%; min-height: 38px; }
    .staat-structuur-mobiele-balk {
        display: flex;
        min-height: 38px;
        align-items: center;
        border-bottom: 1px solid #b8b8b8;
        padding: 3px 8px;
        background: #f5f6f5;
    }
    .staat-structuur-rail {
        position: fixed;
        z-index: 92;
        inset: 0 auto 0 0;
        width: min(380px, calc(100vw - 54px));
        transform: translateX(-104%);
        visibility: hidden;
        box-shadow: 8px 0 30px #0004;
        transition: transform 170ms ease-out, visibility 170ms;
    }
    .staat-structuur-slot.mobiel-open .staat-structuur-rail {
        transform: translateX(0);
        visibility: visible;
    }
    .staat-structuur-desktopactie { display: none; }
    .staat-structuur-mobielactie { display: inline-flex; }
    .staat-structuur-achtergrond {
        position: fixed;
        z-index: 91;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
        background: #0006;
    }
}