/* Loaded only for pages explicitly assigned the Taskout blank template. */
body.taskout-blank-page {
    --taskout-toolbar-height: 0px;
    margin: 0;
    padding: 0;
    background: #1e3a43;
    color: #f5e9cd;
    font: 18px/1.5 'Segoe UI', system-ui, sans-serif;
}
body.taskout-blank-page.admin-bar { --taskout-toolbar-height: 32px; }
body.taskout-blank-page .wp-site-blocks,
body.taskout-blank-page .taskout-blank-content,
body.taskout-blank-page .taskout-blank-content > .wp-block-post-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
body.taskout-blank-page .taskout-blank-content {
    min-height: calc(100vh - var(--taskout-toolbar-height));
    min-height: calc(100dvh - var(--taskout-toolbar-height));
}
body.taskout-blank-page .taskout-blank-content > p,
body.taskout-blank-page .taskout-blank-content > .wp-block-post-content > p { padding: 20px; }
body.taskout-blank-page .taskout-blank-content > p a,
body.taskout-blank-page .taskout-blank-content > .wp-block-post-content > p a { color: #e5b949; }
body.taskout-blank-page .taskout {
    width: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
body.taskout-blank-page .taskout .to-shell {
    height: calc(100vh - var(--taskout-toolbar-height));
    height: calc(100dvh - var(--taskout-toolbar-height));
    max-height: none;
    min-height: 640px;
}
.taskout-blank-skip { position: absolute; left: -10000px; }
.taskout-blank-skip:focus { left: 12px; top: 12px; z-index: 100000; padding: 12px 18px; background: #f5e9cd; color: #1e3a43; }
@media (max-width: 782px) {
    body.taskout-blank-page.admin-bar { --taskout-toolbar-height: 46px; }
}
@media (max-width: 760px) {
    body.taskout-blank-page .taskout .to-shell {
        height: auto;
        min-height: calc(100dvh - var(--taskout-toolbar-height));
    }
}