/* Let fixed viewport edges include the Web Clip safe areas on every launch. */
html.ios-standalone {
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
    background: var(--ios-page-color);
}
html.ios-standalone body {
    position: fixed;
    inset: var(--ios-keyboard-top, 0px) 0 0;
    width: 100%;
    height: var(--ios-keyboard-height, auto);
    min-height: 0;
    margin: 0;
    padding-top: env(safe-area-inset-top, 0px);
    box-sizing: border-box;
    overflow: hidden;
    overscroll-behavior: none;
    background: var(--ios-page-color);
    background-image: none;
}
html.ios-standalone body > .site {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}
html.ios-standalone .head,
html.ios-standalone .bottom {
    background: var(--ios-page-color);
    background-image: none;
    filter: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 1;
}
html.ios-standalone.ios-has-header body {
    padding-top: 0;
}
html.ios-standalone.ios-has-header body > .site {
    padding-top: var(--ios-header-height, calc(60px + env(safe-area-inset-top, 0px)));
}
html.ios-standalone.ios-has-header body > .site > .head {
    position: fixed;
    top: var(--ios-keyboard-top, 0px);
    left: 0;
    width: 100%;
    height: auto;
    padding-top: calc(8px + env(safe-area-inset-top, 0px));
    padding-bottom: 8px;
    z-index: 1000;
    background: var(--ios-page-color);
}
html.ios-standalone .bottom {
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    height: calc(68px + env(safe-area-inset-bottom, 0px));
    padding: 9px max(8px, env(safe-area-inset-right, 0px)) calc(9px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
}
html.ios-standalone .site,
html.ios-standalone .screen {
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px));
}
html.ios-standalone .short-page,
html.ios-standalone .short-page .screen {
    padding-bottom: 0;
}