/* Tabbed UI starts */

.ccohs-tabbed {
	--neutral-clr-100: hsl(0 0% 100%);
	/*#C4C4C4*/
	--neutral-clr-105: hsl(0 0% 77%);
	--neutral-clr-500: hsl(0 0% 0%);
}

.ccohs-tabbed>.tabbed__listing {
	list-style-type: none;
}

.ccohs-tabbed [role="tablist"] {
	padding: 0;
	margin: 0;
}


.ccohs-tabbed .tabbed__list-link,
.ccohs-tabbed>.tabbed__listing,
.ccohs-tabbed [role="tablist"] li,
.ccohs-tabbed [role="tablist"] a {
	display: inline-block;
	padding-bottom: 0;
}

.ccohs-tabbed .tabbed__list-link,
.ccohs-tabbed [role="tablist"] a {
	text-decoration: none;
	padding: 1rem 1em;
	background-color: #E8E8E8;
	border-top: 10px solid transparent;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.25;
}

.ccohs-tabbed .tabbed__list-link,
.ccohs-tabbed .tabbed__list-link:visited,
.ccohs-tabbed [role="tablist"] a,
.ccohs-tabbed [role="tablist"] a:visited {
	color: hsl(0, 0%, 15%);
}

.ccohs-tabbed .tabbed__list-link:hover,
.ccohs-tabbed .tabbed__list-link:focus,
.ccohs-tabbed [role="tablist"] a:hover,
.ccohs-tabbed [role="tablist"] a:focus {
	color: hsl(0, 0%, 5%);
}

.ccohs-tabbed [role="tablist"] a:focus-visible {
	outline: 2px dashed hsl(0, 0%, 15%);
}

.ccohs-tabbed [role="tablist"] a:focus:not(:focus-visible) {
	outline: none;
	box-shadow: 1px 1px 5px hsl(0, 0%, 15%);
}

@supports(--css: variables) {

	.ccohs-tabbed [role="tablist"] a,
	.ccohs-tabbed [role="tablist"] a:visited {
		--standalone-primary-colour: hsl(0, 0%, 15%);
		color: var(--standalone-primary-colour);
	}

	.ccohs-tabbed [role="tablist"] a:hover,
	.ccohs-tabbed [role="tablist"] a:focus {
		--standalone-primary-colour: hsl(0, 0%, 5%);
		color: var(--standalone-primary-colour);
	}
}

.ccohs-tabbed .tabbed__listing *+*,
.ccohs-tabbed [role="tablist"] *+* {
	margin-left: 1rem;
	/* margin-left: 0; */
	/*for SCC */
}

.ccohs-tabbed>.tabbed__listing {
	display: flex;
}

.ccohs-tabbed [role="tablist"] .tabbed__list-link {
	flex: 1;
}

.ccohs-tabbed [role="tablist"] .tabbed__list-link--multi-tabs {
	max-width: 280px;
}

.ccohs-tabbed [role="tablist"] .tabbed__list-item {
	display: flex;
	flex: 1;
}

.ccohs-tabbed [role="tablist"] [aria-selected] {
	color: hsl(0, 0%, 15%);
	border-top: 10px solid hsl(37, 88%, 62%);
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
	background: #fff;
	border-bottom: 0;
	position: relative;
	top: 2px;
}

.ccohs-tabbed [role="tabpanel"] {
	border: 1px solid #707070;
	padding: 1.5rem;
}

.ccohs-tabbed:focus {
	outline: none;
	box-shadow: inset 0 0 0 4px hsl(37, 88%, 62%);
}

@supports(--css: variables) {
	.ccohs-tabbed [role="tablist"] [aria-selected] {
		border-top: 10px solid var(--standalone-accent-colour);
	}

	.tabbed__list-item--iso .tabbed__list-link,
	.ccohs-tabbed [role="tablist"] .tabbed__list-item--iso a,
	.ccohs-tabbed [role=tablist] .tabbed__list-item--iso [aria-selected] {
		border-top: 10px solid var(--iso-standards-clr);
	}

	.tabbed__list-item--iec .tabbed__list-link,
	.ccohs-tabbed [role="tablist"] .tabbed__list-item--iec a,
	.ccohs-tabbed [role=tablist] .tabbed__list-item--iec [aria-selected] {
		border-top: 10px solid var(--iec-standards-clr);
	}

	.ccohs-tabbed [role="tablist"] [aria-selected] {
		--standalone-primary-colour: hsl(0, 0%, 15%);
		border-left: 1px solid var(--standalone-primary-colour);
		border-right: 1px solid var(--standalone-primary-colour);
	}

	.ccohs-tabbed [role="tabpanel"] {
		border: 1px solid var(--light-grey);
	}


	/* .ccohs-tabbed:focus {
box-shadow: inset 0 0 0 4px var(--standalone-accent-colour);
} */

	.ccohs-tabbed [role="tablist"] a:focus-visible {
		--standalone-primary-colour: hsl(0, 0%, 15%);
		outline: 2px dashed var(--standalone-primary-colour);
	}

	.ccohs-tabbed [role="tablist"] a:focus:not(:focus-visible) {
		--standalone-primary-colour: hsl(0, 0%, 15%);
		box-shadow: 1px 1px 5px var(--standalone-primary-colour);
	}

}


/* For small viewports only starts  */
@media only screen and (max-width: 655px) {

	.ccohs-tabbed [role="tablist"] li,
	.ccohs-tabbed [role="tablist"] a {
		display: block;
		position: static;
	}

	.ccohs-tabbed .tabbed__list-link,
	.ccohs-tabbed [role="tablist"] a {
		text-align: left;
		width: 100%;
		border: 1px solid #707070;
	}

	.ccohs-tabbed [role="tablist"] li+li a {
		border-top: 0 !important;
	}

	.ccohs-tabbed [role="tablist"] [aria-selected] {
		position: static;
		border-top: 1px solid #707070;
		border-left: 10px solid hsl(37, 88%, 62%);
		border-right: 1px solid #707070;
		border-bottom: 1px solid #707070;
	}

	@supports(--css: variables) {
		.ccohs-tabbed [role="tablist"] a {
			border: 1px solid var(--standalone-primary-colour);
		}

		.ccohs-tabbed [role="tablist"] [aria-selected] {
			position: static;
			border-top: 1px solid var(--standalone-primary-colour);
			border-right: 1px solid var(--standalone-primary-colour);
			border-bottom: 1px solid var(--standalone-primary-colour);
			border-left: 10px solid var(--standalone-accent-colour);
		}

		.tabbed__list-item .tabbed__list-link,
		.ccohs-tabbed [role="tablist"] .tabbed__list-item a,
		.ccohs-tabbed [role=tablist] .tabbed__list-item [aria-selected],
		.ccohs-tabbed [role=tablist] .tabbed__list-item [aria-selected] {
			border-top: 1px solid transparent;
		}

		.tabbed__list-item--iso .tabbed__list-link,
		.ccohs-tabbed [role="tablist"] .tabbed__list-item--iso a,
		.ccohs-tabbed [role=tablist] .tabbed__list-item--iso [aria-selected] {
			border-left: 10px solid var(--iso-standards-clr);
		}

		.tabbed__list-item--iec .tabbed__list-link,
		.ccohs-tabbed [role="tablist"] .tabbed__list-item--iec a,
		.ccohs-tabbed [role=tablist] .tabbed__list-item--iec [aria-selected] {
			border-left: 10px solid var(--iec-standards-clr);
		}



	}



	.ccohs-tabbed .tabbed__listing *+*,
	.ccohs-tabbed [role="tabpanel"] *+* {
		margin-top: 0.75rem;
	}

	.ccohs-tabbed .tabbed__listing *+*,
	.ccohs-tabbed [role="tablist"] *+* {
		margin-left: 0;
	}

	.ccohs-tabbed [role="tablist"] [aria-selected]::after {
		content: '\0020⬅';
	}

	.ccohs-tabbed [role="tabpanel"] {
		border-top: 0;
	}

	.ccohs-tabbed>.tabbed__listing {
		display: block;
		width: 100%;
	}

	.ccohs-tabbed [role="tablist"] .tabbed__list-link--multi-tabs {
		max-width: 100%;
	}

	.ccohs-tabbed [role="tablist"] .tabbed__list-item {
		flex-direction: column;
		text-align: left;
	}

}

/* For small viewports only ends  */
	.topic-page [data-tabs="topics"] [role="tabpanel"],
    [data-tabs="products"] [role="tabpanel"]
{
	border: none;
	padding: 0;
}

@media screen and (min-width: 656px) {
[data-tabs="topics"] [role=tablist],[data-tabs="products"] [role=tablist] {
		border-inline: 1px solid var(--neutral-clr-500);
	}
	[data-tabs="topics"] [role=tablist]>*+*,[data-tabs="products"] [role=tablist]>*+* {
		border-inline-start: 1px solid var(--neutral-clr-500);
	}
}
[data-tabs="topics"] .tabbed__list-link,
[data-tabs="topics"] [role=tablist] a,[data-tabs="products"] .tabbed__list-link,
[data-tabs="products"] [role=tablist] a {
	font-size: unset;
	line-height: unset;
	padding: 3rem 1em;
	border-top: none;
}
/* Topics style */
[data-tabs="topics"] .tabbed__list-link,
[data-tabs="topics"] [role=tablist] a {
	background-color: var(--clr-primary);
}
/* P&S style */
[data-tabs="products"] .tabbed__list-link,
[data-tabs="products"] [role=tablist] a {
	background-color: var(--neutral-clr-105);
}


[data-tabs="topics"] .tabbed__listing--topics *+*,
[data-tabs="topics"] .tabbed__listing--topics [role=tablist] *+*,
[data-tabs="products"] .tabbed__listing--products *+*,
[data-tabs="products"] .tabbed__listing--products [role=tablist] *+* {
	margin-inline-start: inherit;
}

[data-tabs="topics"] [role=tablist] li>[aria-selected],
[data-tabs="products"] [role=tablist] li>[aria-selected]
{
	position: relative;
	top: 0;
	background-color: var(--neutral-clr-500);
	color: var(--neutral-clr-100);
	border: none;
}


[data-tabs="topics"] [role=tablist] li [aria-selected]::before,
[data-tabs="products"] [role=tablist] li [aria-selected]::before {
	content: " ";
	position: absolute;
	bottom: -9px;
	left: 0;
	right: 0;
	border-top: 10px solid var(--neutral-clr-500);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	margin: 0 auto;
	width: 1rem;

}

[data-tabs="topics"] .tabbed__list-link,
[data-tabs="topics"] [role=tablist] a,
[data-tabs="products"] .tabbed__list-link,
[data-tabs="products"] [role=tablist] a
{
	padding: 1rem 1em;
	text-align: center;
	text-decoration: none;
}

[data-tabs="topics"] .tabbed__listing--topics:has(+*),[data-tabs="products"] .tabbed__listing--products:has(+*) {
	margin-block-end: 2.5rem;
}

.ccohs-tabbed [role="tablist"] a:focus:not(:focus-visible) {
	box-shadow: none;
}

[data-tabs="topics"] [role=tablist] a:focus,[data-tabs="products"] [role=tablist] a:focus {
	outline-color: transparent;
}

[data-tabs="topics"] [role=tablist] a:focus-visible,[data-tabs="products"] [role=tablist] a:focus-visible {
	box-shadow: 0 0 0 2px var(--neutral-clr-100), 0 0 0 4px var(--neutral-clr-500);
	outline: 2px solid transparent;
}

@media only screen and (max-width: 655px) {
	[data-tabs="topics"] [role="tablist"] li+li a,[data-tabs="products"] [role="tablist"] li+li a {
		margin-block-start: 1rem;
	}

	[data-tabs="topics"] [role="tablist"] [aria-selected]::after,[data-tabs="products"] [role="tablist"] [aria-selected]::after {
		content: '';
	}

	[data-tabs="topics"] .topic-subsection ul>*+* {
		margin-block-start: 0;
	}

}




/* Tabbed UI ends */

/* PRINT friendly starts */
@media print {
	.ccohs-tabbed>.tabbed__listing>.tabbed__list-item {
		display: none;
	}

	/* SPECIFICS */
	.ccohs-tabbed [role="tabpanel"] {
		border: none;
	}
}

/* PRINT-friendly ends */