/* Smartphone-only continuous background trial. Scrolls with the document. */
.sy-mobile-footer-actions { display: none; }
@media (max-width: 600px) {
 html { scroll-behavior: auto !important; scroll-padding-top: 16px !important; }
 html body.sy-mobile-page { position: relative; isolation: isolate; background: #0b111a !important; }
 html body.sy-mobile-page::before {
  content: ''; position: absolute !important; inset: 0 !important;
  width: 100%; height: 100% !important;
  min-height: 100svh; aspect-ratio: auto; z-index: -1; pointer-events: none;
  background-image: url('/assets/backgrounds/mobile-continuous-20260914.svg') !important;
  background-position: center top !important; background-size: 600px 1600px !important;
  background-repeat: repeat-y !important; background-attachment: scroll !important;
  transform: none !important; animation: none !important;
 }
 html body[data-sy-background].sy-mobile-page::before { background-size: 600px 1600px !important; }
 html body .site-header { position: relative !important; top: auto !important; backdrop-filter: none !important; }
 html body *:not(.network *, .sy-orbit *), html body *::before, html body *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
 /* Show the continuous geometric background clearly behind the diagram. */
 html body #sy-business-home .network, html body .sy-orbit {
  background: transparent !important;
 }
 html body #sy-business-home .network .edge-note {
  display: block !important; background: transparent; color: #b6c2d0;
  padding: 2px 3px; font-size: 10px; text-shadow: 0 1px 5px #0b111a;
 }
 html body #sy-business-home .network .e1 { left: 0; top: 39%; transform: rotate(-60deg); }
 html body #sy-business-home .network .e2 { right: 0; top: 39%; transform: rotate(60deg); }
 html body #sy-business-home .motion, html body .sy-orbit button { min-height: 44px; }
 html body #sy-business-home .network { margin-bottom: 56px; }
 html body #sy-business-home .network .motion { bottom: -46px; right: 0; }
 html body .reveal { opacity: 1 !important; transform: none !important; }
 html body .sy-mobile-footer-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:16px; width:100%; padding:8px 0 calc(12px + env(safe-area-inset-bottom)); }
 html body .sy-mobile-footer-actions :is(.page-back-floating,.to-top,.sy-mobile-top) {
  position:static !important; inset:auto !important; display:flex; align-items:center; justify-content:center; gap:8px;
  opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:none !important;
  box-sizing:border-box; min-width:96px; width:auto; min-height:44px; height:auto; padding:10px 16px;
  border:1px solid #52647a; border-radius:4px; background:#121e2b; color:#edf2fa; text-decoration:none; font:inherit;
 }
}
@media (max-width: 360px) {
 html body #sy-business-home .network .e1 { left: -6%; font-size: 9px; }
 html body #sy-business-home .network .e2 { right: -6%; font-size: 9px; }
 html body #sy-business-home .network-center strong { font-size: 16px; }
}