/**
 * H2 セクション面。
 *
 * 白ベース上の唯一の「枠」。濃度 5%（ink on white）だけで階層化する。
 * 下角だけ少し丸める（H2上角と対）。色付きtint・太い border は使わない。
 *
 * DOM: h2-section-wrap.php → .ntg-h2-section
 */

.post_content .ntg-h2-section,
.entry-content .ntg-h2-section {
  margin: 0 0 1.4em;
  /* H2帯直下に少し息を入れる（面の継ぎ目は直角のまま） */
  padding: 1.45em 12px 1.1em;
  background: var(--nettoge-retro-h2-section-bg, color-mix(in srgb, var(--ntg-ink) 5%, #ffffff));
  border: 0;
  border-radius: 0 0 var(--nettoge-retro-h2-section-radius, 6px) var(--nettoge-retro-h2-section-radius, 6px);
}

/* The wrapper changes former .post_content direct children into nested blocks.
 * Restore SWELL's root block rhythm inside each H2 section. */
.post_content .ntg-h2-section > *,
.entry-content .ntg-h2-section > * {
  clear: both;
  margin-bottom: var(--swl-block-margin, 2em);
}

/* tint クラスは互換のため残すが、見た目はすべて同じ 5% 面 */
.post_content .ntg-h2-section--tint-a,
.entry-content .ntg-h2-section--tint-a,
.post_content .ntg-h2-section--tint-b,
.entry-content .ntg-h2-section--tint-b,
.post_content .ntg-h2-section--tint-c,
.entry-content .ntg-h2-section--tint-c {
  background: var(--nettoge-retro-h2-section-bg);
  border-color: transparent;
}

/* H2帯と直結（継ぎ目は直角のまま、上角だけ丸める） */
.post_content h2:where(:not([class*="swell-block-"]):not(.faq_q):not(.p-postList__title):not(.c-nettogeHubList__heading):not(.c-nettogeVerification__title):not(.is-style-section_ttl):not(.nmc-heading)):has(+ .ntg-h2-section),
.entry-content h2:where(:not([class*="swell-block-"]):not(.faq_q):not(.p-postList__title):not(.c-nettogeHubList__heading):not(.c-nettogeVerification__title):not(.is-style-section_ttl):not(.nmc-heading)):has(+ .ntg-h2-section) {
  margin-bottom: 0;
  border-bottom: 0;
  border-radius: var(--nettoge-retro-h2-radius, 6px) var(--nettoge-retro-h2-radius, 6px) 0 0;
}

.post_content .ntg-h2-section > :first-child,
.entry-content .ntg-h2-section > :first-child {
  margin-top: 0;
}

.post_content .ntg-h2-section > :last-child,
.entry-content .ntg-h2-section > :last-child {
  margin-bottom: 0;
}

/* First H3 under H2: keep air under the band (do not zero like other first-children). */
.post_content .ntg-h2-section > h3:first-child,
.entry-content .ntg-h2-section > h3:first-child {
  margin-top: 1em;
}

/*
 * セクション内の入れ子枠を薄くする（枠の中に枠を避ける）。
 * アコーディオン／テーブルは面を持たせず、線と左縁だけで区別。
 */
.post_content .ntg-h2-section .swell-block-accordion > .swell-block-accordion__item,
.entry-content .ntg-h2-section .swell-block-accordion > .swell-block-accordion__item {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.post_content .ntg-h2-section :is(table, .wp-block-table table),
.entry-content .ntg-h2-section :is(table, .wp-block-table table) {
  background: transparent;
}