/*
 * 旧ブロック「ボックス」「コンテナ」「フレックス」（snow-monkey-blocks/box・container・flex）
 * SMB 26.0.3 dist/blocks/{box,container,flex}/style-index.css と同じ規則。
 * 3つとも1ページ（posts/3059）で入れ子で使われているので1枚にまとめている。
 */
.smb-box {
	--smb-box--background-color: #0000;
	--smb-box--background-image: initial;
	--smb-box--background-opacity: 1;
	--smb-box--border-color: var(--_lighter-color-gray);
	--smb-box--border-style: solid;
	--smb-box--border-width: 0px;
	--smb-box--border-radius: var(--_global--border-radius);
	--smb-box--box-shadow: initial;
	--smb-box--color: inherit;
	--smb-box--padding: var(--_padding1);
	position: relative;
	border-width: 0;
	border-radius: var(--smb-box--border-radius);
	box-shadow: var(--smb-box--box-shadow);
	color: var(--smb-box--color);
	padding: var(--smb-box--padding);
	overflow: visible;
}
.smb-box--p-s { --smb-box--padding: var(--_padding-1); }
.smb-box--p-l { --smb-box--padding: var(--_padding2); }
.smb-box__background {
	display: block;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: var(--smb-box--background-color);
	background-image: var(--smb-box--background-image);
	border: var(--smb-box--border-width) var(--smb-box--border-style) var(--smb-box--border-color);
	border-radius: var(--smb-box--border-radius);
	opacity: var(--smb-box--background-opacity);
}
.smb-box__body { position: relative; }
.smb-box--has-link { cursor: pointer; }
.smb-box--has-link:has(:focus-visible) { outline: auto; outline: auto -webkit-focus-ring-color; }
.smb-box__link { position: static !important; display: block !important; height: 0 !important; width: 0 !important; text-indent: -99999px !important; }
:where(.smb-box__body.is-layout-constrained > *) { --wp--style--global--content-size: 100%; --wp--style--global--wide-size: 100%; }

.smb-container__body { margin-right: auto; margin-left: auto; max-width: 100%; }
.smb-container--no-gutters { padding-right: 0 !important; padding-left: 0 !important; }
:where(.smb-container__body.is-layout-constrained > *) { --wp--style--global--content-size: 100%; --wp--style--global--wide-size: 100%; }

.smb-flex { --smb-flex--box-shadow: none; flex-direction: column; box-shadow: var(--smb-flex--box-shadow); }
.smb-flex.is-horizontal { flex-direction: row; }
.smb-flex.is-vertical { flex-direction: column; }
.smb-flex > * {
	--smb--flex-grow: 0;
	--smb--flex-shrink: 1;
	--smb--flex-basis: auto;
	flex-grow: var(--smb--flex-grow);
	flex-shrink: var(--smb--flex-shrink);
	flex-basis: var(--smb--flex-basis);
	min-width: 0;
}