/* Shared mobile nav for Home / Publisher / Careers */

.stl-nav-toggle{
  display:none;
  align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;
  border:1px solid var(--border);border-radius:var(--radius-md);
  background:var(--surface-raised);color:var(--color-text);
  cursor:pointer;
}
.stl-nav-toggle svg{display:block}

.stl-mobile-nav{
  display:none;
  flex-direction:column;gap:var(--space-1);
  padding:var(--space-3) var(--space-4) var(--space-4);
  border-bottom:1px solid var(--color-divider);
  background:color-mix(in srgb,var(--color-bg) 92%,transparent);
  backdrop-filter:blur(var(--blur-nav));
  -webkit-backdrop-filter:blur(var(--blur-nav));
}
.stl-mobile-nav a,
.stl-mobile-nav button{
  display:block;width:100%;text-align:left;
  padding:var(--space-3) var(--space-2);
  font:inherit;font-weight:500;color:var(--color-text);
  background:none;border:0;border-radius:var(--radius-sm);cursor:pointer;
  text-decoration:none;
}
.stl-mobile-nav a:hover,
.stl-mobile-nav button:hover{background:var(--surface-raised)}

.home-top-end{
  display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);
  justify-self:end;grid-column:3;
}
.lp-top-end{
  display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);
  justify-self:end;grid-column:3;
}

@media (max-width:900px){
  .stl-nav-toggle{display:inline-flex}
  .stl-mobile-nav.is-open{display:flex}
  .home-nav,.lp-nav{display:none !important}
  .home-top-inner,
  .lp-top-inner{
    grid-template-columns:1fr auto;
  }
  .home-top-end,
  .lp-top-end{grid-column:2}
  .home-top-cta{grid-column:auto;justify-self:auto}
  .lp-top-actions .btn-ghost{display:none}
}