.ck.ck-editor {
  width: 100%;
}
#message-box {
  width: 100%;
}
.ck.ck-editor__editable {
  min-height: 20em;
}
#postform .ck.ck-editor__editable {
  min-height: 33em;
}
.ck-signature-editor .ck-editor__editable,
.ck.ck-editor__editable.ck-signature-editor {
  min-height: 9em;
}
.ck.ck-content {
  --ck-content-font-family: var(--ck-board-font, inherit);
  --ck-content-font-size: var(--ck-board-font-size, 1rem);
  --ck-content-font-color: inherit;
  --ck-content-line-height: var(--ck-board-line-height, 1.5);
  font-family: var(--ck-board-font, inherit);
  font-size: var(--ck-board-font-size, 1rem);
  line-height: var(--ck-board-line-height, 1.5);
  color: inherit;
}
.ck.ck-content.ck-signature-editor,
.ck-signature-editor .ck-content {
  --ck-board-font-size: 0.875rem;
  --ck-board-line-height: 1.25rem;
}
.ck.ck-content p {
  margin: 0;
}
.ck.ck-content p + p {
  margin-top: 0.9em;
}
.ck.ck-content .bb-spoiler {
  margin: 0.75em 0;
  padding: 0.4em 0.7em;
  border: 1px solid rgba(127, 127, 127, 0.35);
  border-radius: 6px;
  background: rgba(127, 127, 127, 0.08);
}
.ck.ck-content .bb-spoiler > summary {
  cursor: pointer;
  font-weight: 600;
}
.ck.ck-content .bb-youtube {
  display: inline-block;
  padding: 0.35em 0.7em;
  border-radius: 6px;
  background: #111;
  color: #fff;
  font-size: 0.85em;
}
.ck.ck-content .bb-papier {
  max-width: 800px;
  margin: 0.75em auto 1.5em;
  background-color: rgba(128, 128, 128, 0.1);
  border-color: rgba(128, 128, 128, 0.3);
  border-width: 2px;
  border-style: solid;
  padding: 30px 30px 50px 30px;
}

html.dark .ck {
  --ck-color-base-background: #0f172a;
  --ck-color-base-foreground: #1e293b;
  --ck-color-base-text: #e2e8f0;
  --ck-color-base-border: #334155;
  --ck-color-toolbar-background: #1e293b;
  --ck-color-toolbar-border: #334155;
  --ck-color-button-default-hover-background: #334155;
  --ck-color-button-on-background: #0f172a;
  --ck-color-button-on-color: #e2e8f0;
  --ck-color-dropdown-panel-background: #1e293b;
  --ck-color-input-background: #0f172a;
  --ck-color-list-background: #1e293b;
  --ck-color-panel-background: #1e293b;
  --ck-color-text: #e2e8f0;
  --ck-color-engine-placeholder-text: #94a3b8;
  --ck-color-focus-border: #38bdf8;
}
html.dark .ck.ck-editor__editable {
  background: #0f172a;
  color: #e2e8f0;
}

.ck.ck-content img.bb-attach,
.ck.ck-content figure.image img {
  max-width: 100%;
  height: auto;
  border-radius: 0.4rem;
  cursor: move;
}
.ck.ck-content .bb-attach-file {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  padding: 0.2em 0.55em;
  border-radius: 0.35rem;
  background: rgba(127, 127, 127, 0.12);
  border: 1px solid rgba(127, 127, 127, 0.28);
  font-size: 0.9em;
}