/* 大腸カメラ検査の詳細について（colonoscopy-details・Figma 1590:199297）だけの縦の余白・高さの合わせ。PC のみ（スマホは共通の CSS のまま）
 * 差の画像の「ずれの変わり目」と、Figma（design.json）・実ページの位置の実測から。見た目（字・色・写真・部品）は変えない
 * （single-medical.php が assets/nn/medical-<slug>/style.css を読み込む）。
 * 頭の #nn-main は、共通の「h3 から後ろを白い札に見せる」規則（詳しさが高い）より後に勝たせるため */
@media (min-width: 768px) {
	/* h2：線 1px の内側 18px → 文字（Figma は 53px。共通は 54px で、節ごとに 1px ずつずれる） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > h2 { padding-top: 18px; }

	/* 表の文字の行の高さ：Figma は 19px（共通は 1.2 = 19.2px で、行数が多い表がずれる） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .wp-block-table :is(th, td) { line-height: 19px; }
	/* 札の中の表：1px の罫線を行の内側に収めて、行の間隔を 43px に（Figma は罫線を数えない） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .wp-block-table:not(.-even) :is(thead th, tbody tr:not(:last-child) > *) { padding-bottom: 11px; }
	/* 札の外の表（-even）：Figma は外枠なし（行の間隔 44px のまま） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .wp-block-table.-even table { border-width: 0; }
	/* 4列の表：1列目 167px（Figma。共通は 150px） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .wp-block-table:has(thead th:nth-child(4)) tr > :first-child { width: 167px; }

	/* 大腸カメラ検査をおすすめする方：本文 → 表の間 12px（共通は 16px） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > p + .wp-block-table.-w1120 { margin-top: 12px; }
	/* 鎮静剤を使用して眠って終わる大腸カメラ検査：本文 → 表の間 24px（共通は 16px） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > p + .wp-block-table.-even:not(.-w1120) { margin-top: 24px; }

	/* 一覧の文：Figma は幅 855px で折り返す（共通は 902px で、行数が違う）。左の点 16px・余白 4px を足して 875px */
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medCard > .wp-block-group__inner-container > ul:not(.is-style-check),
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > ul:not(.is-style-check) { max-width: 875px; }

	/* 前日3食のモデルプランの表：Figma は「例：検査食「クリアポタージュ※」＋クラッカー」を1行に置く（枠いっぱい・折り返さない） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > h3 + .wp-block-table :is(th, td) { white-space: nowrap; }

	/* 白い札（h3 から後ろ）の中の間：表・注記・ボタンの前は 8px（h3 の直後だけ 12px）。共通は全部 12px */
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > h3 ~ .wp-block-table,
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > h3 ~ .wp-block-table + p,
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > h3 ~ p + .wp-block-buttons { padding-top: 8px; }
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > h3 + .wp-block-table,
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > h3 ~ .wp-block-table + p:has(+ .wp-block-table) { padding-top: 12px; }

	/* 札の最後が p・ボタン・表で、次が p-medCard の箱のとき：下の余白 16px と角丸（共通は h3 か末尾のときだけ付く） */
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > h3 ~ :is(p, ul, ol, .wp-block-buttons, .wp-block-table):has(+ .p-medCard) {
		padding-bottom: 16px;
		border-radius: 0 0 10px 10px;
	}

	/* 節の最後の段落（次回検査の目安…）：Figma は白い札にせず、直前の箱から 24px 空けて置く */
	#nn-main .p-medPage.is-medical-colonoscopy-details .p-medSec > .wp-block-group__inner-container > .p-medCard + p:last-child {
		margin-top: 24px;
		padding: 0;
		border-radius: 0;
		background: none;
	}
}