@import url('game-guide-v168.css?v=168');

/* The public handbook is a document, with the footer after its full content. */
html:has(> body.public-document-r26.public-portal.guest-page-guide) {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

body.public-document-r26.public-portal.guest-page-guide {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    max-height: none;
    overflow: visible;
}

body.public-document-r26.public-portal.guest-page-guide .public-workspace {
    display: block;
    flex: 1 0 auto;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible !important;
    overscroll-behavior: auto;
}

/* flex:1 1 0 with visible overflow used to leave the content outside its box. */
body.public-document-r26.public-portal.guest-page-guide .game-guide,
body.public-document-r26.public-portal.guest-page-guide .guide-scroll {
    display: block;
    flex: none;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
}

body.public-document-r26.public-portal.guest-page-guide .game-guide {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

body.public-document-r26.public-portal.guest-page-guide .game-guide-tools {
    position: static;
}

body.public-document-r26.public-portal.guest-page-guide .guide-scroll [id] {
    scroll-margin-top: 12px;
}

body.public-document-r26.public-portal.guest-page-guide .public-footer {
    position: static;
    flex: none;
    clear: both;
    z-index: auto;
    padding-bottom: max(14px, env(safe-area-inset-bottom));
}
