.contents-block-editor .suw-editor-marker,
.contents-block-editor .suw-editor-marker-yellow,
.contents-block-editor .suw-editor-marker-blue,
.contents-block-editor .suw-editor-marker-green,
.contents-block-editor .suw-editor-marker-pink,
.contents-block-editor .suw-editor-marker-orange {
  display: inline;
  padding: 0 3px 1px;
  border-radius: 2px;
  background: linear-gradient(transparent 56%, var(--suw-editor-marker-color, #ffe98a) 56%);
}

.contents-block-editor .suw-editor-note-text {
  color: #667085;
  font-size: 0.92em;
}

.contents-block-editor .suw-editor-badge,
.contents-block-editor .suw-editor-badge-blue,
.contents-block-editor .suw-editor-badge-gray,
.contents-block-editor .suw-editor-badge-orange,
.contents-block-editor .suw-editor-badge-green,
.contents-block-editor .suw-editor-badge-red {
  display: inline-flex;
  align-items: center;
  margin: 0 4px;
  padding: 2px 8px;
  border: 1px solid var(--suw-editor-badge-border, #9fc5df);
  border-radius: 4px;
  background-color: var(--suw-editor-badge-bg, #eef6fc);
  color: var(--suw-editor-badge-color, #1b75bb);
  font-size: 12px;
  font-weight: bold;
  line-height: 1.45;
  vertical-align: 0.08em;
}

.contents-block-editor .wp-block-table.is-style-tr-nowrap,
.contents-block-editor .wp-block-table.tr-nowrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.contents-block-editor .wp-block-table.is-style-tr-nowrap table tr:first-child th,
.contents-block-editor .wp-block-table.is-style-tr-nowrap table tr:first-child td,
.contents-block-editor .wp-block-table.tr-nowrap table tr:first-child th,
.contents-block-editor .wp-block-table.tr-nowrap table tr:first-child td {
  white-space: nowrap;
}

.contents-block-editor ul.is-style-suw-check li,
.contents-block-editor ul.is-style-suw-diamond li,
.contents-block-editor ul.is-style-suw-arrow li,
.contents-block-editor ul.is-style-suw-dash li {
  margin-bottom: 10px;
  padding-left: 30px;
  line-height: 1.8;
  position: relative;
  list-style: none;
}

.contents-block-editor ul.is-style-suw-check li::before,
.contents-block-editor ul.is-style-suw-diamond li::before,
.contents-block-editor ul.is-style-suw-arrow li::before,
.contents-block-editor ul.is-style-suw-dash li::before {
  content: '';
  position: absolute;
  left: 0;
  background-color: transparent;
}

.contents-block-editor ul.is-style-suw-check li::before {
  top: 0.62em;
  left: 2px;
  width: 13px;
  height: 7px;
  border: 0;
  border-bottom: 2px solid var(--suw-list-marker-color, currentColor);
  border-left: 2px solid var(--suw-list-marker-color, currentColor);
  border-radius: 0;
  transform: rotate(-45deg);
}

.contents-block-editor ul.is-style-suw-diamond li::before {
  top: 0.58em;
  left: 4px;
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 2px;
  background-color: var(--suw-list-marker-color, currentColor);
  transform: rotate(45deg);
}

.contents-block-editor ul.is-style-suw-arrow li::before {
  top: 0.58em;
  left: 2px;
  width: 10px;
  height: 10px;
  border: 0;
  border-top: 2px solid var(--suw-list-marker-color, currentColor);
  border-right: 2px solid var(--suw-list-marker-color, currentColor);
  border-radius: 0;
  transform: rotate(45deg);
}

.contents-block-editor ul.is-style-suw-dash li::before {
  top: 0.9em;
  left: 1px;
  width: 14px;
  height: 2px;
  border: 0;
  border-radius: 0;
  background-color: var(--suw-list-marker-color, currentColor);
}

.contents-block-editor .suw-editor-box,
.contents-block-editor .suw-summary-list,
.contents-block-editor .suw-step-list,
.contents-block-editor .suw-faq,
.contents-block-editor .suw-related-links {
  margin: 38px 0;
}

.contents-block-editor .suw-editor-box,
.contents-block-editor .suw-summary-list,
.contents-block-editor .suw-step-list,
.contents-block-editor .suw-related-links {
  --suw-editor-accent: #1b75bb;
  --suw-editor-accent-bg: #eef6fc;
  --suw-editor-surface: #fff;
  padding: 26px 30px;
  border: 1px solid #d8e0e8;
  border-radius: 8px;
  background-color: var(--suw-editor-surface);
}

.contents-block-editor .suw-editor-box--note {
  --suw-editor-accent: #667085;
  --suw-editor-accent-bg: #f2f4f7;
  --suw-editor-surface: #fbfcfd;
}

.contents-block-editor .suw-editor-box--warning {
  --suw-editor-accent: #c05621;
  --suw-editor-accent-bg: #fff4e5;
  --suw-editor-surface: #fffaf4;
}

.contents-block-editor .suw-editor-box--check {
  --suw-editor-accent: #1b75bb;
  --suw-editor-accent-bg: #eef6fc;
}

.contents-block-editor .suw-summary-list {
  --suw-editor-accent: #1b75bb;
  --suw-editor-accent-bg: #eef6fc;
  --suw-editor-surface: #f8fbfe;
}

.contents-block-editor .suw-step-list {
  --suw-editor-accent: #b45f06;
  --suw-editor-accent-bg: #fff4e5;
  --suw-editor-surface: #fffaf4;
}

.contents-block-editor .suw-related-links {
  --suw-editor-accent: #475467;
  --suw-editor-accent-bg: #f2f4f7;
  --suw-editor-surface: #fbfcfd;
}

.contents-block-editor .suw-editor-box__title,
.contents-block-editor .suw-summary-list__title,
.contents-block-editor .suw-step-list__title,
.contents-block-editor .suw-faq__title,
.contents-block-editor .suw-related-links__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  color: #1f2933;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.55;
}

.contents-block-editor .suw-editor-box__title {
  position: relative;
  min-height: 30px;
  padding-left: 42px;
}

.contents-block-editor .suw-editor-box__title::before,
.contents-block-editor .suw-summary-list__title::before,
.contents-block-editor .suw-step-list__title::before,
.contents-block-editor .suw-faq__title::before,
.contents-block-editor .suw-related-links__title::before {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: var(--suw-editor-accent-bg);
  color: var(--suw-editor-accent);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
}

.contents-block-editor .suw-editor-box__title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  min-width: 0;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  transform: translateY(-50%);
}

.contents-block-editor .suw-editor-box__title::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  background-color: currentColor;
  color: var(--suw-editor-accent);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 18px 18px;
  transform: translateY(-50%);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 18px 18px;
}

.contents-block-editor .suw-editor-box--point .suw-editor-box__title::after {
  mask-image: url('../icons/info-point.svg');
  -webkit-mask-image: url('../icons/info-point.svg');
}

.contents-block-editor .suw-editor-box--note .suw-editor-box__title::after {
  mask-image: url('../icons/info-note.svg');
  -webkit-mask-image: url('../icons/info-note.svg');
}

.contents-block-editor .suw-editor-box--warning .suw-editor-box__title::after {
  mask-image: url('../icons/info-warning.svg');
  -webkit-mask-image: url('../icons/info-warning.svg');
}

.contents-block-editor .suw-editor-box--check .suw-editor-box__title::after {
  mask-image: url('../icons/info-check.svg');
  -webkit-mask-image: url('../icons/info-check.svg');
}

.contents-block-editor .suw-summary-list__title::before {
  content: 'POINT';
}

.contents-block-editor .suw-step-list__title::before {
  content: 'STEP';
}

.contents-block-editor .suw-faq__title::before {
  content: 'FAQ';
}

.contents-block-editor .suw-related-links__title::before {
  content: 'LINK';
}

.contents-block-editor .suw-editor-box__body {
  color: #394656;
  line-height: 1.9;
}

.contents-block-editor .suw-editor-box__body > *:first-child {
  margin-top: 0;
}

.contents-block-editor .suw-editor-box__body > *:last-child {
  margin-bottom: 0;
}

.contents-block-editor .suw-summary-list__body > ul,
.contents-block-editor .suw-summary-list__body > ol,
.contents-block-editor .suw-step-list__body > ul,
.contents-block-editor .suw-step-list__body > ol,
.contents-block-editor .suw-related-links__body > ul,
.contents-block-editor .suw-related-links__body > ol {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.contents-block-editor .suw-summary-list__body li,
.contents-block-editor .suw-step-list__body li,
.contents-block-editor .suw-related-links__body li {
  line-height: 1.8;
}

.contents-block-editor .suw-faq {
  --suw-editor-accent: #1b75bb;
  --suw-editor-accent-bg: #eef6fc;
  padding: 0;
}

.contents-block-editor .suw-faq__title {
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #d8e0e8;
}

.contents-block-editor .suw-faq__item {
  margin-top: 14px;
  border: 1px solid #d8e0e8;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
}

.contents-block-editor .suw-faq__item:first-child {
  margin-top: 0;
}

.contents-block-editor .suw-faq__question,
.contents-block-editor .suw-faq__answer {
  display: flex;
  gap: 14px;
  margin: 0;
  line-height: 1.8;
}

.contents-block-editor .suw-faq__question {
  padding: 18px 20px;
  background-color: #f7fafc;
}

.contents-block-editor .suw-faq__answer {
  padding: 18px 20px 20px;
  color: #394656;
}

.contents-block-editor .suw-faq__label {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #1b75bb;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

.contents-block-editor .suw-faq__answer .suw-faq__label {
  background-color: #475467;
}

.contents-block-editor .suw-faq__question-text {
  min-width: 0;
  color: #1f2933;
  font-weight: bold;
}

.contents-block-editor .suw-faq__answer-text {
  min-width: 0;
  margin: 0;
  white-space: pre-line;
}

@media (max-width: 767px) {
  .contents-block-editor .suw-editor-box,
  .contents-block-editor .suw-summary-list,
  .contents-block-editor .suw-step-list,
  .contents-block-editor .suw-related-links {
    padding: 18px 16px;
  }

  .contents-block-editor .suw-editor-box,
  .contents-block-editor .suw-summary-list,
  .contents-block-editor .suw-step-list,
  .contents-block-editor .suw-faq,
  .contents-block-editor .suw-related-links {
    margin: 28px 0;
  }

  .contents-block-editor .suw-editor-box__title,
  .contents-block-editor .suw-summary-list__title,
  .contents-block-editor .suw-step-list__title,
  .contents-block-editor .suw-faq__title,
  .contents-block-editor .suw-related-links__title {
    margin-bottom: 12px;
    font-size: 17px;
  }

  .contents-block-editor .suw-faq__title {
    margin-bottom: 14px;
    padding-bottom: 12px;
  }

  .contents-block-editor .suw-faq__question,
  .contents-block-editor .suw-faq__answer {
    gap: 10px;
  }

  .contents-block-editor .suw-faq__question {
    padding: 14px;
  }

  .contents-block-editor .suw-faq__answer {
    padding: 14px 14px 16px;
  }
}