.reading-material {
	width: 100%;
	flex: 0 1 auto;

	.details {
		display: flex;
		flex-direction: column;
		gap: 20px;

		.publication {
			font-weight: 800;
		}

		.banner {
			margin-top: 0;
			display: block;
			width: 100%;
			height: auto;
		}
	}

	article {
		margin-top: calc(80 * var(--variable-px));
	}

	.social {
		width: 100%;
		display: flex;
		gap: calc(var(--font-size-link) * 0.8);
		flex-wrap: wrap;
		justify-content: center;
	}
}