/* ===== Base ===== */
.ql-content {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
  color: #212529;
}

/* ===== Alignment ===== */
.ql-align-center {
  text-align: center;
}
.ql-align-right {
  text-align: right;
}
.ql-align-left {
  text-align: left;
}
.ql-align-justify {
  text-align: justify;
}

/* ===== Font Size ===== */
.ql-size-small {
  font-size: 0.75em;
}
.ql-size-large {
  font-size: 1.5em;
}
.ql-size-huge {
  font-size: 2.5em;
}

/* ===== Font Color ===== */
.ql-color-red {
  color: #e60000;
}
.ql-color-blue {
  color: #0066cc;
}
.ql-color-green {
  color: #218838;
}
.ql-color-black {
  color: #000;
}

/* ===== Background Color ===== */
.ql-bg-yellow {
  background-color: #fff3cd;
}
.ql-bg-green {
  background-color: #d4edda;
}

/* ===== Font Family ===== */
.ql-font-serif {
  font-family: Georgia, serif;
}
.ql-font-monospace {
  font-family: monospace;
}

/* ===== Indent ===== */
.ql-indent-1 {
  padding-left: 3em;
}
.ql-indent-2 {
  padding-left: 6em;
}

/* ===== Image ===== */
.ql-content img {
  max-width: 100%;
  height: auto;
}