.demo-site-rail { position: fixed; z-index: 2147482000; bottom: max(14px, env(safe-area-inset-bottom)); left: 14px; display: flex; align-items: center; gap: 14px; max-width: calc(100vw - 108px); padding: 9px; border: 1px solid #c9ddd3; border-radius: 13px; background: #fff; box-shadow: 0 6px 26px #102b2426; font: 14px/1.4 "Segoe UI", Arial, sans-serif; box-sizing: border-box; }
.demo-site-consult { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 15px; border-radius: 8px; background: #126c51; color: #fff !important; text-align: center; text-decoration: none !important; font-weight: 700; box-sizing: border-box; }
.demo-site-consult:hover { background: #094f3a; }
.demo-site-back { padding: 8px; color: #254d3e !important; text-decoration: none; white-space: nowrap; }
.demo-site-rail a:focus-visible, a.demo-site-consult:focus-visible { outline: 3px solid #e48437; outline-offset: 3px; }
.demo-site-rail[inert] { visibility: hidden; }
body { padding-bottom: 82px; }
@media (max-width: 600px) {
  .demo-site-rail { left: 8px; bottom: max(8px, env(safe-area-inset-bottom)); padding: 6px; max-width: calc(100vw - 88px); }
  .demo-site-rail .demo-site-consult { min-height: 44px; padding: 8px 10px; font-size: 13px; }
  .demo-site-rail .demo-site-back { display: none; }
}