/**
 * ヘルプセンターの chrome (パンくず / サイドバーナビ / 製品インデックス)。
 * EX REDESiGN テーマのカラースロット (= --wp--preset--color--*) に追従。
 * 値が未定義でも壊れないよう var() に hex fallback を併記。
 *
 * v0.4.0: 全テンプレで左サイドバー (= 検索 + doc-nav) + 右コンテンツの
 *   3ds Max ヘルプ風レイアウトに統一。 .ex-docria-shell--with-sidebar を grid 化。
 */

/* --- レイアウト: 左サイドバー + 右コンテンツ (v0.7.0+ 全幅) ----------- *
 * 3ds Max ヘルプ風: ヘッダー / フッターと同じ constrained 幅 (= wideSize 1200px)
 *   内でサイドバー + main を配置。 上下は margin/padding 0 でヘッダー / フッターと密着。
 *   sidebar / main 境界はアクセント色の縦棒。
 * v0.7.1+: max-width を再導入し、 ヘッダー / フッターとの edge alignment を回復。 */
.ex-docria-shell.ex-docria-shell--with-sidebar {
  display: grid;
  grid-template-columns: var(--ex-docria-sidebar-w, 320px) 1fr;
  gap: 0;
  /* v0.7.5+: WP layout class が max-width / margin を上書きする可能性があるため強制。 */
  max-width: var(--exr-container, var(--wp--style--global--wide-size, 1200px)) !important;
  margin-inline: auto !important;
  margin-block: 0 !important;
  /* v0.7.6+: ヘッダー .ex-header-nav-inner と同じ padding-inline: --exr-gutter を必須。 */
  padding: 0 var(--exr-gutter, 2rem) !important;
  position: relative;
  /* v0.8.1+: wrapper background は透明 (= 1200px max-width 範囲を視覚的に明確化)。
     sidebar / main 自身が white background を持つ。 */
  background: transparent;
  /* v0.9.1+: 横スライド animation (= grid 縮小 0.3s cubic-bezier) */
  transition: grid-template-columns .3s cubic-bezier(.4, 0, .2, 1);
  /* v0.9.2+: tabs カードのスライドアウトをここで clip。 sidebar 自身は overflow visible で toggle 表示維持。 */
  overflow: hidden;
}
.ex-docria-shell--with-sidebar > .ex-docria-sidebar { order: 0; }
.ex-docria-shell--with-sidebar > .exr-main         { order: 1; min-width: 0; }

/* サイドバー閉じ状態: grid 1 列目を 0 に、 main が全幅 */
.ex-docria-shell.is-sidebar-collapsed {
  grid-template-columns: 0 1fr;
}
/* v0.9.1+: sidebar 自体は width 0 に縮む間 overflow:hidden で中身をクリップ */
/* sidebar 自身は overflow visible (= toggle ボタンが sidebar 外側に表示されるため) */
/* tabs カードは opacity / translateX でフェードアウト (= 横スライド演出) */
.ex-docria-tabs {
  transition: opacity .3s ease, transform .3s ease;
}
.is-sidebar-collapsed .ex-docria-sidebar > .ex-docria-tabs {
  opacity: 0;
  transform: translateX(-1rem);
  pointer-events: none;
}

/* タブレット以下: オフキャンバス・ドロワー化 (v0.13.0+) ----------------- *
 * JS 有効時 (.ex-docria-js) は 目次/検索 サイドバーを左スライドインのドロワーに。
 *   本文は押し下げず、 左下のランチャー (FAB) + スクリムで開閉。
 * JS 無効時は従来どおり本文上に stack (= フォールバック)。 */

/* ランチャー / スクリム / drawer 内 close は既定で非表示 (mobile + JS のみ表示) */
.ex-docria-drawer-launch,
.ex-docria-drawer-close,
.ex-docria-scrim { display: none; }
body.ex-docria-drawer-lock { overflow: hidden; }

@media (max-width: 880px) {
  /* JS 無効時フォールバック: 従来の stack */
  .ex-docria-shell.ex-docria-shell--with-sidebar {
    grid-template-columns: 1fr;
  }
  .ex-docria-nav { position: static; }

  /* --- JS 有効: オフキャンバス・ドロワー --- */
  .ex-docria-js .ex-docria-shell--with-sidebar > .ex-docria-sidebar {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    width: min(86vw, 360px);
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    z-index: 1000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--wp--preset--color--surface, #fff);
  }
  .ex-docria-js .ex-docria-shell--with-sidebar.is-drawer-open > .ex-docria-sidebar {
    transform: translateX(0);
    box-shadow: 4px 0 24px rgba(0, 0, 0, .18);
  }
  /* drawer 内では tabs の sticky / max-height を解除しフル高スクロール */
  .ex-docria-js .ex-docria-shell--with-sidebar > .ex-docria-sidebar .ex-docria-tabs {
    position: static;
    max-height: none;
  }
  /* localStorage 由来の collapse 状態はモバイルでは無効化 (drawer が真の状態) */
  .ex-docria-js .is-sidebar-collapsed .ex-docria-sidebar > .ex-docria-tabs {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
  /* デスクトップ用 collapse トグルはモバイルで隠す (= ランチャーに置換) */
  .ex-docria-js .ex-docria-sidebar-toggle { display: none; }

  /* ランチャー (FAB, 左下) */
  .ex-docria-js .ex-docria-drawer-launch {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    position: fixed;
    inset-inline-start: 1rem;
    inset-block-end: 1rem;
    z-index: 1001;
    padding: .7rem 1.15rem;
    border: 0;
    border-radius: 999px;
    background: var(--wp--preset--color--accent, #0a66c2);
    color: #fff;
    font: inherit;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
  }
  .ex-docria-js .ex-docria-drawer-launch__icon { font-size: 1.05rem; line-height: 1; }

  /* スクリム */
  .ex-docria-js .ex-docria-scrim {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
  }
  .ex-docria-js .ex-docria-scrim.is-active {
    opacity: 1;
    visibility: visible;
  }

  /* drawer 内 close ボタン (上部 sticky) */
  .ex-docria-js .ex-docria-shell--with-sidebar > .ex-docria-sidebar > .ex-docria-drawer-close {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    position: sticky;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: .7rem;
    border: 0;
    border-block-end: 1px solid var(--wp--preset--color--border-subtle, #e4e7ec);
    background: var(--wp--preset--color--surface-raised, #f8f9fa);
    color: var(--wp--preset--color--text-secondary, #667085);
    font: inherit;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
  }
}

/* --- サイドバータブ UI (v0.5.0+、 3ds Max 風) ------------------------- *
 * v0.6.2+: card 装飾を外側 .ex-docria-sidebar に移動。 tabs 自身は透明背景 +
 *   sticky で「sidebar カード内の上部に固定」 のように振る舞う。
 *   sticky background は親 sidebar cell の白背景が見えるので透明で OK。 */
.ex-docria-tabs {
  position: sticky;
  top: 0;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}
.ex-docria-tabs__bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-block-end: 1px solid var(--wp--preset--color--border-subtle, #e4e7ec);
  background: var(--wp--preset--color--surface-raised, #f8f9fa);
}
.ex-docria-tabs__btn {
  appearance: none;
  background: transparent;
  border: 0;
  padding: .85rem .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  font: inherit;
  font-size: .85rem;
  font-weight: 600;
  color: var(--wp--preset--color--text-secondary, #667085);
  cursor: pointer;
  position: relative;
  transition: background-color .15s ease, color .15s ease;
}
.ex-docria-tabs__btn:hover {
  background: rgba(0, 0, 0, .03);
  color: var(--wp--preset--color--text-primary, #1d2939);
}
.ex-docria-tabs__btn.is-active {
  background: var(--wp--preset--color--surface, #fff);
  color: var(--wp--preset--color--accent, #0a66c2);
}
.ex-docria-tabs__btn.is-active::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: -1px;
  height: 2px;
  background: var(--wp--preset--color--accent, #0a66c2);
}
.ex-docria-tabs__btn:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent, #0a66c2);
  outline-offset: -2px;
}
.ex-docria-tabs__icon { display: inline-flex; }
.ex-docria-tabs__icon svg { display: block; }

.ex-docria-tabs__panel {
  padding: 1rem;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.ex-docria-tabs__panel[hidden] { display: none; }
.ex-docria-tabs__panel .ex-docria-nav { position: static; }
.ex-docria-tabs__panel .ex-docria-nav__title { margin-top: 0; }

/* 検索フォーム ----------------------------------------------------------- */
.ex-docria-tabs__search-form {
  display: grid;
  gap: .65rem;
}
.ex-docria-tabs__search-input,
.ex-docria-tabs__filter-select {
  width: 100%;
  padding: .55rem .75rem;
  font-size: .9rem;
  line-height: 1.4;
  border: 1px solid var(--wp--preset--color--border-subtle, #d0d5dd);
  border-radius: 0;
  background: var(--wp--preset--color--surface, #fff);
  color: var(--wp--preset--color--text-primary, #1d2939);
}
.ex-docria-tabs__search-input:focus,
.ex-docria-tabs__filter-select:focus {
  outline: 2px solid var(--wp--preset--color--accent, #0a66c2);
  outline-offset: 1px;
  border-color: transparent;
}
.ex-docria-tabs__search-submit {
  appearance: none;
  background: var(--wp--preset--color--accent, #0a66c2);
  color: #fff;
  border: 0;
  border-radius: 0;
  padding: .55rem .75rem;
  font-weight: 600;
  font-size: .9rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  transition: background-color .15s ease;
}
.ex-docria-tabs__search-submit:hover { background: var(--wp--preset--color--accent-hover, #084a8e); }
.ex-docria-tabs__filter-label {
  display: block;
  font-size: .75rem;
  font-weight: 600;
  color: var(--wp--preset--color--text-secondary, #667085);
  margin-block-start: .25rem;
}


/* --- パンくず --------------------------------------------------------- */
.exr-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35em;
  margin-block-end: 1.25rem;
  font-size: .8125rem;
  line-height: 1.5;
  color: var(--wp--preset--color--text-secondary, #667085);
}
.exr-breadcrumb__link { color: inherit; text-decoration: none; }
.exr-breadcrumb__link:hover { text-decoration: underline; }
.exr-breadcrumb__sep { opacity: .55; }
.exr-breadcrumb__current {
  color: var(--wp--preset--color--text-primary, #1d2939);
  font-weight: 600;
}

/* --- サイドバーナビ (v0.6.0+: 折り畳み Tree) -------------------------- *
 * v0.7.0+: grid item を画面左端から full-bleed、 右端にアクセント色の縦棒、
 *   ヘッダー / フッターと密着 (margin / padding 0)。 */
.ex-docria-sidebar {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  background: var(--wp--preset--color--surface, #fff);
  border: 0;
  border-right: 2px solid var(--wp--preset--color--accent, #0a66c2);
  border-radius: 0;
  position: relative;
  /* v0.7.6+: padding-inline-start は wrapper の padding-inline で吸収済のため不要。 */
  /* v0.9.4+: タブが sidebar 上部に密着するよう padding-block: 0 */
  padding-block: 0;
}

/* main 領域: 背景白 + 内部 padding (= 縦線から離す + 右端をヘッダー右と揃える) */
.ex-docria-shell--with-sidebar > .exr-main {
  background: var(--wp--preset--color--surface, #fff) !important;
  padding: 4rem 4rem !important;
  border-radius: 0 !important;
}
.ex-docria-shell--with-sidebar > .exr-main > * {
  max-width: var(--wp--style--global--content-size, 720px);
  margin-inline: auto;
}
.ex-docria-shell--with-sidebar > .exr-main > .alignwide {
  max-width: var(--wp--style--global--wide-size, 1200px);
}
.ex-docria-shell--with-sidebar > .exr-main > .alignfull {
  max-width: none;
  margin-inline: calc(-1 * var(--wp--style--root--padding-right, 2rem));
}

/* --- サイドバー開閉トグル (v0.7.0+) ---------------------------------- *
 * sidebar 右外側の縦長タブ。 アクセント色背景、 sidebar に absolute 配置。
 * collapse 時も visible で再オープン可能。 */
.ex-docria-sidebar-toggle {
  position: absolute;
  top: 0;
  inset-inline-end: -2.25rem;
  width: 2.25rem;
  height: 3rem;
  background: var(--wp--preset--color--accent, #0a66c2);
  color: #fff;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .12);
  transition: background-color .15s ease;
}
.ex-docria-sidebar-toggle:hover {
  background: var(--wp--preset--color--accent-hover, #084a8e);
}
.ex-docria-sidebar-toggle:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent, #0a66c2);
  outline-offset: 2px;
}
/* v0.9.3+: collapse 時の特殊位置調整は削除。
   通常時の inset-inline-end: -2.25rem だけで、 sidebar width が 320 → 0 と
   transition する間、 absolute 配置の toggle が sidebar right edge に自動追従して
   sidebar と完全同期スライドする。 */
.ex-docria-sidebar-toggle__icon { display: inline-flex; }
.ex-docria-sidebar-toggle__icon svg { display: block; }
.ex-docria-nav {
  display: flex;
  flex-direction: column;
  gap: .1rem;
}

/* 製品グループ (= <details> もしくは div.is-empty) ------------------- */
.ex-docria-nav__group {
  border-radius: 0;
}
.ex-docria-nav__group + .ex-docria-nav__group { margin-block-start: .1rem; }

.ex-docria-nav__summary {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .65rem .5rem;
  font-size: .9rem;
  font-weight: 500;
  color: var(--wp--preset--color--text-primary, #1d2939);
  cursor: pointer;
  list-style: none;
  border-radius: 0;
  /* v0.9.0+: 3ds Max 風の区切り線 (= グレー border-bottom) */
  border-block-end: 1px solid var(--wp--preset--color--border-subtle, #e4e7ec);
  transition: background-color .12s ease;
}
.ex-docria-nav__summary::-webkit-details-marker { display: none; }
.ex-docria-nav__summary::marker { content: ''; }
.ex-docria-nav__summary:hover {
  background: var(--wp--preset--color--surface-raised, #f2f4f7);
}

/* v0.9.0+: 折り畳みアイコン (= 3ds Max 風 「+」 / 「−」) */
.ex-docria-nav__summary::before {
  content: '+';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: var(--wp--preset--color--text-secondary, #667085);
  border: 1px solid var(--wp--preset--color--border-subtle, #d0d5dd);
  background: var(--wp--preset--color--surface, #fff);
}
.ex-docria-nav__group[open] > .ex-docria-nav__summary::before {
  content: '−';
}
/* 「準備中」 等の折り畳めない group は chevron を表示しない */
.ex-docria-nav__summary--empty {
  cursor: default;
  color: var(--wp--preset--color--text-secondary, #667085);
  font-weight: 600;
}
.ex-docria-nav__summary--empty::before { display: none; }
.ex-docria-nav__summary--empty:hover { background: transparent; }

/* 件数バッジ */
.ex-docria-nav__count {
  margin-inline-start: auto;
  font-size: .75rem;
  font-weight: 600;
  color: var(--wp--preset--color--text-secondary, #667085);
}
.ex-docria-nav__badge {
  margin-inline-start: auto;
  padding: .1rem .55rem;
  font-size: .7rem;
  font-weight: 700;
  background: var(--wp--preset--color--border-subtle, #e4e7ec);
  color: var(--wp--preset--color--text-secondary, #667085);
  border-radius: 0;
}

/* 記事リスト (= details 内) */
.ex-docria-nav__list {
  list-style: none;
  margin: 0;
  padding: .2rem 0 .35rem 1.1rem;
  display: flex;
  flex-direction: column;
  gap: .1rem;
}
.ex-docria-nav__item a {
  display: block;
  padding: .4rem .65rem;
  border-radius: 0;
  color: var(--wp--preset--color--accent, #0073b1);
  font-size: .87rem;
  line-height: 1.45;
  text-decoration: none;
  color: var(--wp--preset--color--text-secondary, #344054);
  transition: background-color .15s ease, color .15s ease;
}
.ex-docria-nav__item a:hover {
  background: transparent;
  color: var(--wp--preset--color--accent, #0073b1);
  text-decoration: underline;
}
.ex-docria-nav__item.is-current a {
  background: var(--wp--preset--color--accent, #0a66c2);
  color: #fff;
  font-weight: 600;
}

/* --- 製品トップの記事インデックス ------------------------------------ */
.ex-docria-index {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.ex-docria-index__link {
  display: block;
  padding: 1rem 1.25rem;
  border: 1px solid var(--wp--preset--color--border-subtle, #e4e7ec);
  border-radius: .6rem;
  text-decoration: none;
  background: var(--wp--preset--color--surface, #fff);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.ex-docria-index__link:hover {
  border-color: var(--wp--preset--color--accent, #0a66c2);
  box-shadow: 0 2px 10px rgba(16, 24, 40, .06);
}
.ex-docria-index__title {
  display: block;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wp--preset--color--text-primary, #1d2939);
}
.ex-docria-index__excerpt {
  display: block;
  margin-block-start: .35rem;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--wp--preset--color--text-secondary, #667085);
}

/* --- 記事本文: code / preformatted の横スクロール抑制 ----------------- */
.ex_docria_doc-template .wp-block-code,
.single-ex_docria_doc .wp-block-code {
  overflow-x: auto;
}

/* ===========================================================================
 * トップページ (front-page)
 * ======================================================================== */

/* --- ヒーロー --------------------------------------------------------- */
.ex-docria-hero {
  margin-block-end: 2.75rem;
  padding: 2.75rem 1.5rem 3rem;
  border-radius: 1rem;
  background: var(--wp--preset--color--surface-raised, #f2f4f7);
  text-align: center;
}
.ex-docria-hero__title {
  margin: 0 0 .65rem;
  font-size: clamp(1.7rem, 4vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--wp--preset--color--text-primary, #1d2939);
}
.ex-docria-hero__lead {
  max-width: 36rem;
  margin: 0 auto 1.6rem;
  font-size: .975rem;
  line-height: 1.8;
  color: var(--wp--preset--color--text-secondary, #475467);
}
.ex-docria-hero__search {
  max-width: 32rem;
  margin-inline: auto;
}

/* --- セクション見出し ------------------------------------------------- */
.ex-docria-section-title {
  margin-block: 2.25rem .25rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--wp--preset--color--text-primary, #1d2939);
}

/* --- 製品カード ------------------------------------------------------- */
.ex-docria-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1rem;
  margin-block-start: 1rem;
}
.ex-docria-product-card {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  padding: 1.5rem 1.5rem 1.35rem;
  border: 1px solid var(--wp--preset--color--border-subtle, #e4e7ec);
  border-radius: .75rem;
  background: var(--wp--preset--color--surface, #fff);
  text-decoration: none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
a.ex-docria-product-card:hover {
  border-color: var(--wp--preset--color--accent, #0a66c2);
  box-shadow: 0 4px 16px rgba(16, 24, 40, .08);
  transform: translateY(-2px);
}
.ex-docria-product-card__name {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--wp--preset--color--text-primary, #1d2939);
}
.ex-docria-product-card__desc {
  font-size: .875rem;
  line-height: 1.65;
  color: var(--wp--preset--color--text-secondary, #667085);
}
.ex-docria-product-card__cta {
  margin-block-start: .4rem;
  font-size: .85rem;
  font-weight: 600;
  color: var(--wp--preset--color--accent, #0a66c2);
}
.ex-docria-product-card.is-coming-soon {
  opacity: .72;
}
.ex-docria-product-card__badge {
  align-self: flex-start;
  margin-block-start: .4rem;
  padding: .15rem .6rem;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 700;
  background: var(--wp--preset--color--border-subtle, #e4e7ec);
  color: var(--wp--preset--color--text-secondary, #667085);
}

/* --- はじめての方へ (クイックリンク) ---------------------------------- */
.ex-docria-quicklinks {
  margin-block-start: 1rem;
  gap: .6rem;
}

/* v0.9.5+: WP の block-gap 由来の上下余白を除去 (= sibling 間 gap を 0 強制) */
.wp-site-blocks > .ex-docria-shell--with-sidebar { margin-block-start: 0 !important; margin-block-end: 0 !important; }
/* v0.9.11+: sidebar margin-top 0 を取り下げて WP コア 24px margin を効かせる */

/* v0.9.6+: WP コアの :where(.is-layout-flow) > * sibling gap 24px を全面強制除去 */
.ex-docria-shell--with-sidebar .ex-docria-sidebar > *, .ex-docria-shell--with-sidebar .ex-docria-tabs > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }

/* v0.9.7+: main 背景を #fff ハードコードで強制 (= --wp--preset--color--surface が白以外に設定されていても確実に白) */
.ex-docria-shell--with-sidebar > main.exr-main, .ex-docria-shell--with-sidebar > .exr-main { background-color: #ffffff !important; }

/* v0.9.8+: body セレクタ先頭で specificity 上げて、 テーマの body.exr-page-layout-section .exr-main { background: transparent !important } を上書き */
body .ex-docria-shell--with-sidebar > main.exr-main, body .ex-docria-shell--with-sidebar > .exr-main { background-color: #ffffff !important; }

/* v0.9.9+: テーマ body.exr-page-layout-section .exr-main { padding: 0 !important } を specificity 0,2,2 で上書き */
body .ex-docria-shell--with-sidebar > main.exr-main, body .ex-docria-shell--with-sidebar > .exr-main { padding: 4rem 4rem !important; }

/* v0.9.10+: sidebar 上部に main と同じ padding-top 2.5rem (= ヘッダーとの間隔を main と揃える) */
/* v0.9.11+: sidebar padding-top 2.5rem を取り下げ (= WP margin で作る) */

/* v0.9.12+: WP コアの :where(.is-layout-flow) > :first-child { margin-block-start: 0 } を上書きして sidebar (first-child) にも main と同じ block-gap (24px) の margin を付与 */
body .ex-docria-shell--with-sidebar > .ex-docria-sidebar { margin-block-start: var(--wp--style--block-gap, 24px) !important; }

/* v0.9.13+: sidebar / main 下端と footer 間に block-gap (24px) のスペースを作る (= 上スペースと同じ wrapper transparent 背景で body 色透ける) */
body .ex-docria-shell--with-sidebar > .ex-docria-sidebar, body .ex-docria-shell--with-sidebar > .exr-main { margin-block-end: var(--wp--style--block-gap, 24px) !important; }

/* v0.10.5+: タイトル / CTA を最大 specificity で中央揃え (block context 全部明示) */
body .ex-docria-shell .ex-docria-products .ex-docria-product-card { align-items: stretch !important; }
body .ex-docria-shell .ex-docria-products .ex-docria-product-card h3.ex-docria-product-card__name { text-align: center !important; }
body .ex-docria-shell .ex-docria-products .ex-docria-product-card .ex-docria-product-card__cta { display: flex !important; justify-content: center !important; flex-direction: row !important; }
body .ex-docria-shell .ex-docria-products .ex-docria-product-card .ex-docria-product-card__cta > .wp-block-button { margin-inline: auto !important; }