/* v347: isolated visibility fix for Blog & SEO Studio header only. */
.page-head.blog-seo-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 116px !important;
  padding: 22px 26px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
  color: #fff !important;
}
.page-head.blog-seo-hero > div:first-child { min-width: 0 !important; flex: 1 1 auto !important; }
.page-head.blog-seo-hero .eyebrow,
.page-head.blog-seo-hero .eyebrow + div,
.page-head.blog-seo-hero h1,
.page-head.blog-seo-hero h2,
.page-head.blog-seo-hero h3,
.page-head.blog-seo-hero h4,
.page-head.blog-seo-hero p,
.page-head.blog-seo-hero small,
.page-head.blog-seo-hero span {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.page-head.blog-seo-hero .eyebrow { color: #f8d978 !important; font-size: 12px !important; letter-spacing: 1.6px !important; line-height: 1.4 !important; font-weight: 800 !important; }
.page-head.blog-seo-hero h3 { color: #fff !important; font-size: clamp(23px, 2.1vw, 30px) !important; line-height: 1.25 !important; font-weight: 850 !important; margin: 8px 0 !important; }
.page-head.blog-seo-hero p { color: #f0f5ff !important; font-size: 15px !important; line-height: 1.55 !important; margin: 0 !important; max-width: 760px !important; }
.page-head.blog-seo-hero .actions { flex: 0 0 auto !important; width: auto !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; }
.page-head.blog-seo-hero .actions .btn { flex: 0 0 auto !important; min-height: 46px !important; padding: 12px 20px !important; border-radius: 14px !important; font-weight: 800 !important; white-space: nowrap !important; }
.page-head.blog-seo-hero .actions .btn-soft { background: #f2f6fc !important; border: 1px solid #e1eaf5 !important; color: #17385c !important; }
.page-head.blog-seo-hero .actions .btn-gold { background: linear-gradient(135deg, #ffdc65, #e9b927) !important; border: 1px solid #e9b927 !important; color: #142b45 !important; }
@media (max-width: 760px) {
  .page-head.blog-seo-hero { flex-direction: column !important; align-items: stretch !important; padding: 20px !important; gap: 16px !important; }
  .page-head.blog-seo-hero .actions { width: 100% !important; }
  .page-head.blog-seo-hero .actions .btn { flex: 1 1 150px !important; white-space: normal !important; }
  .page-head.blog-seo-hero p { font-size: 14px !important; }
}