.note:hover {
	color: #00f;
}
.note__self {
	position: relative;
	background: #fff;
	padding: 1rem;
	font-size: 1.25rem;
    line-height: 1.33;
    padding: 1rem 4rem 1rem 1.25rem ;
	margin: 1rem 0;
    display: none;
}
.note.open + .note__self {
	display: block
}
.note__close {
	display: block;
	right: 1.25rem;
	opacity: .5;
	top: .75rem;
	font-weight: 300;
	font-size: 1.5rem;
	position: absolute;
	cursor: pointer
}
.note__close:hover {
	opacity: 1;
}
.note__self sup,
.note sup {
	font-size: 60%;
	vertical-align: top;
	display: inline-block
}