/* 箇条書きリストブロック */
.withmind-bulleted-list {
	max-width: 1200px;
	margin: 40px auto;
}

.withmind-bulleted-list__inner {
	border: 1px solid #d1d5dc;
	background-color: #fff;
	padding: 0 20px;
}

.withmind-bulleted-list__list {
	list-style: none;
	padding: 20px 20px 20px 20px !important;
	margin: 0;
}

/* 投稿コンテンツ内でも padding 20px を適用（グローバル ul スタイルより優先） */
.single-post__content .withmind-bulleted-list__list,
.single-post-content .withmind-bulleted-list__list,
.wp-block-post-content .withmind-bulleted-list__list,
.entry-content .withmind-bulleted-list__list {
	padding: 20px !important;
}

.withmind-bulleted-list__list--numbers {
	list-style: none;
	padding-left: 0;
}

/* bullet を ::before で描画（他CSS由来の抑制ルールより高い詳細度で上書き） */
.withmind-bulleted-list__inner .withmind-bulleted-list__list .withmind-bulleted-list__item::before {
	content: "•" !important;
	display: block !important;
	position: absolute !important;
	left: 0.15em;
	top: 0;
	line-height: 1.8;
	color: #333333;
	font-size: 1rem;
}

.withmind-bulleted-list__item {
	margin-bottom: 8px;
	color: #333333;
	font-size: 1rem;
	line-height: 1.8;
	list-style: none;
	position: relative;
	padding-left: 1.4em;
}

.withmind-bulleted-list__item:last-child {
	margin-bottom: 0;
}

.withmind-bulleted-list__list--numbers .withmind-bulleted-list__item {
	list-style-type: none;
	padding-left: 40px;
}

/* 数字リストでは bullet を非表示 */
.withmind-bulleted-list__inner .withmind-bulleted-list__list--numbers .withmind-bulleted-list__item::before {
	content: none !important;
	display: none !important;
}

.withmind-bulleted-list__item::marker {
	color: #333333;
}

.withmind-bulleted-list__list--numbers .withmind-bulleted-list__item::marker {
	display: none;
}

.withmind-bulleted-list__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #4A5568;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	position: absolute;
	left: -10px;
	top: 0;
	margin-top: 2px;
}

/* inlineにして・が先頭文字の位置に揃うようにする（mark等を含む場合もずれない） */
.withmind-bulleted-list__item-text {
	display: inline;
	line-height: 1.8;
	vertical-align: baseline;
}

.withmind-bulleted-list__item-text .medical-marker {
	vertical-align: baseline;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
	.withmind-bulleted-list__inner {
		padding: 0 20px;
	}
}

@media (max-width: 480px) {
	.withmind-bulleted-list {
		margin: 20px auto;
	}
}