

/* Strong mobile fixes for blog article pages */
html,body{overflow-x:hidden!important;max-width:100%!important}
body{word-wrap:break-word;overflow-wrap:break-word}
.blog-hero .container,.article-layout,.article-body,.sidebar,.sidebar-card,.related-posts,.related-grid{min-width:0}
.article-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:32px!important;align-items:start}
.article-body{width:100%!important;max-width:100%!important;min-width:0!important;padding:clamp(22px,4vw,50px)!important;overflow:hidden!important}
.article-body p,.article-body li,.article-body h2,.article-body h3,.article-body blockquote{max-width:100%;word-break:normal;overflow-wrap:anywhere}
.article-body img,.article-body iframe,.article-body table{max-width:100%!important;height:auto!important}
.cta-inline{background:linear-gradient(135deg,#7b4f93,#9a5da8)!important;color:#fff!important;padding:28px 22px!important;border-radius:16px!important;max-width:100%!important;overflow:hidden!important}
.cta-inline h3,.cta-inline h2{color:#f3a7c8!important;margin:0 0 10px!important;line-height:1.25!important}
.cta-inline p,.cta-inline li,.cta-inline span{color:#fff!important;opacity:1!important}
.cta-inline a{background:#f4c1d7!important;color:#2b1739!important;border:none!important;font-weight:700!important}
.cta-inline a:hover{background:#ffd3e6!important;color:#2b1739!important}
@media (max-width: 1024px){.article-layout{grid-template-columns:minmax(0,1fr)!important}.sidebar{position:static!important;top:auto!important}}
@media (max-width: 768px){
  .blog-hero{padding:56px 0 40px!important}
  .blog-hero h1{font-size:32px!important;line-height:1.2!important;padding:0 8px}
  .blog-hero .meta{gap:10px!important;font-size:13px!important}
  .article-layout{display:block!important;padding:28px 0 48px!important}
  .article-body{padding:22px 18px!important;border-radius:14px!important;box-shadow:0 2px 14px rgba(0,0,0,0.06)!important}
  .article-body h2{font-size:24px!important}
  .article-body h3{font-size:20px!important}
  .article-body p,.article-body li{font-size:16px!important;line-height:1.8!important}
  .sidebar{margin-top:20px!important}
  .sidebar-card{padding:22px 18px!important}
  .related-grid{grid-template-columns:1fr!important}
}
