@charset "utf-8";
/* ============================================================
   single.css — single.php（投稿ページ）専用
   本文のタイポグラフィと .entry 系は common.css。
   ここは投稿にしか出ない部品だけ。
   ============================================================ */

/* ============ 目次 ============ */
.article-toc{
  background:var(--band);border:1px solid var(--line);border-radius:4px;
  padding:24px 28px;margin:0 0 var(--s7);
}
@media (max-width:640px){.article-toc{padding:20px 16px;}}
.toc__head{display:flex;align-items:center;gap:14px;margin-bottom:var(--s3);}
.toc__head .avatar{
  width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover;
  background:var(--card-2);border:1px solid var(--line);
}
.toc__head h2{
  font-family:var(--f-head);font-weight:700;font-size:17px;color:var(--ink);
  margin:0;padding-top:8px;border-top:3px solid var(--gold);
}
/* 目次の中身。マークアップは functions.php の fd_render_toc() が出す。
   対象は H2 のみ。入れ子は作らない。 */
.article-toc .toc__list{list-style:none;margin:0;padding:0;}
.article-toc .toc__list > li{margin:0;border-bottom:1px solid var(--line-soft);}
.article-toc .toc__list > li:last-child{border-bottom:0;}
.article-toc .toc__list > li > a{
  display:flex;align-items:baseline;gap:12px;
  padding:11px 0;font-size:14px;line-height:1.7;color:var(--ink-mid);border:0;
}
.article-toc .toc__list > li > a:hover{color:var(--accent);}
.toc__no{
  flex:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;
  color:var(--accent);min-width:2.2em;
}
.toc__ttl{flex:1 1 auto;min-width:0;}

/* Cocoon本体の目次が有効なままでも崩れないように消しておく。
   （本来は「Cocoon設定 > 目次 > 目次を表示する」をオフにすること） */
.entry__body #toc,
.entry__body .toc{display:none !important;}

/* 監修者プロフィール（.profile）は common.css に移設した。
   投稿・固定ページの両方で使うため、ここには置かない。 */