/* Dedicated override for post title sizing */
h1#title,
.post-header h1,
h1.gradient-text,
article h1 {
  font-size: 3.75rem !important; /* ~text-7xl */
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
}

@media (min-width: 768px) {
  h1#title,
  .post-header h1,
  h1.gradient-text,
  article h1 {
    font-size: 4.5rem !important; /* Even larger than text-7xl */
  }
}

/* Fix for Safari iOS - ensure bold text inherits color */
/* This must load after all other CSS including Tailwind prose styles */
strong, b,
.prose strong,
.prose b,
.prose.dark\:prose-invert strong,
.prose.dark\:prose-invert b,
.article-content strong,
.article-content b,
article strong,
article b,
section strong,
section b,
p strong,
p b {
    color: inherit !important;
    font-weight: 700 !important;
}

/* Ensure dark mode prose inverted styles don't override */
.dark .prose strong,
.dark .prose b,
[data-theme="dark"] .prose strong,
[data-theme="dark"] .prose b {
    color: inherit !important;
}