/* Full screen for the science apps and builders that are pages of their own
 * (science/static/science/page-full.js). Only the site's global tokens, so
 * every page that loads this can resolve them. */

.sci-pagefull-btn {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 2200;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    border: 2px solid var(--ink);
    border-radius: 999px;
    background: var(--paper);
    color: var(--ink);
    font-family: Inter, system-ui, sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}
.sci-pagefull-btn:hover { background: var(--cream); }
.sci-pagefull-btn[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
@media (max-width: 991.98px) {
    .sci-pagefull-btn { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
    .sci-pagefull .sci-pagefull-btn { bottom: 16px; }
}

body.sci-pagefull-on { overflow: hidden; }
.sci-pagefull {
    position: fixed;
    inset: 0;
    z-index: 2150;
    max-width: none;
    margin: 0;
    padding: 16px clamp(12px, 3vw, 48px) 76px;
    overflow: auto;
    background: var(--cream);
}