/* brand_facts/index.css
   レイアウト: web/article_layout.css
   Markdown 基本スタイル: web/markdown_body.css
   ここでは brand_facts 固有の複雑なリスト構造のみ上書き */

/* ul 共通リセット：共有ファイルの padding-left を上書き */
.article-body .markdown-body ul > li {
  margin-bottom: 6px;
  padding-left: 0;
}

/* 共有の bullet を一旦非表示（下記 :not(:has(> ul)) で再定義） */
.article-body .markdown-body ul > li::before {
  display: none;
}

/* ネスト付き li（**タイトル** + サブリスト） */
.article-body .markdown-body ul > li:has(> ul) {
  margin-bottom: 20px;
}

.article-body .markdown-body ul > li:has(> ul) > p {
  margin: 0 0 8px;
}

.article-body .markdown-body ul > li:has(> ul) > p > strong {
  display: inline-block;
  color: #1e40af;
  font-size: 15px;
  font-weight: 700;
  padding: 4px 10px;
  background: #eff6ff;
  border-left: 3px solid #3b82f6;
  border-radius: 0 4px 4px 0;
}

/* 内側 ul（詳細リスト） */
.article-body .markdown-body ul > li > ul {
  margin: 4px 0 0 4px;
  padding-left: 16px;
  border-left: 2px solid #dbeafe;
}

.article-body .markdown-body ul > li > ul > li {
  margin-bottom: 8px;
  position: relative;
}

.article-body .markdown-body ul > li > ul > li > p {
  font-size: 14px;
  line-height: 1.85;
  color: #475569;
  margin: 0;
}

/* シンプルな li（ネストなし）: bullet を有効化 */
.article-body .markdown-body ul > li:not(:has(> ul)) {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.article-body .markdown-body ul > li:not(:has(> ul))::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  background: #3b82f6;
  border-radius: 50%;
}

.article-body .markdown-body ul > li:not(:has(> ul)) > p {
  margin: 0;
  font-size: 15px;
  color: #334155;
}

/* ol nested：レビュー引用ブロック構造 */
.article-body .markdown-body ol > li:has(> ul) {
  margin-bottom: 24px;
}

.article-body .markdown-body ol > li:has(> ul) > p:first-child > strong {
  color: #1e40af;
  font-size: 15px;
  font-weight: 700;
}

.article-body .markdown-body ol > li:has(> ul) > p:not(:first-child) {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 8px;
}

.article-body .markdown-body ol > li > ul {
  list-style: none;
  padding-left: 0;
  border-left: none;
  margin: 8px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.article-body .markdown-body ol > li > ul > li {
  background: #f8fafc;
  border-left: 3px solid #bfdbfe;
  border-radius: 0 6px 6px 0;
  padding: 10px 14px;
  margin: 0;
  font-size: 14px;
  color: #475569;
  line-height: 1.8;
  font-style: italic;
}

.article-body .markdown-body ol > li > ul > li::before {
  display: none;
}

.article-body .markdown-body ol > li > ul > li > p {
  margin: 0;
  font-size: 14px;
  color: #475569;
  font-style: italic;
}