/* General Styling */
.ck-content {
  font-family: Arial, sans-serif;
  font-size: 16px;
}

/* Headings */
.ck-content h1 { font-size: 2.5em;  }
.ck-content h2 { font-size: 2em;  }
.ck-content h3 { font-size: 1.75em;  }

/* Paragraphs */
.ck-content p { margin-bottom: 1em; }

/* Text Formatting */
.ck-content strong { font-weight: bold; }
.ck-content i { font-style: italic; }
.ck-content u { text-decoration: underline; }
.ck-content s { text-decoration: line-through; }

/* Links */
.ck-content a { color: #007bff; text-decoration: none; }
.ck-content a:hover { text-decoration: underline; }

/* Code */
.ck-content code {
  font-family: monospace;
  background-color: #707070;
  padding: 4px;
  border-radius: 4px;
  color:#f9f9f9
}

.ck-content pre {
  background-color: #272822;
  color: #fff;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
}
.ck-content pre code { background: none; }

/* Subscript & Superscript */
.ck-content sub { vertical-align: sub; font-size: smaller; }
.ck-content sup { vertical-align: super; font-size: smaller; }

/* Highlights */
.ck-content mark { background-color: #ffff00; color: #000; padding: 2px; }
.ck-content .marker-pink { background-color: #ffb6c1; }

/* Lists */
.ck-content ul { list-style-type: disc; margin-left: 20px; }
.ck-content ol { list-style-type: decimal; margin-left: 20px; }

/* Todo List (Simulated Checkbox List) */
.ck-content ul.todo-list { list-style: none; padding: 0; }
.ck-content .todo-list li { margin-bottom: 8px; }
.ck-content .todo-list__label { display: flex; align-items: center; }
.ck-content .todo-list__label input { margin-right: 8px; }

/* Blockquote */
.ck-content blockquote {
  border-left: 4px solid #ccc;
  padding-left: 16px;
  margin: 16px 0;
  font-style: italic;
  color: #666;
}

/* Custom Font Sizes */
.ck-content .text-huge { font-size: 2em; }
.ck-content .text-tiny { font-size: 0.75em; }

/* Font Family Support */
.ck-content [style*="font-family"] { font-family: inherit; }

/* Color and Background */
.ck-content [style*="color"] { color: inherit; }
.ck-content [style*="background-color"] { background-color: inherit; }

/* Tables */
.ck-content figure.table { margin: 20px 0; }
.ck-content table {
  width: 100%;
  border-collapse: collapse;
}
.ck-content td, .ck-content th {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

/* Table Hover Effect */

.ck-content tr:hover {
  background-color: #717171;
}