/* 番号リストブロック — フロント＋エディタ共通 */
.entame-numbered-list {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	padding: 0;
}

.entame-numbered-list__item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 16px 0;
	position: relative;
}

/*
 * サイズ・色はエディタのインラインstyleで出力されるため、ここではレイアウト・装飾のみ定義する。
 * デフォルト値: badgeSize=48px, badgeColor=#FFE066, textColor=#333 (editor.js の attributes 参照)
 */
.entame-numbered-list__badge {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	font-weight: 700;
	color: #333;
	line-height: 1;
}

.entame-numbered-list__text {
	flex: 1;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.7;
	color: #333;
	padding-top: 8px;
}

/* モバイル対応 — インラインstyleを上書きするため !important を使用 */
@media (max-width: 480px) {
	.entame-numbered-list__badge {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		font-size: 1em !important;
	}

	.entame-numbered-list__text {
		font-size: 1em;
		padding-top: 4px;
	}

	.entame-numbered-list__item {
		gap: 12px;
		padding: 12px 0;
	}
}