/* Shared public marketing masthead; the app's tenant navigation is separate. */
.m-site-nav { /* handroll-ok: public marketing navigation. */
  position:relative; z-index:100; display:flex; align-items:center; justify-content:space-between; gap:24px;
  margin:24px auto 0; width:calc(100% - 64px); max-width:1320px; padding:14px 18px;
  border-radius:var(--marketing-nav-radius); background:var(--paper); color:var(--ink); font:500 13px var(--font);
}
.m-site-nav a { color:inherit; text-decoration:none; }
.m-brand { display:flex; align-items:center; gap:10px; white-space:nowrap; font-weight:500; }
.m-brand img { border-radius:var(--marketing-mark-radius); }
.m-nav-links,.m-nav-actions { display:flex; align-items:center; gap:24px; }
.m-nav-actions .m-nav-join { background:var(--ink); color:var(--paper); border-radius:30px; padding:10px 18px; }
.m-site-nav a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:700px) {
 .m-site-nav { width:calc(100% - 24px); margin-top:12px; padding:12px; gap:12px; }
 .m-nav-links { display:none; } .m-nav-actions { gap:12px; }
 .m-nav-actions .m-nav-join { padding:9px 12px; }
 .m-brand { font-size:12px; gap:7px; } .m-brand img { width:26px; height:26px; }
}
@media(max-width:350px) { .m-nav-actions>a:first-child { display:none; } }
@media print { .m-site-nav { display:none; } }