/*
 * Advanced Markdown WYSIWYG – Mobile Typography Boost (v1.3.6)
 * Body text +10% on mobile. Keep the top H1 title unchanged.
 * Strengthen in-article headings (H2–H6) so they don't look too small on mobile.
 * Scope: .single-post .entry-content
 */
@media (max-width: 768px) {
  .single-post .entry-content {
    font-size: 130%;
    line-height: 1.45;
  }

  /* Do NOT change the post title H1 (usually outside .entry-content). 
     If an H1 happens to be inside entry-content, leave it at 100%. */
  .single-post .entry-content h1 { font-size: 100% !important; }

  /* Make in-article headings more prominent on mobile */
  .single-post .entry-content h2 { font-size:   150% !important; }
  .single-post .entry-content h3 { font-size:   140% !important; }
  .single-post .entry-content h4 { font-size:   135% !important; }
  .single-post .entry-content h5 { font-size:   122% !important; }
  .single-post .entry-content h6 { font-size:   120% !important; }

  /* Body elements */
  .single-post .entry-content p,
  .single-post .entry-content li,
  .single-post .entry-content blockquote,
  .single-post .entry-content pre,
  .single-post .entry-content code {
    font-size: 110%;
  }
}