/**
 * core/table のスマホ横スクロール（is-scroll-sp）。
 * 767px 以下で表を最小幅まで広げ、コアの figure（overflow-x: auto）で横スクロールさせる。
 * 文字は折り返す（nowrap にするとセルの長いリンクで表が数千 px になる）。
 *
 * 最小幅は --table-scroll-min-width（既定 48rem）。表ごとに変えるときはブロックの外側から上書きする。
 * table-layout: auto でコアの .wp-block-table .has-fixed-layout を打ち消す（こちらの方が詳細度が高い）。
 * word-break: normal に戻す（コアの has-fixed-layout の break-word で英数字が途中で折れるため）。
 *
 * ブレークポイントは theme.json の値を直書き（@media は CSS 変数不可）。
 * - tablet-small.min 768px → max 767px
 */

@media (max-width: 767px) {
	.wp-block-table.is-scroll-sp table {
		table-layout: auto;
		width: 100%;
		min-width: var(--table-scroll-min-width, 48rem);
	}

	.wp-block-table.is-scroll-sp :is(th, td) {
		word-break: normal;
	}
}