.aside[aside-id] {
	&::before {
		content: attr(aside-id)" ";
	}

	p {
		display: inline;
	}

	opacity: var(--opacity-focus);

	&:hover {
		opacity: 100%;
	}
}

.aside-parent {
	margin-top: 20px;

	.toggle {
		display: none;
	}

	.with-aside {
		sup {
			font-size: small;
			font-weight: bold;
		}

		:first-child {
			margin-top: 0px !important;
		}
	}

	/* Big screen */
	@media screen and (min-width: 761px) {
		display: grid;
		grid-template-columns: var(--standard-width) calc(100% - var(--standard-width));

		p {
			width: 100%;
		}

		>* {
			grid-column: 1;
			width: 100%;
		}

		.aside {
			width: 70%;
			font-size: .9em;
			margin-left: 10%;
			display: block;
			grid-column: 2;
			padding-bottom: 15px;
		}
	}

	/* Small screen */
	@media screen and (max-width: 760px) {
		.aside {
			display: none;
			border: 1px solid var(--foreground-colour);
			border-radius: 5px;
			padding: 5px;
			opacity: 100%;
		}
	}
}