.processed-article-no {
	--even-group: rgba(0, 0, 0, 0.00);
	--odd-group: rgba(0, 0, 0, 0.15);

	word-wrap: break-word;
	position: relative;
	display: grid;
	grid-template-columns: min-content;
	overflow: hidden;

	&.show-normal {
		.actual {
			display: block;
		}
	}

	&.show-overlay {
		.actual {
			display: block;
			position: relative;
			z-index: 101;

			.overlay {
				display: flex;

				div {
					display: block;
				}
			}

		}

		&+.description {
			margin-top: 30px;
		}
	}

	&.show-split {
		.split {
			display: block;
		}
	}

	.actual {
		display: none;
		word-wrap: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

		.text {
			font-family: 'Roboto Mono';
			font-weight: bold;
			font-size: 1.25em;
		}

		.overlay {
			display: none;
			position: absolute;
			top: 0px;
			display: flex;
			z-index: 100;

			div {
				display: none;
				font-family: 'Roboto Mono';
				font-weight: bold;
				font-size: 1.25em;

				&:nth-child(even) {
					background-color: var(--even-group);
				}

				&:nth-child(odd) {
					background-color: var(--odd-group);
				}

			}
		}


	}

	.split {
		display: none;

		font-family: 'Roboto Mono';
		font-weight: bold;
		font-size: 1.25em;

	}
}