/***** STRATEGY HEALTH CHECK *****/

.hc-wrap {
	max-width: 100%;
	margin: 0 auto;
	padding: calc(2*var(--unit));
	
	box-shadow: 0 0 calc(1*var(--unit)) var(--off-white);
	border: 1px solid var(--primary);
}

@media screen and (max-width: 1200px) {

	.hc-wrap {
		padding: calc(1*var(--unit));
	}
	
}

.hc-stage {
	overflow: auto;
	overflow-x: hidden;
}

.hc-wizard {
	position: relative;
	padding: calc(1*var(--unit))
}

.hc-post {
	position: relative;
	padding: calc(1*var(--unit));
}

.hc-progress {
	height: 6px; 
	background: var(--off-white);
	overflow: hidden; 
	margin: 16px 0 18px;
}

.hc-progress__bar {
	height: 100%; 
	width: 0%; 
	background: var(--primary); 
	transition: width .25s ease; }

.hc-step {
	display: none;
	box-sizing: border-box;
	max-width: 100%;
}

.hc-step.is-active {
	display: block; 
}

.hc-q { 
	display: block; 
	margin: calc(2*var(--unit)) 0 calc(4*var(--unit))
}

.hc-q > span { 
	display: block;	
	font-size: calc(3 * var(--unit));
	line-height: 1.25; 
	margin-bottom: calc(2*var(--unit)); 
}

.hc-text {
	margin: calc(2*var(--unit)) 0;
}

.hc-text p:last-child {
	margin-bottom: 0;
}

.hc-intro {
	margin: calc(2*var(--unit)) 0;
}

.hc-intro p:last-child {
	margin-bottom: 0;
}

.hc-scale { 
	display: flex; 
	gap: calc(1*var(--unit)); 
	flex-wrap: wrap; 
}

.hc-scale label { 
	border: 1px solid var(--primary);
	padding: calc(2*var(--unit)); 
	cursor: pointer; 
	user-select: none; 
	clear: both;
}

.hc-scale label:hover { 
	border: 1px solid var(--primary);
	padding: calc(2*var(--unit)); 
	cursor: pointer; 
	user-select: none; 
	box-shadow: calc(.25*var(--unit)) calc(.25*var(--unit)) calc(1*var(--unit)) var(--primary);
}

.hc-scale label:has(input:checked) {
	background: var(--primary);
}

@media screen and (max-width: 1200px) {

	.hc-scale label {
		width: 100%;
	}
	
}

.hc-scale input {
	margin-right: calc(1*var(--unit));
	
	display: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: none;
	margin: 0;
}

.hc-nav { 
	display: flex; 
	gap: calc(2*var(--unit)); 
	margin-top: calc(1*var(--unit)); 
}

.hc-nav button:disabled { 
	opacity: .5; 
	cursor: not-allowed; }

.hc-invalid { 
	/* outline: 2px solid var(--error); 
	outline-offset: calc(1*var(--unit)); 
	border-radius: calc(2*var(--unit)); */
}

.hc-status { 
	font-size: calc(3*var(--unit));
}

.hc-outro__owner {
	margin-top: calc(2*var(--unit));
	padding: calc(1.5*var(--unit));
	border: 1px dashed var(--primary);
}

.hc-outro__owner a {
	word-break: break-all;
}

.hc-btn {
	border: 1px solid var(--primary);
	background: transparent;
	padding: calc(0.75*var(--unit)) calc(1.5*var(--unit));
	cursor: pointer;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.hc-btn:hover {
	box-shadow: calc(.25*var(--unit)) calc(.25*var(--unit)) calc(1*var(--unit)) var(--primary);
}

.hc-results-wrapper {
	padding: calc(2*var(--unit));
	margin-bottom: calc(3 * var(--unit));
}

.hc-results-wrapper[data-band="green"] {
	background: #80856d;
}

.hc-results-wrapper[data-band="yellow"] {
	background: #f9ec94;
}

.hc-results-wrapper[data-band="red"] {
	background: #f0a1bf;
}

.hc-results-wrapper {
	padding: calc(2*var(--unit));
	background: pink;
}

.hc-score-circle {
	position: relative;
	width: 120px;
	height: 120px;
	color: #111;
}

.hc-score-circle__svg {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}

.hc-score-circle__track {
	fill: none;
	stroke: rgba(0,0,0,0.2);
	stroke-width: 1;
}

.hc-score-circle__value {
	fill: none;
	stroke: currentColor;
	stroke-width: 1;
	stroke-linecap: butt;
}

.hc-score-circle__label {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

.hc-brevo {
	margin-top: calc(1.5 * var(--unit));
}

.hc-brevo__form {
	display: grid;
	gap: calc(1 * var(--unit));
}

.hc-brevo__fields {
	display: grid;
	gap: calc(0.75 * var(--unit));
}

.hc-brevo__field {
	display: grid;
	gap: 6px;
}

.hc-brevo__field input:not([type="checkbox"]):not([type="radio"]),
.hc-brevo__field select,
.hc-brevo__field textarea {
	font: inherit;
	color: inherit;
	background: inherit;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 40px;
	margin: 0;
}

.hc-brevo__field textarea {
	min-height: 120px;
}

.hc-brevo__status {
	min-height: 1.2em;
	color: inherit;
}


.hc-radar {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: calc(1 * var(--unit));
}

.hc-radar__svg {
	width: 240px;
	height: 240px;
}

.hc-radar__grid {
	fill: none;
	stroke: rgba(255, 232, 0, 0.25);
	stroke-width: 1;
}

.hc-radar__axis {
	stroke: rgba(0, 0, 0, 0.25);
	stroke-width: 1;
}

.hc-radar__series {
	fill: rgba(255, 232, 0, var(--hc-radar-alpha, 0.35));
	stroke: rgba(255, 232, 0, var(--hc-radar-alpha, 0.6));
	stroke-width: 1;
}

.hc-radar__labels {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: calc(0.4 * var(--unit));
	width: 100%;
	max-width: 520px;
	font-size: 0.8rem;
	text-align: left;
}

.hc-radar__labels strong {
	margin-right: 4px;
}

.hc-results__scenario-code {
	margin: 0 0 calc(0.4 * var(--unit));
	font-size: 0.85rem;
}

.hc-results__scenario-key {
	font-weight: 600;
}

.hc-results__bullet-list {
	margin-top: calc(0.75 * var(--unit));
	display: flex;
	flex-direction: column;
	gap: calc(0.9 * var(--unit));
}

.hc-results__bullet-row {
	display: flex;
	flex-direction: column;
	gap: calc(0.35 * var(--unit));
}

.hc-results__bullet-head {
	display: flex;
	justify-content: space-between;
	gap: calc(0.6 * var(--unit));
	align-items: center;
	font-size: 0.82rem;
}

.hc-results__bullet-head p {
	margin: 0;
}

.hc-results__bullet-label {
	font-weight: 600;
	color: #161616;
}

.hc-results__bullet-values {
	color: #525252;
	font-variant-numeric: tabular-nums;
}

.hc-results__bullet-track {
	position: relative;
	height: 18px;
	width: 100%;
	border: 3px solid var(--primary);
	background: transparent;
	box-sizing: border-box;
}

.hc-results__bullet-value {
	position: absolute;
	left: 0;
	top: 3px;
	bottom: 3px;
	background: var(--primary);
	margin: 0;
}

.hc-results__bullet-marker {
	position: absolute;
	top: -8px;
	bottom: -8px;
	width: 2px;
	background: var(--primary);
	transform: translateX(-1px);
	margin: 0;
}

.hc-results__scenario-actions {
	position: relative;	
	
	padding: 0;
	margin: 0 0 calc(3 * var(--unit)) 0;
}

.hc-results__scenario-actions li {
	position: relative;
	
	margin: 0 0 calc(3 * var(--unit)) 0;
	padding: 0 0 0 calc(3 * var(--unit));
}

.hc-results__scenario-actions li::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(1 * var(--unit));
	width: calc(2 * var(--unit));
	height: calc(2 * var(--unit));
	background-color: var(--primary);
	border-radius: 50%;
}

@media screen and (max-width: 680px) {
	.hc-results__bullet-head {
		flex-direction: column;
		align-items: flex-start;
	}
}