
.ibej-assessment{
	--ink:#101d20;
	--paper:#f2f6f7;
	--line:#d9e0e2;
	--accent:#ffbf00;
	font-family:'Montserrat',Arial,sans-serif;
	color:var(--ink);
}
.ibej-assessment *{box-sizing:border-box}
.ibej-assessment__top{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);
	gap:50px;
	align-items:end;
	margin-bottom:30px;
}
.ibej-assessment__eyebrow{
	display:block;
	font-size:9px;
	font-weight:600;
	letter-spacing:.16em;
}
.ibej-assessment__top h2{
	max-width:760px;
	margin:8px 0 0;
	font-size:clamp(36px,4.5vw,66px);
	line-height:.98;
	font-weight:500;
	letter-spacing:-.045em;
}
.ibej-assessment__top p{
	margin:0;
	color:#657174;
	font-size:14px;
	line-height:1.75;
}
.ibej-assessment__shell{
	display:grid;
	grid-template-columns:280px minmax(0,1fr);
	border:1px solid var(--line);
	background:#fff;
}
.ibej-assessment__nav{
	padding:30px 24px;
	background:var(--ink);
	color:#fff;
}
.ibej-assessment__progress{
	margin-bottom:26px;
}
.ibej-assessment__progress>span{
	display:block;
	margin-bottom:8px;
	font-size:9px;
	letter-spacing:.08em;
	opacity:.65;
}
.ibej-assessment__progress>div{
	height:2px;
	background:rgba(255,255,255,.18);
}
.ibej-assessment__progress i{
	display:block;
	width:0;
	height:100%;
	background:var(--accent);
	transition:width .25s ease;
}
.ibej-assessment__nav ol{
	list-style:none;
	margin:0;
	padding:0;
}
.ibej-assessment__nav li{
	display:grid;
	grid-template-columns:26px 1fr;
	gap:8px;
	padding:10px 0;
	border-bottom:1px solid rgba(255,255,255,.08);
	opacity:.45;
	transition:.2s ease;
}
.ibej-assessment__nav li.is-active{
	opacity:1;
	color:var(--accent);
}
.ibej-assessment__nav li span{
	font-size:8px;
	line-height:1.5;
}
.ibej-assessment__nav li b{
	font-size:10px;
	line-height:1.4;
	font-weight:500;
}
.ibej-assessment__main{
	min-width:0;
	padding:42px;
	background:var(--paper);
}
.ibej-assessment__step{display:none}
.ibej-assessment__step.is-active{display:block}
.ibej-assessment__step-head{
	display:grid;
	grid-template-columns:34px minmax(0,1fr);
	gap:12px;
	margin-bottom:28px;
}
.ibej-assessment__step-head>span{
	padding-top:6px;
	font-size:9px;
	opacity:.5;
}
.ibej-assessment__step-head h3{
	margin:0;
	font-size:31px;
	line-height:1.05;
	font-weight:500;
	letter-spacing:-.025em;
}
.ibej-assessment__step-head p{
	margin:9px 0 0;
	max-width:680px;
	font-size:11px;
	line-height:1.6;
	color:#697476;
}
.ibej-assessment__fields{
	display:grid;
	gap:12px;
}
.ibej-assessment__field{
	padding:18px;
	border:1px solid #d5dddf;
	background:#fff;
}
.ibej-assessment__label{
	display:block;
	margin-bottom:12px;
	font-size:12px;
	line-height:1.45;
	font-weight:500;
}
.ibej-assessment__field input[type=text],
.ibej-assessment__field input[type=number]{
	width:100%;
	min-height:48px;
	padding:11px 13px;
	border:1px solid #cbd4d6;
	border-radius:0;
	background:#fff;
	outline:0;
	font:500 14px/1.4 'Montserrat',Arial,sans-serif;
}
.ibej-assessment__field input:focus{
	border-color:var(--ink);
	box-shadow:0 0 0 1px var(--ink);
}
.ibej-assessment__choices{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.ibej-assessment__choices label{
	position:relative;
	cursor:pointer;
}
.ibej-assessment__choices input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}
.ibej-assessment__choices span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:9px 14px;
	border:1px solid #cbd4d6;
	background:#fff;
	font-size:10px;
	font-weight:500;
	transition:.2s ease;
}
.ibej-assessment__choices input:checked+span{
	border-color:var(--ink);
	background:var(--ink);
	color:#fff;
}
.ibej-assessment__footer{
	display:flex;
	justify-content:space-between;
	gap:10px;
	margin-top:24px;
}
.ibej-assessment__back,
.ibej-assessment__next,
.ibej-assessment__primary,
.ibej-assessment__secondary{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:12px 18px;
	border-radius:999px;
	font:600 10px/1 'Montserrat',Arial,sans-serif;
	cursor:pointer;
	text-decoration:none;
}
.ibej-assessment__back,
.ibej-assessment__secondary{
	border:1px solid #9ba7a9;
	background:transparent;
	color:var(--ink);
}
.ibej-assessment__back:disabled{opacity:.3;cursor:not-allowed}
.ibej-assessment__next,
.ibej-assessment__primary{
	border:1px solid var(--ink);
	background:var(--ink);
	color:#fff;
}
.ibej-assessment__next:hover,
.ibej-assessment__primary:hover{
	border-color:var(--accent);
	background:var(--accent);
	color:var(--ink);
}
.ibej-assessment__result[hidden]{display:none}
.ibej-assessment__result-head{
	padding-bottom:26px;
	border-bottom:1px solid rgba(16,29,32,.12);
}
.ibej-assessment__result-head>span{
	font-size:9px;
	letter-spacing:.14em;
}
.ibej-assessment__result-head h3{
	margin:7px 0;
	font-size:38px;
	line-height:1;
	font-weight:500;
	letter-spacing:-.035em;
}
.ibej-assessment__result-head p{
	max-width:750px;
	margin:0;
	font-size:11px;
	line-height:1.65;
	color:#657174;
}
.ibej-assessment__result-kpi{
	display:grid;
	grid-template-columns:1fr 1fr;
	margin:24px 0;
	border:1px solid #d4dcde;
	background:#fff;
}
.ibej-assessment__result-kpi>div{
	padding:20px;
}
.ibej-assessment__result-kpi>div:first-child{
	border-right:1px solid #d4dcde;
}
.ibej-assessment__result-kpi span{
	display:block;
	margin-bottom:6px;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#657174;
}
.ibej-assessment__result-kpi strong{
	font-size:28px;
	font-weight:500;
}
.ibej-assessment__summary{
	display:grid;
	gap:10px;
}
.ibej-assessment__summary-group{
	padding:18px;
	border:1px solid #d4dcde;
	background:#fff;
}
.ibej-assessment__summary-group h4{
	margin:0 0 12px;
	font-size:15px;
	font-weight:600;
}
.ibej-assessment__summary-group dl{
	margin:0;
}
.ibej-assessment__summary-group div{
	display:grid;
	grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr);
	gap:20px;
	padding:8px 0;
	border-top:1px solid #edf0f1;
}
.ibej-assessment__summary-group dt{
	font-size:10px;
	line-height:1.45;
	color:#657174;
}
.ibej-assessment__summary-group dd{
	margin:0;
	font-size:10px;
	line-height:1.45;
	font-weight:600;
	text-align:right;
}
.ibej-assessment__actions{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
	margin-top:24px;
}
.ibej-assessment__copy-status{
	min-height:16px;
	margin:8px 0 0;
	font-size:9px;
	color:#657174;
}
.ibej-assessment__disclaimer{
	margin:12px 0 0;
	max-width:1000px;
	font-size:9px;
	line-height:1.65;
	color:#798385;
}
@media(max-width:980px){
	.ibej-assessment__top{grid-template-columns:1fr;gap:16px}
	.ibej-assessment__shell{grid-template-columns:1fr}
	.ibej-assessment__nav{padding:20px}
	.ibej-assessment__nav ol{
		display:flex;
		overflow:auto;
		gap:10px;
		padding-bottom:6px;
	}
	.ibej-assessment__nav li{
		flex:0 0 155px;
		border:1px solid rgba(255,255,255,.13);
		padding:10px;
	}
}
@media(max-width:680px){
	.ibej-assessment__top h2{font-size:39px}
	.ibej-assessment__main{padding:26px 18px}
	.ibej-assessment__step-head{grid-template-columns:1fr;gap:4px}
	.ibej-assessment__step-head h3{font-size:27px}
	.ibej-assessment__field{padding:15px}
	.ibej-assessment__field input[type=text],
	.ibej-assessment__field input[type=number]{font-size:16px}
	.ibej-assessment__choices{
		display:grid;
		grid-template-columns:1fr;
	}
	.ibej-assessment__choices label,
	.ibej-assessment__choices span{width:100%}
	.ibej-assessment__footer{
		display:grid;
		grid-template-columns:1fr 1fr;
	}
	.ibej-assessment__back,
	.ibej-assessment__next{width:100%}
	.ibej-assessment__result-kpi{grid-template-columns:1fr}
	.ibej-assessment__result-kpi>div:first-child{
		border-right:0;
		border-bottom:1px solid #d4dcde;
	}
	.ibej-assessment__summary-group div{
		grid-template-columns:1fr;
		gap:3px;
	}
	.ibej-assessment__summary-group dd{text-align:left}
	.ibej-assessment__actions{display:grid}
	.ibej-assessment__primary,
	.ibej-assessment__secondary{width:100%}
}
