/* stylelint-disable no-descending-specificity */
/* stylelint-disable custom-property-pattern */
.ht,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	--YA: -0.24em;
	--AY: -0.24em;
	--YC: -0.15em;
	--CY: -0.12em;

	& [data-per='Y'],
	&.uppercase [data-per='Y' i] {
		&:is([data-per='A'] + *),
		.uppercase &:is([data-per='A' i] + *) {
			margin-inline-start: var(--AY);
		}

		&:has(+ [data-per='A']),
		.uppercase &:has(+ [data-per='A' i]) {
			margin-inline-end: var(--YA);
		}

		&:is([data-per='C'] + *),
		.uppercase &:is([data-per='C' i] + *) {
			margin-inline-start: var(--CY);
		}

		&:has(+ [data-per='C']),
		.uppercase &:has(+ [data-per='C' i]) {
			margin-inline-end: var(--YC);
		}
	}

	--VA: -0.22em;
	--AV: -0.22em;
	--VC: -0.13em;
	--CV: -0.11em;
	--DV: -0.14em;

	& [data-per='V'],
	&.uppercase [data-per='V' i] {
		&:is([data-per='A'] + *),
		.uppercase &:is([data-per='A' i] + *) {
			margin-inline-start: var(--AV);
		}

		&:has(+ [data-per='A']),
		.uppercase &:has(+ [data-per='A' i]) {
			margin-inline-end: var(--VA);
		}

		&:is([data-per='C'] + *),
		.uppercase &:is([data-per='C' i] + *) {
			margin-inline-start: var(--CV);
		}

		&:has(+ [data-per='C']),
		.uppercase &:has(+ [data-per='C' i]) {
			margin-inline-end: var(--VC);
		}

		&:is([data-per='D'] + *),
		.uppercase &:is([data-per='D' i] + *) {
			margin-inline-start: var(--DV);
		}
	}

	--AT: -0.2em;
	--TA: -0.2em;

	& [data-per='A'],
	&.uppercase [data-per='A' i] {
		&:is([data-per='T'] + *),
		.uppercase &:is([data-per='T' i] + *) {
			margin-inline-start: var(--AT);
		}

		&:has(+ [data-per='T']),
		.uppercase &:has(+ [data-per='T' i]) {
			margin-inline-end: var(--TA);
		}
	}
}