/* 🔸区切り線 */
.is-style-separator-blue-2-100,
.is-style-separator-blue-2-100 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  margin-block-start: var(--wp--preset--spacing--step-2);
  border-bottom-color: var(--wp--preset--color--ruled-lines);
  width: 100% !important;
}

.is-style-separator-ddd-2-100,
.is-style-separator-ddd-2-100 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  margin-block-start: var(--wp--preset--spacing--step-2);
  border-bottom-color: #dddddd;
  width: 100% !important;
}

/* 🔸コード */
/** コードタブ
 * pre の子 wp-block-code の擬似要素
 * クラス分け、content属性でテキスト
 * HTML CSS JS PHP functions.php
 */
pre.wp-block-code {
  position: relative;
}
pre.wp-block-code.is-style-code-tab-html::before {
  display: inline-block;
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: fit-content;
  height: fit-content;
  padding: 0 0.5em;
  font-size: var(--wp--preset--font-size--step-0);
  line-height: 1.3;
  border-radius: 0 10% 0 0;
  content: "HTML";
  color: white;
  background-color: cornflowerblue;
}
pre.wp-block-code.is-style-code-tab-css::before  {
  display: inline-block;
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: fit-content;
  height: fit-content;
  padding: 0 0.5em;
  font-size: var(--wp--preset--font-size--step-0);
  line-height: 1.3;
  border-radius: 0 10% 0 0;
  content: "CSS";
  color: white;
  background-color: salmon;
  padding-top: 0.07em;
}
pre.wp-block-code.is-style-code-tab-js::before  {
  display: inline-block;
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: fit-content;
  height: fit-content;
  padding: 0 0.5em;
  font-size: var(--wp--preset--font-size--step-0);
  line-height: 1.3;
  border-radius: 0 10% 0 0;
  content: "JS";
  color: white;
  background-color: yellowgreen;
}
pre.wp-block-code.is-style-code-tab-php::before  {
  display: inline-block;
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: fit-content;
  height: fit-content;
  padding: 0 0.5em;
  font-size: var(--wp--preset--font-size--step-0);
  line-height: 1.3;
  border-radius: 0 10% 0 0;
  content: "PHP";
  color: white;
  background-color: orange;
}
pre.wp-block-code.is-style-code-tab-functions-php::before  {
  display: inline-block;
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: fit-content;
  height: fit-content;
  padding: 0 0.3em;
  font-size: var(--wp--preset--font-size--step-0);
  line-height: 1.3;
  letter-spacing: -0.03em;
  border-radius: 0 10% 0 0;
  content: "functions.php";
  color: white;
  background-color: orange;
}
pre.wp-block-code.is-style-code-tab-json::before  {
  display: inline-block;
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: fit-content;
  height: fit-content;
  padding: 0 0.3em;
  font-size: var(--wp--preset--font-size--step-0);
  line-height: 1.3;
  letter-spacing: -0.03em;
  border-radius: 0 10% 0 0;
  content: "JSON";
  color: #888;
  background-color: gold;
}
pre.wp-block-code.is-style-code-tab-csv::before  {
  display: inline-block;
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: fit-content;
  height: fit-content;
  padding: 0 0.3em;
  font-size: var(--wp--preset--font-size--step-0);
  line-height: 1.3;
  letter-spacing: -0.03em;
  border-radius: 0 10% 0 0;
  content: "CSV";
  color: #888;
  background-color: gold;
}
pre.wp-block-code.is-style-code-tab-svg::before  {
  display: inline-block;
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: fit-content;
  height: fit-content;
  padding: 0 0.3em;
  font-size: var(--wp--preset--font-size--step-0);
  line-height: 1.3;
  letter-spacing: -0.03em;
  border-radius: 0 10% 0 0;
  content: "SVG";
  color: #888;
  background-color: gold;
}
/* コードメモ */
*:has(> .code-block:has(> pre.wp-block-code.is-style-code-memo)) {
  position: relative;
}
.code-block:has(> pre.wp-block-code.is-style-code-memo) {
  position: absolute;
  z-index: 9999;
}
pre.wp-block-code.is-style-code-memo {
  padding: 0.2em 0.6em 0.3em 0.2em;
}

/* コードブロック付随：コピーボタン */
.code-block:has(> .wp-block-buttons) {
  position: relative;
}
.code-block .wp-block-buttons {
  position: absolute;
  bottom: -0.5px;
  right: 2px;
}
a.wp-element-button {
  padding: 0.1em 0.5em 0;
  line-height: 1.4;
  background-color: gray;
  border-radius: 0 0 10% 0;
}
/* 終わり コード部 */

/* 見出し */
/* ⚡️ */
.is-style-heading-icon-bolt::before {
  content: "\26a1";
  font-size: 1.5em;
}
/* ⭐ */
.is-style-heading-icon-star::before {
  content: "\2b50";
  margin-right: 0.3em;
  font-size: 1.1em;
}
/* 📌 */
.is-style-heading-icon-pushpin::before {
  content: "\1f4cc";
  margin-right: 0.3em;
  font-size: 1.1em;
}

/* リスト */
/* ■ */
.is-style-list-square {
  list-style-type: square;
}