/* 仁多見建築 お客様の声：頭揃えコメント / 回答ブロック */
.wp-block-nitami-voice-comment.nitami-voice-comment,
.nitami-voice-comment,
.wp-block-nitami-voice-answer.nitami-voice-answer,
.nitami-voice-answer {
  display: grid;
  align-items: start;
  margin: 1.4em 0;
  color: inherit;
  font-size: inherit;
  line-height: 1.9;
}

.wp-block-nitami-voice-comment.nitami-voice-comment,
.nitami-voice-comment {
  grid-template-columns: 2.2em minmax(0, 1fr);
  column-gap: 0.35em;
}

.wp-block-nitami-voice-answer.nitami-voice-answer,
.nitami-voice-answer {
  grid-template-columns: 1.65em minmax(0, 1fr);
  column-gap: 0.35em;
}

.nitami-voice-comment__mark,
.nitami-voice-answer__mark {
  display: block;
  white-space: nowrap;
  color: #81776b;
  font-weight: 500;
  letter-spacing: 0;
  line-height: inherit;
}

.nitami-voice-answer__mark {
  font-weight: 700;
}

.nitami-voice-comment__text,
.nitami-voice-answer__text {
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit;
}

/* エディターでは入力領域が分かる程度にだけ補助線を表示。公開画面には出さない。 */
.block-editor-block-list__layout .nitami-voice-comment__text[contenteditable="true"]:focus,
.block-editor-block-list__layout .nitami-voice-answer__text[contenteditable="true"]:focus {
  outline: 1px dashed rgba(129, 119, 107, 0.35);
  outline-offset: 4px;
}