.hector-ai-widget {
	border: 1px solid #d9e2ec;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	border-radius: 12px;
	padding: 16px;
	margin: 20px 0;
}

.hector-widget-head {
	font-size: 1.05rem;
	font-weight: 700;
	margin-bottom: 12px;
	color: #0a2a43;
}

.hector-widget-choices {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

.hector-widget-choice {
	text-align: left;
	padding: 10px 12px;
	border: 1px solid #b8c7d9;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
}

.hector-widget-choice.is-correct {
	border-color: #1f8f4f;
	background: #ecf9f1;
}

.hector-widget-choice.is-wrong {
	border-color: #c73e3e;
	background: #fdf1f1;
}

.hector-widget-feedback {
	margin-top: 10px;
	font-size: 0.95rem;
	color: #1f2d3d;
}

.hector-widget-gauge-track {
	height: 14px;
	background: #edf2f7;
	border-radius: 999px;
	overflow: hidden;
}

.hector-widget-gauge-fill {
	height: 100%;
	background: linear-gradient(90deg, #0f62a5, #2aa7a1);
}

.hector-widget-meta {
	margin-top: 8px;
	font-size: 0.9rem;
	color: #334e68;
}

.hector-widget-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.hector-widget-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 0.9rem;
}

.hector-widget-field input {
	padding: 8px;
	border: 1px solid #b8c7d9;
	border-radius: 8px;
}

.hector-widget-run {
	margin-top: 12px;
	border: 0;
	border-radius: 8px;
	background: #0f62a5;
	color: #fff;
	padding: 10px 14px;
	cursor: pointer;
}

.hector-widget-result {
	margin-top: 10px;
	font-weight: 600;
	color: #0a2a43;
}

.hector-widget-compare-row {
	display: grid;
	grid-template-columns: 120px 1fr 56px;
	gap: 10px;
	align-items: center;
	margin-bottom: 8px;
}

.hector-widget-compare-label,
.hector-widget-compare-value {
	font-size: 0.9rem;
	color: #243b53;
}

.hector-widget-compare-bar {
	height: 10px;
	background: #edf2f7;
	border-radius: 999px;
	overflow: hidden;
}

.hector-widget-compare-bar span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #2b8a3e, #63c971);
}

@media (max-width: 760px) {
	.hector-widget-form {
		grid-template-columns: 1fr;
	}

	.hector-widget-compare-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}
}

.hector-ai-affiliate-card {
	border: 1px solid #d6e0ea;
	background: #f7fbff;
	border-radius: 10px;
	padding: 12px;
	margin-top: 12px;
}

.hector-affiliate-eyebrow {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #395b7b;
	margin-bottom: 4px;
}

.hector-affiliate-title {
	font-weight: 700;
	color: #12344d;
	margin-bottom: 6px;
}

.hector-affiliate-price {
	font-size: 13px;
	color: #496581;
	margin-bottom: 8px;
}

.hector-ai-affiliate-link {
	display: inline-block;
	padding: 8px 12px;
	background: #0f62a5;
	color: #fff !important;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
}

.hector-ai-affiliate-link:hover {
	background: #0c4f86;
}