/* Start free in reach of a thumb, on a phone (Louis, 28 Oct 2026, #510).
   A bar at the foot of the screen once the page's opening has scrolled away,
   and out of the way while the closing Start free is on screen
   (start-bar.js). While the bar shows, the top bar drops its own Start free,
   so the two never sit on screen together. Every page with the bar links
   this file; nothing here applies above 600px. */
.m-cta{display:none}
@media (max-width:600px){
  .m-cta-on .sticky-nav .nav-right > .btn-ink,.m-cta-on .page-nav .nav-right > .btn-ink{display:none}
  .m-cta{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:100; align-items:center; justify-content:space-between; gap:1rem;
    padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom)); background:rgb(243,243,243); border-top:1px solid var(--rule);
    transform:translateY(100%); transition:transform .25s var(--ease)}
  .m-cta.visible{transform:none}
  .m-cta p{margin:0; font-size:.8125rem; line-height:1.35; color:var(--ink-2)}
  .m-cta p b{display:block; color:var(--ink); font-weight:600}
  .m-cta .btn{flex:none}
}
@media (max-width:600px) and (prefers-reduced-motion:reduce){ .m-cta{transition:none} }
