/* Container Block基本スタイル */
.custom-container-block {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}

/* WordPress エディタ内での調整 */
.wp-block-custom-blocks-container {
  margin: 1rem 0;
}

/* スマートフォンでは100%幅 */
@media (max-width: 768px) {
  .custom-container-block {
    width: 100% !important;
    margin: 0 auto;
  }
}

/* エディタ内でのプレビュー調整 */
.block-editor-block-list__layout .custom-container-block {
  min-height: 50px;
  outline: 1px dashed #ddd;
  outline-offset: 2px;
}

/* フロントエンドでは境界線を非表示 */
.custom-container-block:not(.is-selected) {
  outline: none;
}

/* 子要素のスタイル調整 */
.custom-container-block > .wp-block-group {
  margin: 0;
  padding: 0;
}