/* Start custom CSS for html, class: .elementor-element-0db57cd *//* ============================
   MOBILE WORD-SPACING FIX
   Scoped to .st-blog template
   ============================ */

/* Kill justification + stretched spacing */
.st-blog,
.st-blog *{
  text-align: left !important;
  text-justify: auto !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

/* Extra insurance if the theme targets paragraphs/lists */
.st-blog p,
.st-blog li,
.st-blog summary,
.st-blog details,
.st-blog h2,
.st-blog h3{
  text-align: left !important;
  text-align-last: left !important;
  text-justify: auto !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

/* Prevent weird breaks on narrow screens */
.st-blog p,
.st-blog li{
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

/* Mobile readability tweaks */
@media (max-width: 768px){
  .st-wrap{ padding-left: 14px; padding-right: 14px; }
  .st-card{ padding: 18px; }
  .st-intro p,
  .st-body p,
  .st-body li{
    font-size: 16px;
    line-height: 1.7;
  }
}

/* If Elementor/theme sets justify inline */
@media (max-width: 768px){
  .st-blog [style*="text-align:justify"],
  .st-blog [style*="text-align: justify"]{
    text-align: left !important;
  }
}/* End custom CSS */