/* ==========================================================================
   Editor & entry-content: Gutenberg palette (inc/editor.php と対応)
   ========================================================================== */

/*
 * フォールバックすることがあるため、編集画面のみデフォルト書体を復元する。
 */
.editor-styles-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

/* Journal 本文見出し（project-post-single.css の h2〜h3 と同期） */
.editor-styles-wrapper h2,
.editor-styles-wrapper h2.wp-block-heading {
  margin-top: 2.75em;
  margin-bottom: 0.65em;
  padding-top: 0.55em;
  padding-bottom: 0.55em;
  border-top: 1px solid rgba(118, 199, 192, 0.45);
  border-bottom: 1px solid rgba(118, 199, 192, 0.45);
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.75;
  letter-spacing: 0.04em;
  color: #279b9c;
}

.editor-styles-wrapper h3,
.editor-styles-wrapper h3.wp-block-heading {
  margin-top: 2.25em;
  margin-bottom: 0.45em;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.04em;
  color: #279b9c;
}

/* Journal 本文リンク（project-post-single.css と同期） */
.editor-styles-wrapper a:not(.cdg-post-recommend__link):not(.c-btn) {
  color: #279b9c;
  text-decoration: underline;
  text-decoration-color: rgba(39, 155, 156, 0.45);
  text-underline-offset: 0.2em;
}

/* primary */
.has-primary-color,
.editor-styles-wrapper .has-primary-color {
  color: #76c7c0 !important;
}

.has-primary-background-color,
.editor-styles-wrapper .has-primary-background-color {
  background-color: #76c7c0 !important;
}

.has-primary-border-color,
.editor-styles-wrapper .has-primary-border-color {
  border-color: #76c7c0 !important;
}

/* primary-dark */
.has-primary-dark-color,
.editor-styles-wrapper .has-primary-dark-color {
  color: #279b9c !important;
}

.has-primary-dark-background-color,
.editor-styles-wrapper .has-primary-dark-background-color {
  background-color: #279b9c !important;
}

.has-primary-dark-border-color,
.editor-styles-wrapper .has-primary-dark-border-color {
  border-color: #279b9c !important;
}

/* accent */
.has-accent-color,
.editor-styles-wrapper .has-accent-color {
  color: #d4b677 !important;
}

.has-accent-background-color,
.editor-styles-wrapper .has-accent-background-color {
  background-color: #d4b677 !important;
}

.has-accent-border-color,
.editor-styles-wrapper .has-accent-border-color {
  border-color: #d4b677 !important;
}

/* accent-red */
.has-accent-red-color,
.editor-styles-wrapper .has-accent-red-color {
  color: #ab4646 !important;
}

.has-accent-red-background-color,
.editor-styles-wrapper .has-accent-red-background-color {
  background-color: #ab4646 !important;
}

.has-accent-red-border-color,
.editor-styles-wrapper .has-accent-red-border-color {
  border-color: #ab4646 !important;
}

/* body-text */
.has-body-text-color,
.editor-styles-wrapper .has-body-text-color {
  color: #444444 !important;
}

.has-body-text-background-color,
.editor-styles-wrapper .has-body-text-background-color {
  background-color: #444444 !important;
}

.has-body-text-border-color,
.editor-styles-wrapper .has-body-text-border-color {
  border-color: #444444 !important;
}

/* body-text-muted */
.has-body-text-muted-color,
.editor-styles-wrapper .has-body-text-muted-color {
  color: #666666 !important;
}

.has-body-text-muted-background-color,
.editor-styles-wrapper .has-body-text-muted-background-color {
  background-color: #666666 !important;
}

.has-body-text-muted-border-color,
.editor-styles-wrapper .has-body-text-muted-border-color {
  border-color: #666666 !important;
}

/* white */
.has-white-color,
.editor-styles-wrapper .has-white-color {
  color: #ffffff !important;
}

.has-white-background-color,
.editor-styles-wrapper .has-white-background-color {
  background-color: #ffffff !important;
}

.has-white-border-color,
.editor-styles-wrapper .has-white-border-color {
  border-color: #ffffff !important;
}

/* theme-border */
.has-theme-border-color,
.editor-styles-wrapper .has-theme-border-color {
  color: #b5e0dc !important;
}

.has-theme-border-background-color,
.editor-styles-wrapper .has-theme-border-background-color {
  background-color: #b5e0dc !important;
}

.has-theme-border-border-color,
.editor-styles-wrapper .has-theme-border-border-color {
  border-color: #b5e0dc !important;
}

/* bg-section */
.has-bg-section-color,
.editor-styles-wrapper .has-bg-section-color {
  color: #f4faf9 !important;
}

.has-bg-section-background-color,
.editor-styles-wrapper .has-bg-section-background-color {
  background-color: #f4faf9 !important;
}

.has-bg-section-border-color,
.editor-styles-wrapper .has-bg-section-border-color {
  border-color: #f4faf9 !important;
}

/* bg-fv-start */
.has-bg-fv-start-color,
.editor-styles-wrapper .has-bg-fv-start-color {
  color: #fff9ee !important;
}

.has-bg-fv-start-background-color,
.editor-styles-wrapper .has-bg-fv-start-background-color {
  background-color: #fff9ee !important;
}

.has-bg-fv-start-border-color,
.editor-styles-wrapper .has-bg-fv-start-border-color {
  border-color: #fff9ee !important;
}

/* bg-fv-mid */
.has-bg-fv-mid-color,
.editor-styles-wrapper .has-bg-fv-mid-color {
  color: #eef8f6 !important;
}

.has-bg-fv-mid-background-color,
.editor-styles-wrapper .has-bg-fv-mid-background-color {
  background-color: #eef8f6 !important;
}

.has-bg-fv-mid-border-color,
.editor-styles-wrapper .has-bg-fv-mid-border-color {
  border-color: #eef8f6 !important;
}

/* bg-contact-start */
.has-bg-contact-start-color,
.editor-styles-wrapper .has-bg-contact-start-color {
  color: #e8f6f4 !important;
}

.has-bg-contact-start-background-color,
.editor-styles-wrapper .has-bg-contact-start-background-color {
  background-color: #e8f6f4 !important;
}

.has-bg-contact-start-border-color,
.editor-styles-wrapper .has-bg-contact-start-border-color {
  border-color: #e8f6f4 !important;
}

/* bg-contact-end */
.has-bg-contact-end-color,
.editor-styles-wrapper .has-bg-contact-end-color {
  color: #b8e4df !important;
}

.has-bg-contact-end-background-color,
.editor-styles-wrapper .has-bg-contact-end-background-color {
  background-color: #b8e4df !important;
}

.has-bg-contact-end-border-color,
.editor-styles-wrapper .has-bg-contact-end-border-color {
  border-color: #b8e4df !important;
}