.nv-mnote-mark {
	position: absolute;
	top: .2em;
	right: -1.9rem;
	font-size: .75rem;
	color: #9ca3af;
	cursor: pointer;
	opacity: 0;
	transition: opacity .15s;
}
.entry-content p {
	position: relative;
}
.entry-content p:hover .nv-mnote-mark,
.nv-mnote-mark.nv-mnote-marked {
	opacity: 1;
}
.nv-mnote-marked {
	color: var( --nv-accent, #6366f1 );
}
.nv-mnote-ed {
	position: absolute;
	top: 0;
	right: -22rem;
	width: 20rem;
	background: #fff;
	border: 1px solid rgba( 17,24,39,.12 );
	border-radius: 10px;
	box-shadow: 0 8px 30px rgba( 17,24,39,.14 );
	padding: .7rem;
	z-index: 9000;
}
.nv-mnote-ed textarea {
	width: 100%;
	min-height: 4.5rem;
	font-size: .85rem;
	padding: .5rem .6rem;
	border: 1px solid rgba( 17,24,39,.15 );
	border-radius: 8px;
	resize: vertical;
}
.nv-mnote-row {
	display: flex;
	gap: .4rem;
	margin-top: .5rem;
}
.nv-mnote-save {
	flex: 1;
	padding: .4em 0;
	background: var( --nv-accent, #6366f1 );
	color: #fff;
	border: 0;
	border-radius: 8px;
	font-size: .78rem;
	font-weight: 700;
	cursor: pointer;
}
.nv-mnote-del {
	padding: .4em .9em;
	background: none;
	border: 1px solid rgba( 17,24,39,.2 );
	border-radius: 8px;
	font-size: .78rem;
	cursor: pointer;
}
.nv-mnote-badge {
	display: none;
	margin-left: .5rem;
	padding: .25em .8em;
	border: 1px solid color-mix( in srgb, var( --nv-accent, #6366f1 ) 35%, transparent );
	border-radius: 999px;
	background: color-mix( in srgb, var( --nv-accent, #6366f1 ) 8%, transparent );
	color: var( --nv-accent, #6366f1 );
	font-size: .68rem;
	font-weight: 700;
	cursor: default;
}
@media ( max-width: 1099px ), print {
	.nv-mnote-mark, .nv-mnote-ed { display: none; }
}