/* ============================================================
   SWELL 静的クラス互換(デザイン準拠の再スタイル)。
   対象は実測で本文 DB に保存されているクラスのみ(全記事集計 2026-08-16)。
   マーカー=イエロー下線 / cap_box=ブルー枠 / チェックリスト=ブルー✓
   ============================================================ */

/* マーカー(黄・62% 下線) */
.swl-marker.mark_yellow,
mark.mark_yellow {
  background: linear-gradient(transparent 62%, var(--acv-marker, rgba(255, 201, 6, .55)) 62%);
  font-weight: 700;
  color: var(--acv-ink, #1F2227);
}

/* チェックリスト */
ul.is-style-check_list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  font-size: 15px;
  line-height: 2.2;
}
ul.is-style-check_list > li {
  position: relative;
  padding-left: 1.8em;
}
ul.is-style-check_list > li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--acv-brand, #1298D6);
  font-weight: 900;
}

/* キャプション付きボックス(cap_box — HTML ごと静的保存) */
.cap_box {
  border: 1.5px solid var(--acv-brand, #1298D6);
  border-radius: 12px;
  margin: 48px 0 0;
  overflow: hidden;
}
.cap_box_ttl {
  background: var(--acv-tint, #EAF5FB);
  color: var(--acv-brand-hover, #0F86BC);
  font-weight: 700;
  font-size: 13px;
  padding: 8px 16px;
}
.cap_box_content {
  padding: 12px 16px;
  font-size: 14.5px;
  line-height: 1.9;
}
.cap_box_content > :first-child { margin-top: 0; }
.cap_box_content > :last-child { margin-bottom: 0; }

/* 見出し装飾(onborder 系)は通常見出しへ吸収 */
.is-style-onborder_ttl,
.is-style-onborder_ttl2 {
  border-bottom: 2px solid var(--acv-line, #E3E6E7);
  padding-bottom: .25em;
}

/* ボタン(swell-block-button — 静的保存)。ピル型ブルーに */
.swell-block-button a,
.is-style-btn_shiny a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .5em 1.5em;
  border-radius: 999px;
  background: var(--acv-brand, #1298D6);
  color: #fff !important;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  transition: background .2s ease;
}
.swell-block-button a:hover,
.is-style-btn_shiny a:hover { background: var(--acv-brand-hover, #0F86BC); }

/* 2カラム(swell-block-columns — 静的保存) */
.swell-block-columns__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 600px) {
  .swell-block-columns__inner { grid-template-columns: 1fr; }
}
.swell-block-column { min-width: 0; }

/* かっこ枠・インライン装飾 */
.is-style-kakko_box {
  border: 1px solid var(--acv-line, #E3E6E7);
  border-radius: 12px;
  padding: 1em 1.2em;
}
.swl-inline-color { color: var(--acv-brand, #1298D6); }
.swl-fz.u-fz-l { font-size: 1.15em; }
.swl-has-mb--s { margin-bottom: .75em; }