/* =============================================
components/toc-inline.css
ver.1.0  2025.08.25
再利用できる “小さな部品（コンポーネント）” のスタイル
==============================================*/

.toc-inline{
  display:flex; gap:.75rem; flex-wrap:wrap;
  margin:.5rem 0 1rem; padding:0; list-style:none;
}

/* ここから“チップ風” */
.toc-inline--chips li{margin:0; padding:0}

.toc-inline--chips a,
.toc-inline--chips [aria-current="page"]{
  display:inline-block;
  padding:.25rem .6rem;
  border:1px solid var(--color-border, #e5e7ee);
  background:var(--color-surface, #f6f7fb);
  border-radius:9999px;
  text-decoration:none;
  line-height:1.4;
  color:inherit;
}

.toc-inline--chips a:hover{ text-decoration:none; filter:brightness(0.98); }

.toc-inline--chips a:focus-visible{
  outline:2px solid var(--color-accent, #2f6fef);
  outline-offset:2px;
}

.toc-inline--chips [aria-current="page"]{
  font-weight:700;
  border-color: var(--color-accent, #2f6fef);
  background: color-mix(in srgb, var(--color-accent, #2f6fef) 10%, transparent);
}

/* 間隔ちょい狭め */
.toc-inline--compact { gap:.5rem; }
.toc-inline--relaxed { gap:1rem; }

/* カラートークン（ページごとに上書き可） */
.toc-inline.toc-inline--chips{
  --chip-bg: var(--color-surface, #f6f7fb);
  --chip-bd: var(--color-border, #e5e7ee);
  --chip-active: var(--color-accent, #2f6fef);
}
.toc-inline.toc-inline--chips a,
.toc-inline.toc-inline--chips [aria-current="page"]{
  background: var(--chip-bg);
  border:1px solid var(--chip-bd);
}
.toc-inline.toc-inline--chips [aria-current="page"]{
  border-color: var(--chip-active);
  background: color-mix(in srgb, var(--chip-active) 10%, transparent);
}

/* ヘッダーで隠れないよう余白を確保 */
[id]{ scroll-margin-top: 80px; } /* ヘッダー高さに合わせて調整 */

/* クリックで飛んだ定義を軽く強調 */
.grade-list dt:target{
  outline:2px solid var(--color-accent, #2f6fef);
  background: color-mix(in srgb, var(--color-accent, #2f6fef) 10%, transparent);
  border-radius: 8px;
}

/* ==========================================================
   Gutenberg blocks (tables, toc, etc.)
   ========================================================== */
/* ✅ SimpleTOC の目次からリストマーカー（●や○）を消すCSS */

.simpletoc ul,
.simpletoc ol {
  list-style: none !important;
  padding-left: 1em; /* 適度なインデントは残す */
  margin-left: 0;
}

.simpletoc li {
  margin-bottom: 0.2em;
}



/* 辞典ページ（ことば辞典＋用語辞典）でTOCを統一スタイルに */
.is-dictionary .entry-content .ez-toc-container,
.is-dictionary .entry-content .lwptoc,
.is-dictionary .entry-content #toc_container{
  border:1px solid #cfe6d6;
  background:#f8fcf9;
  border-radius:12px;
  padding:1rem 1.1rem;
  margin:1.2rem 0;
}

.is-dictionary .ez-toc-title,
.is-dictionary #toc_container .toc_title,
.is-dictionary .lwptoc_header .lwptoc_title{
  font-weight:700; font-size:1.05rem; margin:0 0 .6rem 0; color:#175b3a;
}

.is-dictionary .ez-toc-list,
.is-dictionary #toc_container .toc_list,
.is-dictionary .lwptoc_items{
  margin:0; padding-left:1.1rem;
}

.is-dictionary .ez-toc-list a,
.is-dictionary #toc_container a,
.is-dictionary .lwptoc_items a{ text-decoration:none; }
.is-dictionary .ez-toc-list a:hover,
.is-dictionary #toc_container a:hover,
.is-dictionary .lwptoc_items a:hover{ text-decoration:underline; }

/* ▼ 辞典ページ（ことば辞典＋用語辞典）共通のTOCスタイル */
.is-dictionary .entry-content .ez-toc-container,
.is-dictionary .entry-content .lwptoc,
.is-dictionary .entry-content #toc_container{
  border:1px solid #cfe6d6;
  background:#f8fcf9;
  border-radius:12px;
  padding:1rem 1.1rem;
  margin:1.2rem 0;
}

.is-dictionary .ez-toc-title,
.is-dictionary #toc_container .toc_title,
.is-dictionary .lwptoc_header .lwptoc_title{
  font-weight:700; font-size:1.05rem; margin:0 0 .6rem 0; color:#175b3a;
}

.is-dictionary .ez-toc-list,
.is-dictionary #toc_container .toc_list,
.is-dictionary .lwptoc_items{
  margin:0; padding-left:1.1rem;
}

.is-dictionary .ez-toc-list a,
.is-dictionary #toc_container a,
.is-dictionary .lwptoc_items a{ text-decoration:none; }

.is-dictionary .ez-toc-list a:hover,
.is-dictionary #toc_container a:hover,
.is-dictionary .lwptoc_items a:hover{ text-decoration:underline; }


/* SimpleTOC: リストマーカーを消す（保険多め） */
.simpletoc ul,
.simpletoc ol,
.simpletoc-container ul,
.simpletoc-container ol,
#simpletoc ul,
#simpletoc ol,
.toc ul,
.toc ol,
.tw-toc ul,
.tw-toc ol {
  list-style: none !important;
  margin-left: 0;
  padding-left: 0;
}

/* li側にマーカーが出る系の保険 */
.simpletoc li,
.simpletoc-container li,
#simpletoc li,
.toc li,
.tw-toc li {
  list-style: none !important;
}

/* block editor由来のマーカー対策（重要） */
.simpletoc .wp-block-list,
.simpletoc-container .wp-block-list,
#simpletoc .wp-block-list,
.toc .wp-block-list,
.tw-toc .wp-block-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}


/* marker自体を無効化 */
.simpletoc li::marker,
.simpletoc-container li::marker,
#simpletoc li::marker,
.toc li::marker,
.tw-toc li::marker {
  content: "" !important;
}

/* SimpleTOC: マーカーを完全に消す（ul/ol側が本体） */
body.single .simpletoc-list,
body.single .simpletoc-list ul,
body.single .simpletoc-list ol {
  list-style: none !important;
}

/* SimpleTOC: マーカー無し＋左余白を辞書っぽく整える */
body.single .simpletoc-list,
body.single .simpletoc-list ul,
body.single .simpletoc-list ol {
  list-style: none !important;
  margin: 0;
  padding-left: 0;
}

body.single .simpletoc-list li {
  margin: 0.35em 0;
  padding-left: 0; /* 既存の 1em が要らなければ */
}

/* 本文 ul だけ（例） */
.single .tw-entry .entry-content ul {
  list-style: disc;
  padding-left: 1.2em;
}

/* その代わり、TOCは明示的に無効化 */
.single .simpletoc-list,
.single .simpletoc-list ul,
.single .simpletoc-list ol {
  list-style: none !important;
  padding-left: 0;
}

/* SimpleTOC: マーカー完全停止（・対策込み） */
.single .simpletoc-list,
.single .simpletoc-list ul,
.single .simpletoc-list ol,
.single .simpletoc-list li {
  list-style: none !important;
}

/* marker自体を無効化（UAや上書き対策） */
.single .simpletoc-list li::marker {
  content: "" !important;
}

/* 疑似要素で「・」を置いているケースを潰す */
.single .simpletoc-list li::before {
  content: none !important;
}

/* 被り防止：inside系・indent系を正規化 */
.single .simpletoc-list ul,
.single .simpletoc-list ol {
  list-style-position: outside !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.single .simpletoc-list li {
  padding-left: 0 !important;
  text-indent: 0 !important;
}

/* ===== SimpleTOC：余白と色の調律 ===== */

.single .simpletoc-list {
  padding-left: 0;
}

/* 左に“呼吸の余白”を作る */
.single .simpletoc-list li {
  margin-left: 0.6em;     /* ←ここが空気 */
  padding-left: 0.2em;
}

/* リンク色を茶系へ（落ち着いた知性） */
.single .simpletoc-list a {
  color: #6b4f3a;   /* 上質なブラウン */
  text-decoration: none;
  transition: color .25s ease;
}

/* hoverはほんの少しだけ深く */
.single .simpletoc-list a:hover {
  color: #4b3526;
}

/* ===== SimpleTOC: link color (override core inherit !important) ===== */
.single .tw-entry .simpletoc-list a {
  color: #6b4f3a !important;
  text-decoration: none;
}
.single .tw-entry .simpletoc-list a:hover {
  color: #4b3526 !important;
}

/* 余白もついでに */
.single .tw-entry .simpletoc-list li {
  margin-left: 0.8em !important;
  padding-left: 0.2em !important;
}