.cke5ta-wrap {
  margin: 1em 0;
  display: block;
  float: none;
  clear: both;
}

.cke5ta-mode-bar {
  display: flex;
  gap: 0;
  margin-bottom: 0.25em;
  border-bottom: 1px solid #ccc;
}

.cke5ta-mode-btn {
  padding: 0.4em 1em;
  font-size: 13px;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #f8f8f8;
  color: #333;
  cursor: pointer;
  border-radius: 3px 3px 0 0;
  margin-right: 2px;
}

.cke5ta-mode-btn:hover {
  background: #eee;
}

.cke5ta-mode-btn.active {
  background: #fff;
  font-weight: 600;
  margin-bottom: -1px;
  padding-bottom: calc(0.4em + 1px);
}

.cke5ta-source {
  border: 1px solid #cccccc;
  border-radius: 3px;
  overflow: hidden;
  min-height: 400px;
}

.cke5ta-source[hidden] {
  display: none !important;
}

.cke5ta-source-toolbar {
  padding: 0.35em 0.5em;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

.cke5ta-apply-visual-btn {
  padding: 0.35em 0.75em;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}

.cke5ta-apply-visual-btn:hover {
  background: #eee;
}

.cke5ta-source-html .CodeMirror,
.cke5ta-source-md .CodeMirror {
  height: 65vh !important;
  min-height: 400px;
  border: none;
  font-size: 13px;
}

.cke5ta-source-html .CodeMirror .CodeMirror-scroll,
.cke5ta-source-md .CodeMirror .CodeMirror-scroll {
  overflow-y: auto;
  overflow-x: auto;
}

.cke5ta-source textarea.cke5ta-raw,
.cke5ta-source textarea.cke5ta-raw-html,
.cke5ta-source textarea.cke5ta-raw-md {
  width: 100%;
  min-height: 400px;
  max-height: 65vh;
  height: 65vh;
  margin: 0;
  padding: 0.75em;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 13px;
  line-height: 1.5;
  border: none;
  resize: vertical;
  box-sizing: border-box;
  overflow-y: auto;
}

.cke5ta {
  border: 1px solid #cccccc;
  max-height: 68vh;
  width: 105rem;
  margin: 1rem auto;
  padding: 0;
  overflow: visible;
  margin: 1em 0;
  display: block;
  float: none;
  clear: both;
}

.cke5ta .ck-editor__editable {
  max-height: 65vh;
  box-shadow: 0 0 10px lightgrey;
}

.cke5ta .ck-content * {
  background: none !important;
  border: none !important;
  line-height: 1.2;
  background-color: white;
  color: black;
  font-family: 'Circular-Book', BlinkMacSystemFont, Arial, sans-serif;
}

.cke5ta .ck-content h1,
.cke5ta .ck-content h2,
.cke5ta .ck-content h3,
.cke5ta .ck-content h4 {
  margin: 0.5em 0;
  padding: 0;
  line-height: 1.3;
  color: black;
}

.cke5ta .ck-content p,
.cke5ta .ck-content blockquote {
  margin: 0.5em 0;
  font-size: 16px;
  color: black;
  font-family: 'Circular-Book', BlinkMacSystemFont, Arial, sans-serif;
}

.cke5ta .ck-content blockquote {
  font-size: 16px;
  padding-left: 2em;
  margin-left: 2em;
  margin-right: 2em;
  border-left: 2px solid darkgray !important;
  background-color: #f4f4f4 !important;
  font-style: normal;
}

.cke5ta .ck-content blockquote .qsign {
  font-style: italic;
}

.cke5ta .ck-content p.lead {
  font-size: 150%;
}

.cke5ta .ck-content p.text-center {
  text-align: center;
}

.cke5ta .ck-content .alert {
  font-size: 16px;
  padding: 0.5em 1em;
  margin: 1em;
  border: 1px solid darkgray !important;
  background-color: #f4f4f4 !important;
  font-style: normal;
}

.cke5ta .ck-content .alert.alert-warning {
  background-color: lightgoldenrodyellow !important;
}

.cke5ta .ck-content .alert.alert-success {
  background-color: mintcream !important;
}

.cke5ta .ck-content p bold {
  font-weight: bold;
}

.cke5ta .ck-content p em {
  font-style: italic;
}

.cke5ta .ck-content h1 {
  font-size: 36px;
}

.cke5ta .ck-content h2 {
  font-size: 30px;
}

.cke5ta .ck-content h3 {
  font-size: 26px;
}

.cke5ta .ck-content h4 {
  font-size: 20px;
}

.cke5ta .ck-content h5 {
  font-size: 18px;
}

.cke5ta .ck-content img,
.cke5ta .ck-content figure {
  display: block;
  margin: 0.25em auto;
  padding: 0;
  width: 96%;
  max-width: 40em;
}

.cke5ta .ck-content img {
  border: 1px solid #e0e0e0 !important;
  padding: 0;
  margin: 0 auto;
}

.cke5ta .ck-content figure figcaption {
  display: block;
}

.cke5ta .ck-content mark {
  background-color: wheat  !important;
}

.cke5ta .ck-content a {
  color: navy;
  text-decoration: underline;
}

.cke5ta .ck-content .btn {
  text-decoration: none;
  padding: 0.5em 2em;
  margin: 0 0.5em;
  background-color: lightsteelblue !important;
  cursor: pointer;
}

.cke5ta .ck-content h1,
.cke5ta .ck-content h2,
.cke5ta .ck-content h3,
.cke5ta .ck-content h4,
.cke5ta .ck-content h5 {
  padding: 0;
  font-weight: bold;
  margin-top: 1.6em;
  margin-bottom: 1em;
  border: 1px solid whitesmoke !important;
}

.cke5ta .ck-content hr {
  height: 2px;
  width:100%;
  margin: 0.5em auto;
  padding:0;
  border: 0;
  background-color: darkgray !important;
}

.cke5ta .ck-content ul,
.cke5ta .ck-content ol {
  margin: 0.5em 0;
  padding: 0 0 0 2em;
}

.cke5ta .ck-content ul li,
.cke5ta .ck-content ol li {
  padding: 0 0 0.5em 0;
  font-size: 16px;
  color: black;
  font-family: 'Circular-Book', BlinkMacSystemFont, Arial, sans-serif;
}

.cke5ta .ck-content ul li {
  list-style: square;
}

.cke5ta .ck-content .table {
  width: auto;
}

.cke5ta .ck-content p:hover,
.cke5ta .ck-content h1:hover,
.cke5ta .ck-content h2:hover,
.cke5ta .ck-content h3:hover,
.cke5ta .ck-content h4:hover,
.cke5ta .ck-content h5:hover {
  background-color: whitesmoke !important;
}