.elementor-492 .elementor-element.elementor-element-8c93b2e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:123px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-492 .elementor-element.elementor-element-77aa05d .elementor-heading-title{font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-weight:600;}.elementor-492 .elementor-element.elementor-element-49f63fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-492 .elementor-element.elementor-element-542c453 img{border-radius:14px 14px 14px 14px;}.elementor-492 .elementor-element.elementor-element-c3d3399{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:767px){.elementor-492 .elementor-element.elementor-element-77aa05d .elementor-heading-title{font-size:21px;}.elementor-492 .elementor-element.elementor-element-49f63fc{--content-width:100%;}.elementor-492 .elementor-element.elementor-element-c3d3399{--content-width:93%;}}@media(min-width:768px){.elementor-492 .elementor-element.elementor-element-8c93b2e{--content-width:750px;}.elementor-492 .elementor-element.elementor-element-49f63fc{--content-width:750px;}.elementor-492 .elementor-element.elementor-element-c3d3399{--content-width:750px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-7334cd6 *//* ========= Article readability (unique + responsive) =========
   Apply class="reader" to the container wrapping your article content.
   Desktop target width: 750px (fits your layout).
*/

/* Theme tokens */
:root{
  --ink: #47525d;
  --ink-soft: #5b6672;
  --accent: #35c987;
  --paper: #ffffff;

  --read-max: 750px;
  --body-lh: 1.75;
  --para-gap: 1.05rem;
  --card-r: 14px;
}

/* Base */
.reader,
.reader article{
  color: var(--ink);
  background: transparent;
  font-size: clamp(16px, 0.55vw + 14px, 18px);
  line-height: var(--body-lh);
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  /* Prevent ugly overflow on mobile */
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}

/* Width + padding */
.reader{
  max-width: var(--read-max);
  margin-inline: auto;
  padding: clamp(16px, 2.4vw, 32px) clamp(14px, 2.6vw, 26px);
}

/* Headings (smaller on mobile, still strong on desktop) */
.reader h1{
  font-weight: 850;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0 0 1rem;
  font-size: clamp(24px, 1.35vw + 18px, 36px);
}
.reader h2{
  font-weight: 800;
  line-height: 1.25;
  margin: 2rem 0 0.75rem;
  font-size: clamp(19px, 0.95vw + 16px, 28px);
}
.reader h3{
  font-weight: 720;
  line-height: 1.3;
  margin: 1.35rem 0 0.55rem;
  font-size: clamp(16px, 0.6vw + 14px, 22px);
}

/* Paragraphs */
.reader p{
  margin: 0 0 var(--para-gap);
  color: var(--ink);
}
.reader p.lead{
  font-size: clamp(16px, 0.45vw + 15px, 19px);
  color: var(--ink-soft);
  margin-bottom: 1.25rem;
}

/* Lists */
.reader ul,
.reader ol{
  margin: 0.35rem 0 1.1rem 1.1rem;
  padding: 0;
}
.reader li{
  margin: 0.35rem 0;
  padding-left: 0.15rem;
}
.reader li::marker{
  color: #9aa7b5;
}

/* Links */
.reader a{
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.reader a:hover{
  text-decoration-thickness: 2px;
}

/* Media */
.reader figure{
  margin: 1.25rem 0;
}
.reader img{
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: var(--card-r);
}
.reader figcaption{
  margin-top: 0.5rem;
  font-size: 0.92em;
  color: var(--ink-soft);
  line-height: 1.45;
}

/* Callouts + quotes */
.reader .callout,
.reader blockquote{
  margin: 1.15rem 0;
  padding: 0.95rem 1rem;
  border-left: 4px solid #8bc5ff;
  background: #f7fafc;
  border-radius: 12px;
  color: var(--ink);
}
.reader blockquote p{
  margin: 0;
}

/* Code blocks (optional but nice) */
.reader pre,
.reader code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.reader pre{
  margin: 1.1rem 0;
  padding: 0.9rem 1rem;
  border-radius: 12px;
  background: #0b1220;
  color: #e5e7eb;
  overflow: auto;
}
.reader :not(pre) > code{
  padding: 0.15rem 0.35rem;
  border-radius: 8px;
  background: #f1f5f9;
  color: #0f172a;
}

/* Divider */
.reader hr{
  border: 0;
  height: 1px;
  background: #e6edf5;
  margin: 1.8rem 0;
}

/* Meta + footer */
.reader small,
.reader .meta{
  color: var(--ink-soft);
  font-size: 0.92em;
}
.reader footer{
  margin-top: 2.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid #e6edf5;
}

/* Better spacing when heading follows media */
.reader figure + h2,
.reader figure + h3{
  margin-top: 1.3rem;
}

/* Mobile fine-tuning (fix big headers + tighter rhythm) */
@media (max-width: 480px){
  .reader{
    padding: 14px 12px;
  }
  .reader h1{ font-size: clamp(22px, 5.2vw, 28px); }
  .reader h2{ font-size: clamp(18px, 4.4vw, 22px); }
  .reader h3{ font-size: clamp(16px, 4.0vw, 20px); }
  .reader ul,
  .reader ol{
    margin-left: 1.0rem;
  }
}

/* Optional wrapper centering */
.article-wrap{
  display: flex;
  justify-content: center;
}
.article-wrap > .reader{
  width: 100%;
}/* End custom CSS */