/* ここはあなたの既存CSSそのまま（変更禁止） */
/* ===== 段落の右ズレ（インデント量だけ調整可） ===== */
.case-summary {
  --case-summary-indent: 10px;
  margin-top: 100px;
}
.case-summary__inner {
  background: color-mix(in srgb, var(--brand-blue) 12%, white);
  border: 1px solid color-mix(in srgb, var(--brand-blue) 25%, transparent);
  border-left: 6px solid var(--brand-blue);
  border-radius: 12px;
  padding: 24px 24px 14px;
  margin: 26px 0 6px;
  box-sizing: border-box;
}
.case-summary__title {
  margin: 0 0 0.8em;
  font-weight: 800;
  color: #0f172a;
  position: relative;
  top: -20px;
  line-height: 1.5;
}
.case-summary__list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--case-summary-indent);
  line-height: 1.3;
  color: #0f172a;
}
.case-summary__list li {
  margin: 0 0 0.9em;
  position: relative;
  top: -25px;
  left: 10px;
}
.case-summary__list li:last-child { margin-bottom: 0; }
.case-summary__list strong { font-weight: 800; }
.case-summary__list span { font-weight: 400; }
.case-summary__note {
  margin: 10px 0 0;
  color: #6b7280;
}

/* ===== ここから編集画面（Gutenberg）専用 ===== */
/* フロントを絶対に壊さないため、.editor-styles-wrapper に限定 */
/* エディタ親クラスでスコープする：フロントには影響しない */
/* === 管理画面だけ元の見た目を強制復元（フロントは無変更） === */
.editor-styles-wrapper .wp-block-group.case-summary .case-summary__inner{
  /* 背景・枠線・左帯をエディタ内で必ず表示 */
  background: color-mix(in srgb, var(--brand-blue, #5f6cf5) 12%, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--brand-blue, #5f6cf5) 25%, transparent) !important;
  border-left: 6px solid var(--brand-blue, #5f6cf5) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 24px 24px 14px !important;
  box-sizing: border-box !important;
}

/* タイトル・段落（位置ズレの原因になった position/top を無効化） */
.editor-styles-wrapper .case-summary__title{
  position: static !important;
  top: auto !important;
  margin: 0 0 .8em !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

/* 箇条書きの黒点＆余白をエディタ内だけ打ち消し、右インデントを付与 */
.editor-styles-wrapper .case-summary__list{
  --indent: 10px;
  list-style: none !important;
  margin: 0 !important;
  padding-left: var(--indent) !important;
  line-height: 1.9 !important;
  color: #0f172a !important;
}
.editor-styles-wrapper .case-summary__list > li{
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 0 .9em !important;
}
.editor-styles-wrapper .case-summary__list > li:last-child{ margin-bottom: 0 !important; }

/* 注記（※）— サイズはあなた側で調整OK */
.editor-styles-wrapper .case-summary__note{
  margin: 10px 0 0 !important;
  color: #6b7280 !important;
}
/* ===== ここまで編集画面だけ ===== */