.summernote_blog {
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #2c3e50;
  padding: 2rem;
  background-color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
}

/* Headings */
.summernote_blog h1,
.summernote_blog h2,
.summernote_blog h3,
.summernote_blog h4,
.summernote_blog h5,
.summernote_blog h6 {
  font-weight: 700;
  margin: 1.5rem 0 1rem;
  line-height: 1.3;
  color: #1a1a1a;
}

.summernote_blog h1 { font-size: 2.25rem; border-bottom: 2px solid #ddd; padding-bottom: 0.3rem; }
.summernote_blog h2 { font-size: 1.75rem; color: #2c3e50; }
.summernote_blog h3 { font-size: 1.5rem; }
.summernote_blog h4 { font-size: 1.25rem; }
.summernote_blog h5 { font-size: 1rem; }
.summernote_blog h6 { font-size: 0.875rem; color: #666; }

/* Paragraphs and Lists */
.summernote_blog p {
  margin: 1rem 0;
}

.summernote_blog ul,
.summernote_blog ol {
  margin: 1rem 0 1rem 2rem;
}

.summernote_blog li {
  margin-bottom: 0.5rem;
}

/* Blockquotes */
.summernote_blog blockquote {
  border-left: 4px solid #3498db;
  background: #f4faff;
  padding: 1rem;
  margin: 1.5rem 0;
  color: #555;
  font-style: italic;
}

/* Code blocks - Dark terminal style */
.summernote_blog pre,
.summernote_blog code {
  font-family: 'Fira Code', 'Courier New', Courier, monospace;
}

.summernote_blog pre {
  background: #1e1e1e;
  color: #d4d4d4;
  padding: 1rem;
  border-radius: 6px;
  overflow-x: auto;
  margin: 1.5rem 0;
}

.summernote_blog code {
  background: #f4f4f4;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  color: #e83e8c;
  font-size: 0.95em;
}

.summernote_blog pre code {
  background: none;
  color: inherit;
  padding: 0;
}

/* Tables - Clean and Professional */
.summernote_blog table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  font-size: 0.95rem;
}

.summernote_blog th,
.summernote_blog td {
  padding: 0.75rem 1rem;
  text-align: left;
  border: 1px solid #ddd;
}

.summernote_blog th {
  background-color: #f9fafb;
  font-weight: 600;
  color: #2c3e50;
}

.summernote_blog tr:nth-child(even) {
  background-color: #f4f6f8;
}

/* Images */
.summernote_blog img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1rem auto;
  border-radius: 6px;
}

/* Links */
.summernote_blog a {
  color: #007acc;
  text-decoration: none;
  border-bottom: 1px dotted #007acc;
  transition: 0.2s;
}

.summernote_blog a:hover {
  color: #005a9e;
  border-bottom-style: solid;
}