/* Shared by route pop-outs, independently of each feature's editor styling. */
.page.page--focused {
    --app-masthead-height: 0px;
    --sunny-masthead-reserve: 0px;
}
.page.page--focused > main > article.content,
.page.page--focused .route-content {
    padding: 0 !important;
    margin: 0 !important;
}
[data-focused-window-background].focused-window-ancestor,
[data-focused-window-background] .focused-window-ancestor {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
    contain: none !important;
}
.focused-window-ancestor > :not(.focused-window-ancestor):not(.draggable--focused) {
    display: none !important;
}
[data-focused-window-background][hidden],
[data-focused-window-completed][hidden],
[data-focused-window-notices][hidden] {
    display: none !important;
}
.draggable.draggable--focused {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
.draggable.draggable--focused > .drag-handle {
    border-radius: 0;
    cursor: default;
}
.draggable.draggable--focused > .resize-handle {
    display: none;
}
.focused-window-completed {
    box-sizing: border-box;
    padding: clamp(1rem, 4vw, 3rem);
    min-height: 100dvh;
    background: var(--bs-body-bg, #0b1422);
    color: var(--bs-body-color, #eef7ff);
}