/* ── Trix editor WYSIWYG styles ──────────────────────────────────────────────
   Trix relies on the browser's user-agent stylesheet for typographic defaults
   (list markers, heading sizes, margins). Tailwind's preflight explicitly wipes
   those defaults, so we restore them here.

   Content lives directly inside <trix-editor> — there is no .trix-content
   wrapper in the editor DOM. Trix ships no list-style rules of its own.

   Uses static neutral colors (no CSS vars): the editor lives in the dashboard
   where no intake flow theme is active. */
trix-editor { line-height: 1.7; color: #374151; }
trix-editor h1 { font-size: 1.875rem; font-weight: 700; line-height: 1.2; color: #111827; margin: 2rem 0 1rem; }
trix-editor h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.25; color: #111827; margin: 2rem 0 0.75rem; }
trix-editor h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.3; color: #111827; margin: 1.5rem 0 0.5rem; }
trix-editor h4 { font-size: 1.05rem; font-weight: 600; color: #111827; margin: 1.25rem 0 0.5rem; }
trix-editor div { margin: 0 0 0.75rem; }
trix-editor ul, trix-editor ol { margin: 0 0 1rem; padding-left: 1.5rem; }
trix-editor ul { list-style: disc; }
trix-editor ul ul { list-style-type: circle; }
trix-editor ul ul ul { list-style-type: square; }
trix-editor ol { list-style: decimal; }
trix-editor li { margin: 0.25rem 0; }
trix-editor li > ul, trix-editor li > ol { margin: 0.25rem 0; }
trix-editor a { color: #1d4ed8; text-decoration: underline; }
trix-editor strong { font-weight: 600; color: #111827; }
trix-editor em { font-style: italic; }
trix-editor del, trix-editor s { text-decoration: line-through; }
trix-editor pre {
  margin: 1.25rem 0;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  background-color: #f3f4f6;
  font-family: ui-monospace, monospace;
  font-size: 0.875em;
  line-height: 1.6;
  overflow-x: auto;
  white-space: pre;
}
trix-editor blockquote {
  margin: 1.5rem 0;
  padding: 0.5rem 0 0.5rem 1.25rem;
  border-left: 3px solid #9ca3af;
  color: #374151;
  font-style: italic;
}

.intake-rich-text .trix-button--icon-link,
.intake-rich-text .trix-dialog--link { display: none; }

/* ── Dark theme ─────────────────────────────────────────────────────────────
   The rules above pin hex literals, so they cannot follow the Tailwind
   variable overrides the way utility classes do. Attribute-scoped, never
   prefers-color-scheme: this stylesheet is also linked by the builder layout
   next to portal-facing views that stay light. */
[data-theme="dark"] trix-editor { color: oklch(0.86 0.008 265); }
[data-theme="dark"] trix-editor h1,
[data-theme="dark"] trix-editor h2,
[data-theme="dark"] trix-editor h3,
[data-theme="dark"] trix-editor h4,
[data-theme="dark"] trix-editor strong { color: oklch(0.96 0.008 265); }
[data-theme="dark"] trix-editor a { color: oklch(0.80 0.115 260); }
[data-theme="dark"] trix-editor pre { background-color: oklch(0.26 0.008 265); }
[data-theme="dark"] trix-editor blockquote {
  border-left-color: oklch(0.40 0.008 265);
  color: oklch(0.80 0.008 265);
}