/* the site nav's S.ink logo; em-sized so the same mark scales from the header
avatar slot down to the entry icons */
.logo {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2.5em;
	height: 2.25em;
	background-color: var(--color-fill-accent);
	border-radius: var(--radius-field);
	font-weight: var(--weight-bold);
	color: var(--color-fg-on-accent);
	line-height: 1;
}

.logoS {
	position: relative;
	top: -0.25em;
	font-size: 0.875em;
}

.logoInk {
	position: relative;
	bottom: -0.25em;
	font-size: 0.75em;
}