/* blog.css */

/* Base heading sizes */
h1 { font-size: 1.75rem; }  /* ~28px */
h2 { font-size: 1.5rem; }   /* ~24px */
h3 { font-size: 1.25rem; }  /* ~20px */
h4 { font-size: 1.125rem; } /* ~18px */
h5 { font-size: 1rem; }     /* ~16px */
h6 { font-size: 0.875rem; } /* ~14px */

/* Paragraph styling */
p {
  color: #222;
  line-height: 1.75;
  margin-bottom: 1.25em;
}

/* Lists */
ul, ol {
  line-height: 1.75;
  margin-bottom: 1.5em;
}
li {
  margin-bottom: 0.75em;
  color: #222;
}

/* Optional: make link text darker in body content */
p a, li a {
  color: #0056b3;
}
p a:hover, li a:hover {
  text-decoration: underline;
}

/* Responsive adjustments for smaller devices */
@media (max-width: 768px) {
  h1 { font-size: 1.5rem; }   /* ~24px */
  h2 { font-size: 1.375rem; } /* ~22px */
  h3 { font-size: 1.125rem; } /* ~18px */
  h4 { font-size: 1rem; }     /* ~16px */
  h5 { font-size: 0.875rem; } /* ~14px */
  h6 { font-size: 0.75rem; }  /* ~12px */
}

@media (max-width: 480px) {
  h1 { font-size: 1.375rem; } /* ~22px */
  h2 { font-size: 1.25rem; }  /* ~20px */
  h3 { font-size: 1rem; }     /* ~16px */
  h4 { font-size: 0.875rem; } /* ~14px */
  h5 { font-size: 0.8125rem; }/* ~13px */
  h6 { font-size: 0.75rem; }  /* ~12px */
}