.elementor-501 .elementor-element.elementor-element-7135a5ab{--display:flex;overflow:visible;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-28621d7e *//******************************************************
 * Blog (Single Post) – Safe, Universal Styling
 * Scope: body.single-post main.site-main .page-content
 * Purpose: Restore clear typography & layout without
 *          affecting Elementor header/footer or Tailwind.
 ******************************************************/

/* Container card for the article body */
body.single-post main.site-main .page-content{
  --mi-text:#0f172a;           /* slate-900-ish */
  --mi-muted:#475569;          /* slate-600 */
  --mi-bg:#ffffff;
  --mi-border:#e2e8f0;         /* slate-200 */
  --mi-accent:#2563eb;         /* blue-600 */
  --mi-code:#0b1020;           /* dark code text */
  --mi-code-bg:#f8fafc;        /* slate-50 */
  --mi-quote:#0ea5e9;          /* sky-500 border */

  color:var(--mi-text);
  background:var(--mi-bg);
  max-width: 72ch;
  margin: 2rem auto 4rem;
  padding: clamp(1.25rem, 2vw + 0.5rem, 2rem);
  border: 1px solid var(--mi-border);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(2,6,23,0.06);
  line-height: 1.7;
  font-size: 1.05rem;
}

/* Page header above the card */
body.single-post main.site-main .page-header{
  max-width: 72ch;
  margin: 2.5rem auto 0.75rem;
  padding-inline: clamp(1rem, 2vw, 0rem);
}
body.single-post main.site-main .page-header .entry-title{
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

/* Typography rhythm inside the article */
body.single-post main.site-main .page-content :where(p, ul, ol, blockquote, pre, table, figure){
  margin-block: 1.1em;
}

/* Headings scale */
body.single-post main.site-main .page-content :where(h1,h2,h3,h4,h5,h6){
  color:var(--mi-text);
  letter-spacing:-0.01em;
  line-height:1.2;
  margin: 1.5em 0 0.6em;
  font-weight: 800;
}
body.single-post main.site-main .page-content h1{ font-size: clamp(1.8rem, 2.5vw + 1rem, 2.4rem); }
body.single-post main.site-main .page-content h2{ font-size: clamp(1.5rem, 2vw + 0.75rem, 2rem); }
body.single-post main.site-main .page-content h3{ font-size: clamp(1.25rem, 1.2vw + 0.75rem, 1.5rem); font-weight: 700; }
body.single-post main.site-main .page-content h4{ font-size: 1.125rem; font-weight: 700; }

/* Paragraphs & muted text */
body.single-post main.site-main .page-content p{
  color:var(--mi-text);
}
body.single-post main.site-main .page-content .wp-caption-text,
body.single-post main.site-main .page-content figcaption,
body.single-post main.site-main .page-content small{
  color:var(--mi-muted);
  font-size: 0.925rem;
}

/* Links */
body.single-post main.site-main .page-content a{
  color:var(--mi-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.single-post main.site-main .page-content a:hover{
  opacity:.9;
}

/* Lists */
body.single-post main.site-main .page-content :where(ul,ol){
  padding-left: 1.25rem;
}
body.single-post main.site-main .page-content li{
  margin: .4em 0;
}

/* Images & figures */
body.single-post main.site-main .page-content img{
  max-width:100%;
  height:auto;
  display:block;
  margin: 1.25rem auto;
  border-radius: 12px;
}
body.single-post main.site-main .page-content figure{
  text-align:center;
}
body.single-post main.site-main .page-content figure img{
  margin-bottom:.5rem;
}

/* Blockquotes */
body.single-post main.site-main .page-content blockquote{
  border-left: 4px solid var(--mi-quote);
  background: linear-gradient(0deg, rgba(14,165,233,.06), rgba(14,165,233,.06));
  padding: .9rem 1rem .9rem 1.1rem;
  border-radius: 8px;
  color:#0b1324;
}

/* Code & Preformatted */
body.single-post main.site-main .page-content code{
  background:var(--mi-code-bg);
  color:var(--mi-code);
  padding: .15em .4em;
  border-radius: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: .95em;
}
body.single-post main.site-main .page-content pre{
  background:var(--mi-code-bg);
  border:1px solid var(--mi-border);
  padding: 1rem 1.1rem;
  border-radius: 12px;
  overflow:auto;
}
body.single-post main.site-main .page-content pre code{
  background: transparent; padding:0; border:0; color:var(--mi-code);
}

/* Tables */
body.single-post main.site-main .page-content table{
  width:100%;
  border-collapse: collapse;
  border:1px solid var(--mi-border);
  border-radius: 12px;
  overflow: hidden;
}
body.single-post main.site-main .page-content th,
body.single-post main.site-main .page-content td{
  padding: .75rem .9rem;
  border-bottom: 1px solid var(--mi-border);
  text-align: left;
}
body.single-post main.site-main .page-content thead th{
  background:#f8fafc;
  font-weight:700;
}

/* Forms inside the post (comments) */
body.single-post main.site-main .comments-area{
  max-width: 72ch;
  margin: 0 auto 4rem;
  padding-inline: clamp(1rem, 2vw, 0rem);
}
body.single-post main.site-main .comments-area input[type="text"],
body.single-post main.site-main .comments-area input[type="email"],
body.single-post main.site-main .comments-area textarea{
  width:100%;
  border:1px solid var(--mi-border);
  border-radius:10px;
  padding:.75rem .9rem;
  font: inherit;
}
body.single-post main.site-main .comments-area input[type="submit"],
body.single-post main.site-main .comments-area .submit{
  background:var(--mi-accent);
  color:#fff;
  border:0;
  border-radius:10px;
  padding:.6rem 1rem;
  cursor:pointer;
}

/* Make sure Elementor/Tailwind utilities outside the post keep precedence */
body.single-post main.site-main .page-content :where(.elementor, .e-con, .e-widget){
  all: revert;
}

/* Responsive niceties */
@media (max-width: 768px){
  body.single-post main.site-main .page-content{
    margin: 1rem auto 2.5rem;
    padding: 1rem;
    border-radius: 14px;
  }
  body.single-post main.site-main .page-header{
    margin-top: 1.5rem;
  }
}

/* Optional: reduce duplicate H1 when builders output two H1s */
body.single-post main.site-main .page-content > h1:first-child{
  margin-top: .25rem;
}/* End custom CSS */