/* ===== BASE ===== */
body {
  font-family: 'Noto Sans JP', sans-serif;
}

/* ===== Editor focus ring ===== */
#editor-wrapper:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

/* ===== contenteditable placeholder ===== */
#body-editor:empty::before {
  content: attr(data-placeholder);
  color: #94a3b8;
  pointer-events: none;
}

/* ===== NG Word Highlight ===== */
#body-editor mark {
  background-color: #ffe4e6;
  color: #9f1239;
  border-bottom: 2px solid #f43f5e;
  padding: 0 2px;
  margin: 0 1px;
  border-radius: 3px;
  font-weight: 600;
  font-style: inherit;
}