.firstHeading {
	margin: 0;
	overflow-wrap: break-word;
	word-break: break-word;
}

.mw-page-title {
	&-namespace {
		color: var( --color-base );
	}

	&-separator {
		margin-right: var( --space-xxs );
		color: var( --color-base--subtle );
	}

	&-parenthesis {
		color: var( --color-base--subtle );
		font-size: var( --font-size-h3 );
	}
}

.citizen-body {
	a.image {
		display: inline-block;
		overflow: hidden;
		vertical-align: top; // get rid of that weird bottom gap from inline block

		> img {
			transition: @transition-transform;
		}

		// Add affordance to replace magnify icon
		&:hover:not( .lazy ):not( .new ) {
			> img {
				transform: scale( 1.1 );
			}
		}
	}
}