/* ==========================================================================
   BasicFigure Index — Table of Contents
   最小スタイル。詳細な装飾はテーマ側で上書きしてください。
   付与クラス一覧:
     .bfi-toc                      … nav 要素
     .bfi-toc__title               … 目次タイトル (h2)
     .bfi-toc__list                … ul
     .bfi-toc__list--root          … 最上位 ul
     .bfi-toc__list--sub           … H3 用の入れ子 ul
     .bfi-toc__item                … li
     .bfi-toc__item--h2            … H2 由来の li
     .bfi-toc__item--h3            … H3 由来の li
     .bfi-toc__link                … a
     .bfi-toc__link--h2            … H2 由来の a
     .bfi-toc__link--h3            … H3 由来の a
     .bfi-toc__link.is-emphasized  … 本文 H2 に .deco が付いていた場合の a
   ========================================================================== */

.bfi-toc {
  width: min(100%, 700px);
	margin: 2em auto;
	padding: 2.2em 2em;
	border: 2px solid #E35E84;
	background-color: #f9f0f4;
	border-radius: 8px;
}

.bfi-toc__title {
  position: relative;
  margin-top: 0 !important;
	margin: 0 0 1.4em;
	padding: 0 0 0.2em;
	font-size: 1.1em;
	font-weight: bold;
  columns: #666;
	border: none;
	background: none;
}

.bfi-toc__title::before {
  content: '';
  position: absolute;
  inset: auto 0 0;
  width: 50%;
  height: 1px;
  background-color: #E35E84;
}

.bfi-toc__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bfi-toc__list--sub {
	margin-top: 0.25em;
	margin-left: 1.5em;
}

.bfi-toc__item {
	margin: 0.25em 0;
	padding: 0;
}

.bfi-toc__link {
	color: #666 !important;
	text-decoration: none !important;
}

.bfi-toc__link:hover,
.bfi-toc__link:focus {
	text-decoration: underline !important;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  opacity: 1;
}

.bfi-toc__link--h2 {
	font-weight: 600;
}

.bfi-toc__link.is-emphasized {
	color: #E35E84 !important;
  font-size: 110%;
	font-weight: bold;
  text-decoration: underline !important;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.bfi-toc__link.is-emphasized:hover,
.bfi-toc__link.is-emphasized:focus {
	text-decoration: none !important;
  opacity: 1;
}

/* スムーズスクロール（テーマで不要なら上書きしてください） */
/*html {
	scroll-behavior: smooth;
}*/