/* Base styles for all screen sizes */
.ck-content * {
  margin: revert;
  padding: revert;
  font-size: revert;
  font-weight: revert;
}

.ck-content > blockquote,
.ck-content > dl,
.ck-content > dd,
.ck-content > h1,
.ck-content > h2,
.ck-content > h3,
.ck-content > h4,
.ck-content > h5,
.ck-content > h6,
.ck-content > hr {
  font-weight: revert;
}

.ck-content > h1 {
  margin: revert;
  padding: revert;
  font-weight: revert;
  font-size: 20px;
}

.ck-content > h2 {
  margin: revert;
  padding: revert;
  font-weight: revert;
  font-size: 18px;
}

.ck-content > h3 {
  margin: revert;
  padding: revert;
  font-weight: revert;
  font-size: 16px;
}

.ck-content > p {
  font-size: 18px;
  line-height: 1.7;
}

.ck-content ol li {
  margin: 8px 0;
  padding: revert;
  font-weight: revert;
  font-size: 18px;
}

.ck-content ol li::marker {
  margin: 8px 0;
  padding: revert;
  font-weight: revert;
  font-size: 18px;
}

.ck-content > ol,
.ck-content > ul {
  list-style: revert;
  margin: revert;
  padding: revert;
}

.ck-content > table {
  /* border-collapse: revert;
  border-spacing: revert; */
  width: 100%; /* Make tables responsive by default */
  margin: revert;
  padding: revert;
  table-layout: auto; /* Allow columns to resize based on content */
}

.ck-content > table th,
.ck-content > table td,
.ck-content > table tr {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  background: transparent;
}

.ck-content table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  background: transparent;
  font-weight: normal;
  font-size: 16px;
  word-wrap: normal;
  overflow-wrap: normal;
  white-space: normal;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .ck-content > h1 {
    font-size: 18px; /* Smaller font size for h1 on tablets and mobiles */
  }

  .ck-content > h2 {
    font-size: 16px; /* Smaller font size for h2 on tablets and mobiles */
  }

  .ck-content > h3 {
    font-size: 14px; /* Smaller font size for h3 on tablets and mobiles */
  }

  .ck-content > p {
    font-size: 14px; /* Smaller font size for paragraphs on tablets and mobiles */
    line-height: 1.6; /* Adjust line height for better readability */
  }

  .ck-content ol li,
  .ck-content ol li::marker {
    font-size: 16px; /* Smaller font size for list items on tablets and mobiles */
  }

  .ck-content > table {
    display: block; /* Make tables scrollable on smaller screens */
    overflow-x: auto; /* Add horizontal scroll for tables */
    white-space: nowrap; /* Prevent table content from wrapping */
  }

  .ck-content > table th,
  .ck-content > table td {
    padding: 6px; /* Reduce padding for table cells on smaller screens */
    font-size: 14px; /* Smaller font size for table content */
  }

  .ck-content table td {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .ck-content > h1 {
    font-size: 18px; /* Even smaller font size for h1 on mobile devices */
  }

  .ck-content > h2 {
    font-size: 16px; /* Even smaller font size for h2 on mobile devices */
  }

  .ck-content > h3 {
    font-size: 14px; /* Even smaller font size for h3 on mobile devices */
  }

  .ck-content > p {
    font-size: 14px; /* Even smaller font size for paragraphs on mobile devices */
    line-height: 1.5; /* Adjust line height for better readability */
  }

  .ck-content ol li,
  .ck-content ol li::marker {
    font-size: 14px; /* Even smaller font size for list items on mobile devices */
  }

  .ck-content > table th,
  .ck-content > table td {
    padding: 4px; /* Further reduce padding for table cells on mobile devices */
    font-size: 12px; /* Even smaller font size for table content */
  }
}