/* Keep the controls together, wrap the footer, and clear the host badge/safe area. */
body .jwt-page-scenery-credits,body .jwt-web-credits,body .jwt-web-credits.jwt-home-credits{flex-wrap:wrap;overflow:visible;max-width:100%;box-sizing:border-box;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
body .jwt-web-credits,body .jwt-web-credits.jwt-home-credits{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
body .jwt-page-scenery-credits>*,body .jwt-web-credits>*{max-width:100%;white-space:normal}
body .jwt-background-controls{display:inline-flex!important;align-items:center;flex:0 0 auto;gap:8px;padding:4px;box-sizing:border-box}
body .jwt-background-controls button.jwt-background-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #b8cac0;border-radius:50%;background:#ffffffe0;color:#245b57;box-shadow:0 2px 5px #173e4317;cursor:pointer}
body .jwt-background-controls button.jwt-background-icon:disabled{opacity:.45;cursor:default}
body .jwt-background-controls button.jwt-background-icon:focus-visible{outline:2px solid #235b49;outline-offset:2px}
body .jwt-background-controls button.jwt-background-icon svg{display:block;width:20px;height:20px}
body .jwt-background-controls [hidden]{display:none!important}
@media print{body .jwt-background-controls{display:none!important}}

/* Journey webpage controls stay reachable above the viewport safe area. */
body .jwt-web-credits.jwt-journey-credits{position:fixed;left:max(10px,env(safe-area-inset-left,0px));bottom:max(8px,env(safe-area-inset-bottom,0px));z-index:80;width:fit-content;max-width:calc(100vw - 24px);margin:0;padding:6px 10px;display:flex;flex-wrap:wrap;overflow:visible;border-radius:14px;background:#fffdf7f0;box-shadow:0 2px 10px #173e4520}
html.jwt-scenic:has(.jwt-journey-credits) body{padding-bottom:120px}
body .jwt-journey-credits details ul{position:absolute;left:0;bottom:calc(100% + 16px);width:600px;max-width:calc(100vw - 44px);max-height:50vh;overflow:auto}
body .jwt-journey-credits .jwt-background-controls{flex-wrap:wrap;flex-shrink:1}

body .jwt-journey-credits{right:auto;transform:none;isolation:isolate}
body .jwt-journey-credits .jwt-background-controls{gap:4px}
@media(max-width:420px){body .jwt-web-credits.jwt-journey-credits{left:max(4px,env(safe-area-inset-left,0px));bottom:max(4px,env(safe-area-inset-bottom,0px));max-width:calc(100vw - 8px);padding:4px 6px;gap:4px}body .jwt-journey-credits #jwt-background-place{max-width:100%;font-size:12px}}