/* v349 isolated Web & SEO Studio visibility and layout repair.
   Intentionally scoped to the Blog & SEO admin view; no global theme changes. */
.page-head.blog-seo-hero {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  min-height: 132px !important;
  padding: 24px 28px !important;
  margin: 0 0 22px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  border-radius: 18px !important;
  background: linear-gradient(120deg,#1e3c72 0%,#2a5298 100%) !important;
  color: #fff !important;
}
.page-head.blog-seo-hero,
.page-head.blog-seo-hero * {
  box-sizing: border-box !important;
}
.page-head.blog-seo-hero > div:first-child {
  display: block !important;
  flex: 1 1 480px !important;
  min-width: 0 !important;
  visibility: visible !important;
}
.page-head.blog-seo-hero .eyebrow,
.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 {
  visibility: visible !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.page-head.blog-seo-hero .eyebrow {
  display: block !important;
  color: #ffdf70 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.5 !important;
  letter-spacing: 1.8px !important;
  margin: 0 0 8px !important;
}
.page-head.blog-seo-hero h1,
.page-head.blog-seo-hero h2,
.page-head.blog-seo-hero h3,
.page-head.blog-seo-hero h4 {
  display: block !important;
  color: #ffffff !important;
  font-size: clamp(24px,2.1vw,32px) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
}
.page-head.blog-seo-hero p {
  display: block !important;
  color: #f4f7ff !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: 780px !important;
}
.page-head.blog-seo-hero .actions {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: auto !important;
  margin: 0 !important;
}
.page-head.blog-seo-hero .actions .btn {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 12px 20px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
.page-head.blog-seo-hero .actions .btn-soft {
  background: #f3f7fd !important;
  color: #17385c !important;
  border: 1px solid #dce8f5 !important;
}
.page-head.blog-seo-hero .actions .btn-gold {
  background: linear-gradient(135deg,#ffdf70,#e8b92c) !important;
  color: #142b45 !important;
  border: 1px solid #e8b92c !important;
}
/* Keep the rest of the SEO workspace readable if theme styles conflict. */
#app .kpi-grid .kpi,
#app .kpi-grid .kpi strong,
#app .kpi-grid .kpi span,
#app .kpi-grid .kpi .kpi-icon,
#app .panel .panel-head h4,
#app .panel .panel-head small,
#app .panel .panel-body,
#app .panel .panel-body p,
#app .panel table,
#app .panel table th,
#app .panel table td {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 760px) {
  .page-head.blog-seo-hero {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    min-height: 0 !important;
    padding: 20px !important;
  }
  .page-head.blog-seo-hero > div:first-child {
    flex: 1 1 auto !important;
    width: 100% !important;
  }
  .page-head.blog-seo-hero .actions {
    width: 100% !important;
    justify-content: stretch !important;
  }
  .page-head.blog-seo-hero .actions .btn {
    flex: 1 1 150px !important;
    white-space: normal !important;
  }
}