/* Toast UI Editor — DaisyUI-aligned dark skin (scoped) */

.toast-ui-editor-wrap {
  width: 100%;
}

.toast-ui-editor-host {
  width: 100%;
  min-height: 300px;
}

.toast-ui-editor-host .toastui-editor-defaultUI {
  border: 1px solid hsl(var(--bc) / 0.2);
  border-radius: 0.5rem;
  background: hsl(var(--b2));
  color: hsl(var(--bc));
}

.toast-ui-editor-host .toastui-editor-toolbar,
.toast-ui-editor-host .toastui-editor-md-tab-container,
.toast-ui-editor-host .toastui-editor-mode-switch {
  background: hsl(var(--b1));
  border-color: hsl(var(--bc) / 0.15);
}

.toast-ui-editor-host .toastui-editor-defaultUI-toolbar button,
.toast-ui-editor-host .toastui-editor-toolbar-icons {
  color: hsl(var(--bc));
}

.toast-ui-editor-host .toastui-editor-ww-container,
.toast-ui-editor-host .toastui-editor-md-container,
.toast-ui-editor-host .toastui-editor-contents,
.toast-ui-editor-host .ProseMirror,
.toast-ui-editor-host .toastui-editor-md-preview {
  background: hsl(var(--b2)) !important;
  color: hsl(var(--bc)) !important;
}

.toast-ui-editor-host .toastui-editor-contents h1,
.toast-ui-editor-host .toastui-editor-contents h2,
.toast-ui-editor-host .toastui-editor-contents h3,
.toast-ui-editor-host .toastui-editor-contents h4,
.toast-ui-editor-host .toastui-editor-contents h5,
.toast-ui-editor-host .toastui-editor-contents h6,
.toast-ui-editor-host .toastui-editor-contents p,
.toast-ui-editor-host .toastui-editor-contents li,
.toast-ui-editor-host .toastui-editor-contents blockquote {
  color: hsl(var(--bc));
}

.toast-ui-editor-host .toastui-editor-contents a {
  color: hsl(var(--p));
}

.toast-ui-editor-host .toastui-editor-contents img {
  max-width: 100%;
  height: auto;
}

.toast-ui-editor-host .toastui-editor-main {
  overflow-x: hidden;
}

/* Rendered markdown on detail pages */
.markdown-body {
  max-width: 100%;
  overflow-x: auto;
  line-height: 1.6;
}

.markdown-body img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
}

.markdown-body pre {
  overflow-x: auto;
  padding: 0.75rem;
  border-radius: 0.375rem;
  background: hsl(var(--b2));
}

.markdown-body code {
  font-size: 0.9em;
}

.markdown-body blockquote {
  border-left: 3px solid hsl(var(--bc) / 0.3);
  padding-left: 0.75rem;
  opacity: 0.9;
}