/* VAJGRT LABS — sticky mobile "Start your project" bar (P3).
   Injected with the shared footer on public shared-chrome pages
   (never on /start/ — build.py strips it there). The bar markup
   ships hidden; vl-startbar.js activates it (mobile only via the
   media query below, and only until dismissed for the session). */
.vl-startbar[hidden] { display: none; }
@media (min-width: 721px) {
  .vl-startbar { display: none; }
}
@media (max-width: 720px) {
  .vl-startbar {
    position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 120;
    display: flex; gap: 10px; align-items: center;
    background: var(--vl-navy, #0B2A4A); color: #fff;
    border-radius: 16px; padding: 12px 14px;
    box-shadow: 0 16px 40px rgba(10, 37, 64, .35);
  }
  .vl-startbar-txt { flex: 1; min-width: 0; }
  .vl-startbar-txt b { display: block; font-size: 14.5px; font-weight: 700; line-height: 1.3; }
  .vl-startbar-txt span { font-size: 12.5px; opacity: .75; }
  .vl-startbar-btn { white-space: nowrap; }
  .vl-startbar-x {
    background: none; border: 0; color: rgba(255, 255, 255, .65);
    font-size: 15px; line-height: 1; cursor: pointer;
    padding: 8px 6px; align-self: flex-start;
  }
  /* While the bar is on screen, keep page content from sliding under it. */
  body.vl-bar-on { padding-bottom: 92px; }
}