.mz-grid-block{
  /* エディタ簡易プレビュー用の変数 */
  --mz-cols: 3;
  --mz-cols-sp: 2;
  --mz-gap-x: 2.5rem;
  --mz-gap-y: 2.5rem;
  --mz-radius: 0px;
}
/* childrenモードのみを Flex 化（子孫には影響させない） */
.mz-grid-block:not(.is-list-mode) > .block-editor-inner-blocks > .block-editor-block-list__layout{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  column-gap: var(--mz-gap-x);
  row-gap: var(--mz-gap-y);
}
/* Flex行の孤立要素が中央寄せにならないよう、WPコアの自動センタリングを無効化 */
.mz-grid-block:not(.is-list-mode) > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block{
  margin-right:0;
  margin-left:0;
}
/* childrenモードの幅計算（listモードには適用しない） */
.mz-grid-block:not(.is-list-mode) > .block-editor-inner-blocks > .block-editor-block-list__layout > *{
  width: calc( (100% - (var(--mz-gap-x) * (var(--mz-cols) - 1))) / var(--mz-cols) );
  box-sizing:border-box;
  border-radius: var(--mz-radius, 0px);
  overflow: hidden;
}
/* ネストされたブロックの標準レイアウトは壊さない */
.mz-grid-block > .block-editor-inner-blocks > .block-editor-block-list__layout .block-editor-block-list__layout{
  display:block;
  gap:0;
}
.mz-grid-block.is-list-mode > .block-editor-inner-blocks > .block-editor-block-list__layout{
  display:block !important;
  gap:0 !important;
}
.mz-grid-block.is-list-mode > .block-editor-inner-blocks > .block-editor-block-list__layout > *{
  width:100% !important;
  margin-bottom: var(--mz-gap-y);
  border-radius: var(--mz-radius, 0px);
  overflow: hidden;
}
.mz-grid-block.is-list-mode > .block-editor-inner-blocks > .block-editor-block-list__layout > *:last-child{ margin-bottom: 0; }
.mz-grid-block img{ display:block; max-width:100%; height:auto; }
.mz-grid-block.is-selected{
  outline:1px dashed #999;
}

@media (max-width: 767.98px){
  .mz-grid-block{ --mz-cols: var(--mz-cols-sp); }
}

/* Editor only: （幅は親に委ねる）余計なmax-width指定は行わない */