.root {
    display: grid;
    grid: 100% / auto minmax(0, 1fr);
    inline-size: 100%;
    block-size: 100%;

    & .sidebar {
        z-index: 1;
        padding: var(--padding-l);
        padding-block-start: calc(2 * var(--padding-l));
        background-color: var(--surface-2);

        & > ul {
            padding: 0;
            margin: 0;
        }
    }

    :is(details, div):has(.mutated) > :is(summary, span:has(.mutated)) {
        color: var(--warn);

        &::after {
            content: ' •';
        }
    }
}

.blank {
    display: grid;
    grid: 100% / 100%;
    inline-size: 100%;
    block-size: 100%;

    place-items: center;
}