/* CAiHUB exact publishing stylesheet.
   Purpose: show published Knowledge Hub content as close as possible to the Admin/Content Writer editor.
   Do not force colours, heading styles, table styles or image shapes over user-written formatting. */
.blog-full-content,
.editor-content,
.editor-exact-content{
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: #111827;
  max-width: 850px;
  margin: 24px auto;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* Keep normal document spacing without changing chosen formatting. */
.blog-full-content p,
.editor-content p,
.editor-exact-content p{margin-top:.75em;margin-bottom:.75em;}

.blog-full-content h1,.blog-full-content h2,.blog-full-content h3,.blog-full-content h4,.blog-full-content h5,.blog-full-content h6,
.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4,.editor-content h5,.editor-content h6,
.editor-exact-content h1,.editor-exact-content h2,.editor-exact-content h3,.editor-exact-content h4,.editor-exact-content h5,.editor-exact-content h6{
  margin-top:1em;
  margin-bottom:.5em;
  line-height:1.25;
}

.blog-full-content ul,.blog-full-content ol,
.editor-content ul,.editor-content ol,
.editor-exact-content ul,.editor-exact-content ol{padding-left:1.4rem;margin:.8em 0;}
.blog-full-content li,.editor-content li,.editor-exact-content li{margin:.28em 0;}

/* Tables and images are only made responsive; their TinyMCE/inline styling is otherwise preserved. */
.blog-full-content table,
.editor-content table,
.editor-exact-content table{max-width:100%;}
.blog-full-content img,
.editor-content img,
.editor-exact-content img{max-width:100%;height:auto;}

.blog-full-content a,
.editor-content a,
.editor-exact-content a{color:inherit;text-decoration:underline;}

.blog-full-content blockquote,
.editor-content blockquote,
.editor-exact-content blockquote{margin:18px 0;}

.blog-full-content pre,
.editor-content pre,
.editor-exact-content pre{white-space:pre-wrap;overflow:auto;max-width:100%;}

/* Inline styles saved by TinyMCE/MS Word are intentionally not overridden here. */

@media(max-width:760px){
  .blog-full-content,.editor-content,.editor-exact-content{font-size:15px;max-width:100%;margin:18px auto;}
  .blog-full-content table,.editor-content table,.editor-exact-content table{display:block;overflow-x:auto;}
}