/* Page Editor — Sidebar + Content Blocks */

.page-editor {
  --sidebar-width: 22rem;
  --sidebar-threshold: 50%;
}

.page-editor-sidebar-inner {
  position: sticky;
  top: var(--s2);
}

/* Content block cards */

.content-block {
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background-color: var(--color-surface);
}

.content-block-header {
  margin-block-end: var(--s-2);
}

/* Add block section */

.content-blocks-add {
  border: 1px dashed var(--color-border);
  border-radius: var(--radius);
  background-color: var(--color-bg);
}

/* Character count warning */

.char-count-over {
  color: var(--color-danger);
  font-weight: 600;
}

/* AI Suggestion panel */

.suggestion-panel {
  background-color: #fdf8e8;
  border: 2px dashed #d4a843;
  border-radius: var(--radius);
  padding: var(--s0);
  margin-block: var(--s-1);
}

.suggestion-label {
  margin: 0 0 var(--s-2) 0;
  font-size: 0.875rem;
}

.suggestion-text {
  margin: 0 0 var(--s-1) 0;
  white-space: pre-wrap;
}

.suggestion-actions {
  display: flex;
  gap: var(--s-2);
}