/* 対象：グリッドレイアウトのグループに、サイズ別の gap を適用 */
.wp-block-group.is-layout-grid.has-grid-gap-20 { gap: 20px !important; }
.wp-block-group.is-layout-grid.has-grid-gap-60 { gap: 60px !important; }

/* エディタ内でも確実に適用 */
.editor-styles-wrapper .wp-block-group.is-layout-grid.has-grid-gap-20 { gap: 20px !important; }
.editor-styles-wrapper .wp-block-group.is-layout-grid.has-grid-gap-60 { gap: 60px !important; }

/* === 991px以下で1列化（ON時のみ）=== */
/* フロント側 */
@media (max-width: 991px) {
  .wp-block-group.is-layout-grid.has-grid-collapse-991 {
    grid-template-columns: 1fr !important;
    gap:20px;
  }
}

/* エディタ側（保険） */
@media (max-width: 991px) {
  .editor-styles-wrapper .wp-block-group.is-layout-grid.has-grid-collapse-991 {
    grid-template-columns: 1fr !important;
    gap:20px;
  }
}