/* tks-editor content view — generated from src/ui/content-styles.ts */
.tks-view.tks-view {
  font-family: var(--tks-view-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-size: var(--tks-view-font-size, 14px);
  line-height: var(--tks-view-line-height, 1.6);
  color: var(--tks-view-color, #111827);
  font-weight: 400;
  font-style: normal;
  text-align: left;
  text-indent: 0;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
.tks-view.tks-view *,
.tks-view.tks-view *::before,
.tks-view.tks-view *::after { all: revert; }

.tks-view.tks-view p { margin: 0 0 0.5em; }
.tks-view.tks-view h1 { font-size: 2em; font-weight: 700; margin: 0.5em 0; }
.tks-view.tks-view h2 { font-size: 1.5em; font-weight: 700; margin: 0.5em 0; }
.tks-view.tks-view h3 { font-size: 1.25em; font-weight: 700; margin: 0.5em 0; }
.tks-view.tks-view h4 { font-size: 1em; font-weight: 700; margin: 0.5em 0; }
.tks-view.tks-view ul,
.tks-view.tks-view ol { padding-left: 1.5em; margin: 0.5em 0; }
.tks-view.tks-view ul { list-style-type: disc; }
.tks-view.tks-view ol { list-style-type: decimal; }
.tks-view.tks-view li { margin: 0.2em 0; }
.tks-view.tks-view a { color: #2563eb; text-decoration: underline; }
/* blockquote only ever comes from the indent button, so it renders as indentation, not a quote */
.tks-view.tks-view blockquote { margin: 0 0 0 40px; padding: 0; border: none; }
.tks-view.tks-view img { max-width: 100%; height: auto; border-radius: 4px; }
.tks-view.tks-view table { border-collapse: collapse; margin: 0.5em 0; }
.tks-view.tks-view td,
.tks-view.tks-view th { border: 1px solid #d1d5db; padding: 6px 10px; min-width: 40px; vertical-align: top; }
.tks-view.tks-view th { background: #f3f4f6; font-weight: 600; }
.tks-view.tks-view hr { border: none; border-top: 1px solid #d1d5db; margin: 1em 0; }

/* Front-end pages can be narrower than the editor (phones). Cell widths are fixed
   pixels, so a wide table cannot shrink: let it scroll sideways inside the content
   instead of overflowing the page. display:block keeps the inner table intact. */
.tks-view.tks-view table { display: block; max-width: 100%; overflow-x: auto; }