.sharalong-business-footer {
  --business-bg: #f6f1f9;
  --business-ink: #62556f;
  --business-heading: #493d59;
  --business-line: #ded2e9;
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  grid-column: 1 / -1;
  width: 100%;
  max-width: 100%;
  margin: 28px 0 0;
  padding: 22px max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
  border-top: 1px solid var(--business-line);
  color: var(--business-ink);
  background: var(--business-bg);
  font: 400 12px/1.85 system-ui, -apple-system, 'Segoe UI', sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
  word-break: keep-all;
  box-sizing: border-box;
}
.sharalong-business-footer * { box-sizing: border-box; }
.sharalong-business-footer__inner { width: min(100%, 1080px); margin: 0 auto; }
.sharalong-business-footer p { margin: 0 0 4px; font: inherit; color: inherit; }
.sharalong-business-footer .sharalong-business-footer__brand { margin-bottom: 8px; color: var(--business-heading); font-size: 14px; font-weight: 650; }
.sharalong-business-footer__details { display: flex; flex-wrap: wrap; gap: 0 18px; min-width: 0; }
.sharalong-business-footer__details > span { min-width: 0; }
.sharalong-business-footer a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.sharalong-business-footer a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px; }
.sharalong-business-footer .sharalong-business-footer__legal { margin-top: 9px; }
.sharalong-business-footer .sharalong-business-footer__copyright { margin-top: 8px; font-size: 11px; }
body[data-theme='dark'] .sharalong-business-footer {
  --business-bg: #111b33;
  --business-ink: #c9bfd5;
  --business-heading: #e9dfee;
  --business-line: #394057;
}
@media (prefers-color-scheme: dark) {
  body:not([data-theme]) .sharalong-business-footer {
    --business-bg: #111b33; --business-ink: #c9bfd5; --business-heading: #e9dfee; --business-line: #394057;
  }
}
@media (max-width: 480px) {
  .sharalong-business-footer__details { display: block; }
  .sharalong-business-footer__details > span { display: block; }
}
/* Footer lives after the cover, not on top of the artwork/start button. */
.brand-intro-screen.business-footer-host { display: block; overflow-y: auto !important; }
.business-intro-viewport { position: relative; display: grid; place-items: center; min-height: 100%; width: 100%; overflow: hidden; }
.content-hub-footer-host { width: min(100%, 1120px); margin: 0 auto; }
.content-hub-footer-host > .sharalong-business-footer { border-radius: 0 0 16px 16px; }
@media (min-width: 1600px) {
  .content-hub-footer-host { width: min(100%, 1360px); }
}
/* PF's viewport-sized scene keeps its original height; legal information follows it. */
body.has-business-footer.pfv2-page { overflow-y: auto; }
/* Keep the entire media viewport intact, then allow reading the footer below it.
   Containment keeps existing fixed Home/seek controls attached to that viewport. */
body.has-business-footer.travel-scene-playing-mode .clear-sea-landscape-page { contain: layout; height: 100dvh !important; width: 100vw !important; }
body.has-business-footer.travel-scene-playing-mode .picker-panel.business-footer-host { overflow-y: auto !important; height: 100dvh !important; max-height: none !important; }
body.has-business-footer.travel-scene-playing-mode .business-footer-host > .sharalong-business-footer,
body.has-business-footer.travel-scene-playing-mode.business-footer-host > .sharalong-business-footer {
  position: absolute;
  top: 100dvh;
  left: 0;
  margin-top: 0;
}
body.has-business-footer.travel-scene-playing-mode.business-footer-host { overflow-y: auto !important; }
