.sg-mobile-nav {
	background: #ffffff;
	border-top: 1px solid var(--sg-border);
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.03), 0 -4px 12px rgba(0, 0, 0, 0.02);
	display: none;
	gap: 0.25rem;
	grid-template-columns: repeat(5, 1fr);
	left: 0;
	padding: 0.45rem max(0.5rem, env(safe-area-inset-left)) calc(0.45rem + env(safe-area-inset-bottom)) max(0.5rem, env(safe-area-inset-right));
	position: fixed;
	right: 0;
	z-index: 60;
}

.sg-mobile-nav a {
	align-items: center;
	border-radius: var(--sg-radius-sm);
	color: var(--sg-muted);
	display: flex;
	flex-direction: column;
	font-size: 0.72rem;
	font-weight: 720;
	gap: 0.12rem;
	justify-content: center;
	min-height: 48px;
	text-decoration: none;
}

.sg-mobile-nav span {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 0.85rem;
	font-weight: 850;
	height: 1.35rem;
	justify-content: center;
	line-height: 1;
	width: 1.35rem;
}

.sg-mobile-nav a:focus,
.sg-mobile-nav a:hover {
	background: #ffffff;
	color: var(--sg-accent);
}

.sg-mobile-publish-tab span {
	background: var(--sg-accent);
	color: #fff;
	font-size: 1.05rem;
}

.sg-sticky-publish {
	align-items: center;
	background: var(--sg-ink);
	border-radius: 999px;
	bottom: 5.35rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 6px 18px rgba(0, 0, 0, 0.05);
	color: #fff;
	display: none;
	font-size: 0.92rem;
	font-weight: 850;
	gap: 0.42rem;
	padding: 0.72rem 1rem;
	position: fixed;
	right: var(--sg-page-gutter);
	text-decoration: none;
	z-index: 55;
}

.sg-sticky-publish span {
	background: var(--sg-accent);
	border-radius: 999px;
	display: inline-flex;
	height: 1.35rem;
	justify-content: center;
	width: 1.35rem;
}

@media (max-width: 760px) {
	body {
		padding-bottom: 84px;
	}

	.sg-mobile-nav {
		display: grid;
	}

	.sg-sticky-publish {
		display: inline-flex;
	}

	.sg-share-rail {
		background: #ffffff;
		border-top: 1px solid var(--sg-border);
		bottom: 72px;
		display: flex;
		gap: var(--sg-space-sm);
		left: 0;
		padding: var(--sg-space-sm) var(--sg-page-gutter);
		position: sticky;
		z-index: 20;
	}
}