/* ===========================================================
   Object / Project / TOC（自動目次）
   パンくず直下に自動表示。中身のリスト見た目は is-style-anchor を流用
   （ピンク矢印「›」＋PC2カラム）。
   ここでは外側ラッパーの幅・上下余白だけを担当する。
   =========================================================== */

.p-toc {
	width: 100%;
}

.p-toc__inner {
	padding-block: 8px 24px;
}

@media (min-width: 768px) {
	.p-toc__inner {
		padding-block: 16px 32px;
	}
}

/* スムーススクロール時に固定ヘッダー高さの分だけ
   見出しが隠れないようオフセットを確保する。
   ※html { scroll-behavior: smooth } は foundation/_base.css で設定済み。 */
.l-page__inner h2[id^="toc-"] {
	scroll-margin-top: calc(var(--header-h-sp) + 16px);
}

@media (min-width: 768px) {
	.l-page__inner h2[id^="toc-"] {
		scroll-margin-top: calc(var(--header-h-pc) + 24px);
	}
}