/* 外側の要素の設定（現在の設定を維持） */
.cmn-gap-detail {
  display: flex;
  /* もし指定されていなければ追加 */
  flex-direction: column;
  gap: min(32px, calc(32 / 960 * 100vw));
}

/* 内部コンテナに gap を強制適用し、WordPress独自の余白を打ち消す */
.cmn-gap-detail>.wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  /* 親(cmn-gap-detail)で指定した gap を継承させる */
  gap: inherit !important;
}

/* WordPressが自動で付与する「最初以外の要素へのマージン」をリセット */
.cmn-gap-detail .wp-block-group__inner-container>* {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.wp-block-table.cmn-table table {
  width: 100%;
  border-collapse: collapse;
}

/* th/td のスタイル */
.wp-block-table.cmn-table th,
.wp-block-table.cmn-table td {
  /* ここに既存の cmn-table の指定を寄せる */
}

.wp-block-table.cmn-table table tr:not(:first-child)>th:first-child {
  /* 元の cmn-bg-gray と cmn-cl-text 相当をここに */
  background: var(--cmn-gray, #f3f3f3);
  color: var(--cmn-text, #333);
}











/* Buttonsの余計なflex影響を無効化（下の <div class="cmn-button"> と同じ箱にする） */
.wp-block-buttons.cmn-button{
  display: block;         /* flexをやめる */
}

/* buttonラッパーの余計な余白/幅を揃える */
.wp-block-buttons.cmn-button .wp-block-button{
  width: 100%;
  margin: 0;
}

/* === ここが本体：下の .cmn-button > a.button 相当にする === */
.wp-block-buttons.cmn-button .wp-block-button.button.is-navy .wp-block-button__link{
  /* 下の .button の見た目をここに移植 */
  display: flex;                 /* 下の .button-content 相当 */
  align-items: center;
  justify-content: center;

  width: 100%;
  padding: 22px 64px;
  border-radius: 12px;

  text-decoration: none;
  border: none !important;
  box-shadow: none !important;

  /* data-color="navy" 相当 */
  background: linear-gradient(180deg, #0b0a66 0%, #07054a 100%) !important;
  color: #fff !important;

  font-weight: 700;
  font-size: 20px;
  line-height: 1;

  position: relative;            /* 右アイコン用 */
}

/* 下の .button-icon 相当（右の矢印） */
.wp-block-buttons.cmn-button .wp-block-button.button.is-navy .wp-block-button__link::after{
  content: "›";
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
