/* Khung bài viết — dùng chung editor + frontend */
.bhx-resources{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:16px 0;
	padding:12px 14px;
	background:#f3f8ee;
	border:1px solid #d7e8c4;
	border-radius:8px;
}
.bhx-res{
	flex:1 1 120px;
	min-width:110px;
	text-align:center;
	padding:6px 8px;
	background:#fff;
	border-radius:6px;
	border:1px solid #e3efd4;
}
.bhx-res strong{
	display:block;
	font-size:13px;
	color:#2f7d32;
	margin-bottom:2px;
}
.bhx-res span{display:block;font-size:15px;color:#222;font-weight:600;}

.bhx-ingredients{
	margin:18px 0;
	padding:14px 16px 8px;
	background:#fff;
	border:1px solid #e5e7eb;
	border-left:5px solid #2e7d32;
	border-radius:6px;
}
.bhx-ingredients h3,
.bhx-ingredients h4{
	margin:0 0 10px;
	font-size:18px;
	font-weight:700;
	color:#1b5e20;
	line-height:1.3;
}
.bhx-ingredients ul{
	margin:0 0 8px;
	padding:0 0 0 20px;
}
.bhx-ingredients li{
	margin:0 0 6px;
	line-height:1.5;
}

.bhx-tip{
	margin:16px 0;
	padding:12px 16px;
	border-radius:8px;
	line-height:1.6;
}
.bhx-tip p{margin:0 0 8px;}
.bhx-tip p:last-child{margin-bottom:0;}
.bhx-tip--green{
	background:#eef8e8;
	border:1px solid #c5e1a5;
	color:#1b5e20;
}
.bhx-tip--note{
	background:#fff8e1;
	border:1px solid #ffe082;
	color:#7a5b00;
}
.bhx-tip strong{color:inherit;}

.bhx-step{
	display:inline-block;
	margin-right:6px;
	padding:2px 10px;
	background:#2e7d32;
	color:#fff !important;
	border-radius:999px;
	font-size:13px;
	font-weight:700;
	line-height:1.6;
	vertical-align:middle;
}
h2 .bhx-step,
h3 .bhx-step,
h4 .bhx-step{position:relative;top:-1px;}

/* ===== Color skins ===== */
.bhx-resources.bhx-skin-green{background:#f3f8ee;border-color:#d7e8c4;}
.bhx-resources.bhx-skin-green .bhx-res{border-color:#e3efd4;}
.bhx-resources.bhx-skin-green .bhx-res strong{color:#2f7d32;}
.bhx-ingredients.bhx-skin-green{border-left-color:#2e7d32;}
.bhx-ingredients.bhx-skin-green h3,
.bhx-ingredients.bhx-skin-green h4{color:#1b5e20;}
.bhx-tip.bhx-skin-green{background:#eef8e8;border:1px solid #c5e1a5;color:#1b5e20;}
.bhx-step.bhx-skin-green{background:#2e7d32;}

.bhx-resources.bhx-skin-blue{background:#eef5fb;border-color:#b6d4ea;}
.bhx-resources.bhx-skin-blue .bhx-res{border-color:#d6e8f5;}
.bhx-resources.bhx-skin-blue .bhx-res strong{color:#1565c0;}
.bhx-ingredients.bhx-skin-blue{border-left-color:#1565c0;}
.bhx-ingredients.bhx-skin-blue h3,
.bhx-ingredients.bhx-skin-blue h4{color:#0d47a1;}
.bhx-tip.bhx-skin-blue{background:#e8f1fb;border:1px solid #90caf9;color:#0d47a1;}
.bhx-step.bhx-skin-blue{background:#1565c0;}

.bhx-resources.bhx-skin-yellow{background:#fff8e1;border-color:#ffe082;}
.bhx-resources.bhx-skin-yellow .bhx-res{border-color:#ffe9a8;}
.bhx-resources.bhx-skin-yellow .bhx-res strong{color:#f9a825;}
.bhx-ingredients.bhx-skin-yellow{border-left-color:#f9a825;}
.bhx-ingredients.bhx-skin-yellow h3,
.bhx-ingredients.bhx-skin-yellow h4{color:#7a5b00;}
.bhx-tip.bhx-skin-yellow{background:#fff8e1;border:1px solid #ffe082;color:#7a5b00;}
.bhx-step.bhx-skin-yellow{background:#f9a825;}

.bhx-resources.bhx-skin-orange{background:#fff3e0;border-color:#ffcc80;}
.bhx-resources.bhx-skin-orange .bhx-res{border-color:#ffe0b2;}
.bhx-resources.bhx-skin-orange .bhx-res strong{color:#ef6c00;}
.bhx-ingredients.bhx-skin-orange{border-left-color:#ef6c00;}
.bhx-ingredients.bhx-skin-orange h3,
.bhx-ingredients.bhx-skin-orange h4{color:#e65100;}
.bhx-tip.bhx-skin-orange{background:#fff3e0;border:1px solid #ffcc80;color:#e65100;}
.bhx-step.bhx-skin-orange{background:#ef6c00;}

.bhx-resources.bhx-skin-red{background:#fdecea;border-color:#f5c6cb;}
.bhx-resources.bhx-skin-red .bhx-res{border-color:#f8d7da;}
.bhx-resources.bhx-skin-red .bhx-res strong{color:#c62828;}
.bhx-ingredients.bhx-skin-red{border-left-color:#c62828;}
.bhx-ingredients.bhx-skin-red h3,
.bhx-ingredients.bhx-skin-red h4{color:#b71c1c;}
.bhx-tip.bhx-skin-red{background:#fdecea;border:1px solid #f5c6cb;color:#b71c1c;}
.bhx-step.bhx-skin-red{background:#c62828;}

.bhx-resources.bhx-skin-gray{background:#f4f6f8;border-color:#d5dbe3;}
.bhx-resources.bhx-skin-gray .bhx-res{border-color:#e3e7ed;}
.bhx-resources.bhx-skin-gray .bhx-res strong{color:#546e7a;}
.bhx-ingredients.bhx-skin-gray{border-left-color:#546e7a;}
.bhx-ingredients.bhx-skin-gray h3,
.bhx-ingredients.bhx-skin-gray h4{color:#37474f;}
.bhx-tip.bhx-skin-gray{background:#f4f6f8;border:1px solid #d5dbe3;color:#37474f;}
.bhx-step.bhx-skin-gray{background:#546e7a;}