/* GENERATED by split_site_wide.py from site-wide.css — Phase 1 bundle. Do not hand-edit; edit source + re-split. */
body.single-project .elementor-widget.case-study-block {
  margin-bottom: 24px !important;
}
body.single-project .elementor-widget.case-study-block .elementor-widget-container > h2:first-child, body.single-project .elementor-widget.case-study-block .elementor-widget-container > h3:first-child, body.single-project .elementor-widget.case-study-block .elementor-widget-container > h4:first-child {
  margin-top: 0 !important;
}
/* .elementor-widget-text-editor added to each selector below so specificity
   strictly exceeds the generic blog rule at "body:not(.home)
   .elementor-widget-text-editor h2:not(.title):not(.main-heading)" further
   down this same file — both rules were tied at (0,4,2), and the generic
   rule (later in source) was winning the tie, flattening every case-study h2
   AND h3 to identical 26px/800/#1a2236. case-study-block widgets are always
   text-editor widgets (w_text() in the publish migrations), so this is a
   true structural qualifier, not a hack. 2026-08-28. */
body.single-project .elementor-widget.case-study-block.elementor-widget-text-editor .elementor-widget-container h2, body.single-project .elementor-widget.case-study-block.elementor-widget-text-editor .elementor-widget-container h3, body.single-project .elementor-widget.case-study-block.elementor-widget-text-editor .elementor-widget-container h4 {
  color: #000 !important;
}
body.single-project .elementor-widget.case-study-block.elementor-widget-text-editor .elementor-widget-container h2 {
  font-size: 34px !important;
  line-height: 42px !important;
  font-weight: 700 !important;
}
body.single-project .elementor-widget.case-study-block.elementor-widget-text-editor .elementor-widget-container h3 {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
}
body.single-project .elementor-widget.case-study-block .elementor-widget-container h4 {
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}
body.single-project .elementor-widget.case-study-block .elementor-widget-container ul, body.single-project .elementor-widget.case-study-block .elementor-widget-container ol {
  margin-bottom: 20px !important;
}
body.single-project .elementor-widget.case-study-block .elementor-widget-container > h2 {
  margin-top: 56px !important;
  margin-bottom: 20px !important;
}
body.single-project .elementor-widget.case-study-block .elementor-widget-container > h3 {
  margin-top: 40px !important;
  margin-bottom: 16px !important;
}
body.single-project .elementor-widget.case-study-block .elementor-widget-container > h4 {
  margin-top: 28px !important;
  margin-bottom: 10px !important;
}
body.single-project .elementor-widget.case-study-block .elementor-widget-container a:not(.clx-lc), body.single-project .clx-result-desc a {
  color: #FA4900 !important;
  text-decoration: underline !important;
  text-decoration-color: #FA4900 !important;
  /* Body links must break across lines like any other inline text. Something
     upstream renders them as an unbreakable box, so a multi-word link dropped
     whole onto its own line instead of splitting at the margin. Forced back to
     inline flow here, in the case-study template, so every study gets it. 2026-08-16. */
  display: inline !important;
  white-space: normal !important;
  overflow-wrap: break-word;
}
body.single-project .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-image {
  margin-top: 40px !important;
  margin-bottom: 16px !important;
}
body.single-project .elementor-widget-image + .elementor-widget-text-editor:not(.case-study-block) {
  margin-bottom: 32px !important;
}
body.single-project .elementor-widget-wrap > .elementor-widget-text-editor:not(.case-study-block):not(:first-child) .elementor-widget-container > h2 {
  margin-top: 48px !important;
  margin-bottom: 18px !important;
}
body.single-project .elementor-widget-wrap > .elementor-widget-text-editor:not(.case-study-block):not(:first-child) .elementor-widget-container > h3 {
  margin-top: 36px !important;
  margin-bottom: 14px !important;
}
body.single-project .elementor-icon-list-icon i.fa-circle::before {
  content: "" !important;        /* drop the (square) FA glyph */
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;      /* CSS disc in the icon's own color */
  vertical-align: middle;
}
.clx-cs-features-section { font-family: 'DM Sans', sans-serif; color: #142533; }
.clx-cs-features-eyebrow {
  display: inline-block;
  font-family: 'Cabin', sans-serif;
  font-size: 16px; font-weight: 700;
  letter-spacing: 0.04em; color: #E8611A;
  text-transform: uppercase; margin-bottom: 12px;
}
.clx-cs-features-section .case-study-page-heading {
  margin-top: 0;
  margin-bottom: 32px;
}
.clx-cs-features-section-sub {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px; line-height: 1.6;
  color: #56616A; margin: 0 0 40px; max-width: 720px;
}
@media (max-width: 720px) {
  .clx-cs-features-section-sub { margin-bottom: 28px; font-size: 14px; }
}
.clx-cs-features {
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  column-gap: 32px;
  align-items: start;
}
@media (max-width: 960px) {
  .clx-cs-features { grid-template-columns: 1fr; row-gap: 24px; }
}
.clx-cs-features-list {
  display: flex; flex-direction: column; gap: 12px;
  margin: 0; padding: 0; list-style: none;
}
.clx-cs-feature-item {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(20, 37, 51, 0.08);
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04),
              inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
  cursor: pointer;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: auto 1fr 28px;
  column-gap: 18px;
  align-items: center;
  user-select: none;
  position: relative;
}
.clx-cs-feature-item:hover {
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.clx-cs-feature-num {
  font-family: 'Cabin', sans-serif; font-size: 13px; font-weight: 700;
  letter-spacing: 0.08em; color: #E8611A;
}
.clx-cs-feature-title {
  font-family: 'Cabin', sans-serif; font-size: 18px; font-weight: 700;
  line-height: 1.3; color: #142533; margin: 0; letter-spacing: -0.2px;
}
.clx-cs-feature-arrow {
  width: 28px; height: 28px; border-radius: 50%;
  background: rgba(232, 78, 15, 0.08);
  display: flex; align-items: center; justify-content: center;
  transition: background .25s ease, transform .25s ease;
  flex-shrink: 0;
}
.clx-cs-feature-arrow svg { width: 12px; height: 12px; }
.clx-cs-feature-arrow svg path { stroke: #E8611A; }
.clx-cs-feature-item.is-active .clx-cs-feature-arrow {
  background: #E8611A; transform: translateX(2px);
}
.clx-cs-feature-item.is-active .clx-cs-feature-arrow svg path { stroke: #ffffff; }
.clx-cs-features-preview-wrap { position: sticky; top: 24px; }
.clx-cs-features-preview {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(20, 37, 51, 0.08);
  border-radius: 24px;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  padding: 28px;
}
.clx-cs-features-preview-frame {
  position: relative; width: 100%; aspect-ratio: 4 / 3;
  background: linear-gradient(145deg, #F1F2F4, #EAECEF);
  border-radius: 18px; overflow: hidden;
  border: 1px solid rgba(20, 37, 51, 0.04);
}
.clx-cs-features-preview-frame img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; object-position: center;
  padding: 16px; transition: opacity .35s ease;
}
.clx-cs-features-preview-spinner {
  position: absolute; top: 50%; left: 50%;
  width: 40px; height: 40px; margin: -20px 0 0 -20px;
  border: 3px solid rgba(20, 37, 51, 0.14);
  border-top-color: #E8611A; border-radius: 50%;
  opacity: 0; pointer-events: none; z-index: 2;
  transition: opacity .15s ease;
  animation: clx-cs-spin .7s linear infinite;
}
.clx-cs-features-preview-frame.is-loading .clx-cs-features-preview-spinner { opacity: 1; }
.clx-cs-features-preview-meta { margin-top: 22px; }
.clx-cs-features-preview-num {
  font-family: 'Cabin', sans-serif; font-size: 13px; font-weight: 700;
  letter-spacing: 0.08em; color: #E8611A;
  margin-bottom: 6px; display: inline-block;
}
.clx-cs-features-preview-title {
  font-family: 'Cabin', sans-serif; font-size: 24px; font-weight: 700;
  line-height: 1.25; color: #142533;
  margin: 0 0 12px; letter-spacing: -0.3px;
}
.clx-cs-features-preview-desc {
  font-family: 'DM Sans', sans-serif; font-size: 15px;
  line-height: 1.6; color: #56616A; margin: 0;
}
.clx-cs-features-section.is-portrait .clx-cs-features-preview-frame {
  aspect-ratio: 2 / 3;
  max-width: 340px;
  margin: 0 auto;
}
.clx-cs-features-section.is-portrait .clx-cs-features-preview-frame img, .clx-cs-features-section.is-portrait .clx-cs-feature-mobile-frame img {
  aspect-ratio: auto !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 10px;
}
.clx-cs-features-section.is-portrait .clx-cs-feature-mobile-frame {
  aspect-ratio: 2 / 3;
  max-width: 300px;
  margin-left: auto; margin-right: auto;
}
.clx-cs-feature-mobile-preview { display: none; }
@media (max-width: 960px) {
  .clx-cs-features-preview-wrap { display: none; }
  .clx-cs-feature-mobile-preview {
    display: block;
    grid-column: 1 / -1;
    overflow: hidden;
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    transition: max-height 0.4s ease, margin-top 0.3s ease, opacity 0.3s ease;
  }
  .clx-cs-feature-item.is-active .clx-cs-feature-mobile-preview {
    max-height: 800px;
    margin-top: 16px;
    opacity: 1;
  }
  .clx-cs-feature-mobile-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    background: linear-gradient(145deg, #F1F2F4, #EAECEF);
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(20, 37, 51, 0.04);
  }
  .clx-cs-feature-mobile-frame img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: contain; object-position: center;
    padding: 12px;
  }
  .clx-cs-feature-mobile-desc {
    margin: 12px 0 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: #56616A;
  }
}
@media (max-width: 720px) {
  .clx-cs-feature-item { padding: 14px 16px; grid-template-columns: auto 1fr 24px; column-gap: 12px; }
  .clx-cs-feature-title { font-size: 16px; }
  .clx-cs-feature-arrow { width: 24px; height: 24px; }
  .clx-cs-feature-mobile-frame { aspect-ratio: 1 / 1; }
}
@media (max-width: 768px) {
  body.single-project .clx-submit-row { justify-content: center; }
  body.single-project .clx-submit-row .clx-secure { margin-right: 0; }
}
body:not(.home) .elementor-widget-text-editor h2:not(.title):not(.main-heading), body:not(.home) .elementor-widget-text-editor h3:not(.title):not(.main-heading), body:not(.home) .elementor-widget-clx-cs-features > .elementor-widget-container > .clx-cs-features-section > h2 {
  font-family: 'Cabin', sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.3px !important;
  color: #1a2236 !important;
}
.blog-deatils img, .blog-deatils figure img, .blog-deatils .elementor-widget-text-editor img, .blog-deatils .elementor-widget-container img {
  border-radius: 12px !important;
  max-width: 720px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 24px auto !important;       /* center on the page */
}
.blog-deatils .blog-thumbnail img, .blog-deatils > .featured-banner img {
  max-width: none;
  margin: 0;
}
.blog-deatils code, .blog-deatils p code, .blog-deatils li code, .blog-deatils h2 code, .blog-deatils h3 code, .blog-deatils h4 code,
body.single-project .case-study-block code, body.single-project .case-study-block p code, body.single-project .case-study-block li code, body.single-project .case-study-block h3 code, body.single-project .case-study-block h4 code {
  background: #f1f3f5 !important;
  color: #142533 !important;
  padding: 2px 8px;
  border-radius: 5px;
  /* !important added 2026-09-02: homepage.min.css carries a universal
     `body.elementor-page .elementor-section * { font-family: var(--hp-font)
     !important }` wildcard that loads on every /project/ page too, silently
     overriding this rule's monospace font on every case study's inline
     <code> tags with the site body font (Cabin) instead. Confirmed on both
     this page and an already-published case study — pre-existing, not new. */
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 0.92em;
  border: 1px solid #e4e8ec;
  word-break: keep-all;
}
.blog-deatils ul, body.single-project .case-study-block ul {
  list-style: disc outside !important;
  padding-left: 28px !important;
  margin: 16px 0 !important;
}
.blog-deatils ol, body.single-project .case-study-block ol {
  list-style: decimal outside !important;
  padding-left: 28px !important;
  margin: 16px 0 !important;
}
.blog-deatils ul li, .blog-deatils ol li, body.single-project .case-study-block ul li, body.single-project .case-study-block ol li {
  margin: 6px 0;
  line-height: 1.6;
  list-style: inherit !important;
  /* Theme cascade renders blog list items at font-weight:700; authors worked
     around it per-item with <span style="font-weight:400">. Force normal weight
     blog-wide so every bullet reads as body text — nested <strong>/<b> still
     render bold via their own tag styling. 2026-06-13. */
  font-weight: 400 !important;
}
body main section.blog-deatils .blog-text-editor ul li::after, body main section.blog-deatils .blog-text-editor ol li::after {
  top: 10px !important;
}
.blog-deatils .blog-text-editor ul li, .blog-deatils .blog-text-editor ol li {
  margin: 16px 0 !important;
}
.blog-deatils .blog-text-editor p, .blog-deatils .blog-text-editor ul li, .blog-deatils .blog-text-editor ol li {
  font-size: 18px !important;
}
@media (max-width: 768px) {
  body.single-post .blog-deatils .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  body.single-post .blog-deatils .col-12, body.single-post .blog-deatils [class*="col-lg"], body.single-post .blog-deatils [class*="col-xl"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-post .blog-deatils .elementor-container, body.single-post .blog-deatils .elementor-column, body.single-post .blog-deatils .elementor-column-gap-default, body.single-post .blog-deatils .elementor-column-gap-default > .elementor-column > .elementor-element-populated, body.single-post .blog-deatils .elementor-element-populated {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-post .blog-deatils .blog-text-editor .elementor-widget-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-post .blog-deatils .blog-text-editor p, body.single-post .blog-deatils .blog-text-editor ul li, body.single-post .blog-deatils .blog-text-editor ol li {
    text-align: left !important;
  }
  body.single-post .blog-deatils .blog-text-editor p, body.single-post .blog-deatils .blog-text-editor ul li, body.single-post .blog-deatils .blog-text-editor ol li {
    font-size: 17px !important;
    line-height: 1.75 !important;
    color: #142533 !important;
    margin-bottom: 1.1em !important;
  }
  body.single-post .blog-deatils .blog-text-editor h2 {
    font-size: 26px !important;
    line-height: 1.3 !important;
  }
  body.single-post .blog-deatils .blog-text-editor h3 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
  body.single-post .blog-deatils .blog-text-editor h4 {
    font-size: 17px !important;
    line-height: 1.4 !important;
  }
}

/* Blog body links: brand orange + underline at EVERY width.
   Was previously the last rule inside the @media (max-width:768px) block above,
   so desktop links fell through to the parent theme's generic anchor styling and
   rendered in mixed colours, some underlined and some not. Moved out and given an
   explicit text-decoration (the rule only set thickness/offset before, relying on
   a browser default the theme removes in some contexts). 2026-08-15. */
body.single-post .blog-deatils .blog-text-editor a {
  color: #FA4900 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}
.clx-lr-scroll-fig {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 16px 0;
  border: 1px solid #d0d5db;
  border-radius: 4px;
  background: #F8F8F8;
}
.clx-lr-scroll-fig a { display: block; }
.clx-lr-scroll-fig img {
  min-width: 1000px;
  max-width: none;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.clx-lr-scroll-fig::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 40px;
  pointer-events: none;
  background: linear-gradient(to left, rgba(248,248,248,0.9), transparent);
}
@media (max-width: 768px) {
  .clx-lr-scroll-fig { overflow-x: visible; }
  .clx-lr-scroll-fig img {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
  .clx-lr-scroll-fig::after { display: none; }
}
.blog-deatils [class*="-table-0"] .clx-table-scroll {
  margin: 0 !important;
}
.blog-deatils [class*="-table-0"] {
  margin: 1.7em 0 !important;
}
.blog-deatils [class*="-table-0"] {
  border-color: #d0d5db !important;
}
.blog-deatils [class*="-table-0"] table[class*="-inner-0"] thead th {
  background: #f8f8f8 !important;
  color: #1c1e21 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  border-color: #d0d5db !important;
}
.blog-deatils [class*="-table-0"] table[class*="-inner-0"] td, .blog-deatils [class*="-table-0"] table[class*="-inner-0"] th {
  border-color: #d0d5db !important;
}
.blog-deatils [class*="-table-0"] table[class*="-inner-0"] tbody td:first-child {
  background: transparent !important;
}
.blog-deatils [class*="-table-0"] table[class*="-inner-0"] tbody td span, .blog-deatils [class*="-table-0"] table[class*="-inner-0"] tbody td b, .blog-deatils [class*="-table-0"] table[class*="-inner-0"] tbody td strong {
  color: #1c1e21 !important;
}
.blog-deatils img {
  max-width: 100% !important;
  height: auto !important;
}
.blog-deatils img.emoji {
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  margin: 0 0.07em !important;
  padding: 0 !important;
  vertical-align: -0.1em !important;
  border: 0 !important;
}
.blog-deatils img.clx-portrait {
  max-width: min(100%, 460px) !important;
  width: auto !important;
  height: auto !important;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.blog-deatils ol li {
  color: #727272 !important;
}
.blog-deatils figure figcaption, .blog-deatils figcaption {
  text-align: center !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.blog-deatils h1, .blog-deatils h2, .blog-deatils h3, .blog-deatils h4, .blog-deatils h5, .blog-deatils h6 {
  text-align: left !important;
}
body:not(.home) .blog-deatils .elementor-widget-text-editor h2:not(.title):not(.main-heading) {
  font-size: 30px !important;
  line-height: 1.3 !important;
}
/* Desktop blog h3 (2026-08-10). Line ~261 sizes h2 AND h3 at 26px, and only h2
   is bumped to 30px above, so h3 landed 4px under h2 and read as its sibling.
   Mobile already has a proper 26/20/17 scale inside @media (max-width:768px).
   Scoped to min-width:769px on purpose: written unscoped, this selector carries
   more specificity than the mobile rule (body.single-post .blog-deatils
   .blog-text-editor h3) and, both being !important, would override it inside its
   own media query and push mobile h3 back up to 22px. */
@media (min-width: 769px) {
  body:not(.home) .blog-deatils .elementor-widget-text-editor h3:not(.title):not(.main-heading) {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
}
.blog-deatils .elementor-widget-heading {
  margin-top: 48px;
}
.blog-deatils .elementor-widget-heading:first-child, .blog-deatils .elementor-widget-heading.elementor-first-child {
  margin-top: 0;
}
.blog-deatils .elementor-widget-heading + .elementor-widget {
  margin-top: 24px;
}
.blog-deatils > figure.wp-caption, .blog-deatils .max-widthSet > figure.wp-caption {
  margin-left: auto !important;
  margin-right: auto !important;
}
.blog-deatils .elementor-accordion .elementor-tab-title, .blog-deatils .elementor-accordion .elementor-accordion-title {
  text-align: left !important;
}
.blog-deatils figure figcaption, .blog-deatils .wp-caption-text, .blog-deatils figcaption {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 15px;
  line-height: 1.5;
  color: inherit !important;
  text-align: center !important;
  margin-top: 8px;
  font-family: inherit !important;
}
body .blog-deatils ul.clx-test-checklist, body .blog-deatils ul.clx-test-checklist > li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
}
body .blog-deatils ul.clx-test-checklist {
  padding-left: 0 !important;
  margin: 16px 0 !important;
}
body .blog-deatils ul.clx-test-checklist > li {
  position: relative;
  padding-left: 40px !important;
  margin: 12px 0 !important;
  color: inherit !important;
  line-height: 1.6;
}
body .blog-deatils ul.clx-test-checklist > li::marker {
  content: "" !important;
  display: none !important;
}
body main section.blog-deatils ul.clx-test-checklist > li:before, body main section.blog-deatils ul.clx-test-checklist > li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  width: 24px !important;
  height: 24px !important;
  background: #000000 !important;
  border: none !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
}
body main section.blog-deatils ul.clx-test-checklist > li:after, body main section.blog-deatils ul.clx-test-checklist > li::after {
  content: "\2713" !important;
  position: absolute !important;
  left: 4px !important;
  top: 4px !important;
  width: 24px !important;
  height: 24px !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 24px !important;
  text-align: center !important;
  border-radius: 0 !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}
.blog-deatils .elementor-accordion {
  margin: 24px 0;
}
.blog-deatils .elementor-accordion .elementor-accordion-item {
  border: 1px solid #d4d4d4 !important;
  border-radius: 6px;
  margin-bottom: 10px;
  background: #fff;
  overflow: hidden;
}
.blog-deatils .elementor-accordion .elementor-accordion-item + .elementor-accordion-item {
  border-block-start: 1px solid #d4d4d4 !important;
}
.blog-deatils .elementor-accordion .elementor-tab-title {
  padding: 16px 20px;
  font-weight: 700;
  cursor: pointer;
}
.blog-deatils .elementor-accordion .elementor-tab-title.elementor-active {
  border-bottom: 1px solid #d4d4d4 !important;
}
.blog-deatils .elementor-accordion .elementor-tab-content {
  padding: 16px 20px;
  border-top: 0;
}
.blog-deatils .elementor-accordion .elementor-tab-content p {
  margin: 0;
}
body .progress-container, body .progress-container.process-fixed, body.post-template-default.login-chceked .progress-container, body.post-template-default.login-chceked .progress-container.process-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100% !important;
  height: 5px !important;
  background: rgba(20, 37, 51, 0.08) !important;
  z-index: 10001 !important;  /* above sticky header (header z-index is 9999) */
}
.blog-deatils table, .blog-deatils table[role="table"] {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  width: 100%;
  margin: 24px 0;
  overflow: hidden;
}
.blog-deatils table th, .blog-deatils table td {
  padding: 12px 16px;
  border-bottom: 1px solid #E5E7EB;
  border-right: 1px solid #E5E7EB;
  text-align: left;
}
.blog-deatils table th:last-child, .blog-deatils table td:last-child {
  border-right: 0;
}
.blog-deatils table tr:last-child td {
  border-bottom: 0;
}
.blog-deatils table thead th {
  background: #FFEFE6;
  font-weight: 600;
}
.blog-deatils [class*="table-card"] {
  width: 100% !important;
  max-width: 100% !important;
  background: #fff !important;
  border: 1px solid #d0d5db !important;
  border-radius: 8px !important;
  margin: 1.7em 0 !important;
}
.blog-deatils [class*="table-card"] .clx-table-scroll {
  margin: 0 !important;
}
.blog-deatils [class*="table-card"] table[class*="styled-table"] {
  margin: 0 !important;
}
.blog-deatils table[class*="styled-table"] thead th {
  background: #f8f8f8 !important;
  color: #1c1e21 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  border-bottom: 1px solid #d0d5db !important;
}
.blog-deatils table[class*="styled-table"] th + th, .blog-deatils table[class*="styled-table"] td + td {
  border-left: 1px solid #d0d5db !important;
}
.blog-deatils table[class*="styled-table"] tbody td {
  background: transparent !important;
  border-bottom: 1px solid #d0d5db !important;
}
.blog-deatils table[class*="styled-table"] tbody tr:last-child td {
  border-bottom: 0 !important;
}
.blog-deatils [class*="layer-name"] {
  color: #1c1e21 !important;
}
.blog-deatils .clx-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 24px 0;
  border-radius: 8px;
}
.blog-deatils .clx-table-scroll table {
  margin: 0;       /* table margin is now on the wrapper */
}
@media (max-width: 767px) {
  .blog-deatils .clx-table-scroll {
    -webkit-mask-image: linear-gradient(to right, black 0, black 90%, transparent 100%);
            mask-image: linear-gradient(to right, black 0, black 90%, transparent 100%);
  }
  .blog-deatils .clx-table-scroll table {
    /* Force the table wider than viewport so horizontal scroll engages
       and columns stay readable instead of being squeezed into 1-char width. */
    min-width: 520px;
  }
}
.clx-blog-cta {
  background: linear-gradient(135deg, #FFEFE6 0%, #FFF8F2 100%);
  border: 1px solid rgba(250, 73, 0, 0.18);
  border-radius: 16px;
  padding: 28px 32px;
  margin: 40px 0 24px;
  box-shadow: 0 8px 32px rgba(250, 73, 0, 0.08);
}
.clx-blog-cta p {
  margin: 0 0 16px;
  font-size: 17px;
  line-height: 1.55;
  color: #1C1E21;
}
.clx-blog-cta p:last-child {
  margin-bottom: 0;
}
html body.single-post .blog-deatils div.writter-box#author {
  background: #F8F9FA !important;            /* override inline lavender */
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  padding: 32px 36px !important;
  margin: 40px 0 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html body.single-post .blog-deatils div.writter-box#author .image-name:after, html body.single-post .blog-deatils div.writter-box#author .flex-row:after {
  content: none !important;
  display: none !important;
}
html body.single-post .blog-deatils div.writter-box#author > h3 {
  color: #FA4900 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  line-height: 1 !important;
}
html body.single-post .blog-deatils div.writter-box#author .flex-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 28px !important;
  margin: 0 !important;
}
html body.single-post .blog-deatils div.writter-box#author .image-name {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;            /* match outer flex gap for uniform rhythm */
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}
html body.single-post .blog-deatils div.writter-box#author .editor-notes {
  flex: 1 1 0% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}
@media (max-width: 720px) {
  html body.single-post .blog-deatils div.writter-box#author .flex-row {
    flex-direction: column !important;
    gap: 20px !important;
  }
}
html body.single-post .blog-deatils div.writter-box#author .image-name > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
html body.single-post .blog-deatils div.writter-box#author .image-name label {
  font-size: 19px !important;
  font-weight: 600 !important;
  color: #1C1E21 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
html body.single-post .blog-deatils div.writter-box#author .image-name span {
  font-size: 14px !important;
  color: #5A6068 !important;     /* darker gray, ~5.5:1 contrast on #F8F9FA */
  line-height: 1.3 !important;
  font-weight: 500 !important;
}
html body.single-post .blog-deatils div.writter-box#author .image-name img {
  width: 88px !important;
  height: 88px !important;
  border-radius: 50% !important;
  border: 3px solid transparent !important;
  background:
    linear-gradient(#F8F9FA, #F8F9FA) padding-box,
    linear-gradient(135deg, #FF9900 0%, #F57E07 33%, #EF4E07 66%, #FA4900 100%) border-box !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: cover !important;
}
html body.single-post .blog-deatils div.writter-box#author .editor-notes > label {
  display: none !important;       /* hide "About the Author:" */
}
html body.single-post .blog-deatils div.writter-box#author .editor-notes p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #1C1E21 !important;
  margin: 0 !important;
}
html body.single-post .blog-deatils div.writter-box#author .experts-help {
  margin-top: 20px !important;
  padding-top: 20px !important;
  border-top: 1px solid #E5E7EB !important;
}
html body.single-post .blog-deatils div.writter-box#author .experts-help h2 {
  font-size: 18px !important;
  margin: 0 0 4px !important;
  color: #1C1E21 !important;
}
html body.single-post .blog-deatils div.writter-box#author .experts-help h5 {
  font-size: 14px !important;
  color: #898D90 !important;
  margin: 0 !important;
}
body.single-post .pageing_sec.common-top-space {
  padding-top: 60px !important;
}
body.single-post section.top-blog.mt-5 {
  margin-top: 0 !important;
}
.clx-hero-mobile { display: none; }
@media (max-width: 767px) {
  .clx-hero-mobile {
    display: block;
    margin: 12px 0 16px;
  }
  .clx-hero-mobile img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.single-post section.top-blog .row > .col-md-6:nth-child(2) {
    display: none !important;
  }
  body.single-post .pageing_sec {
    margin-top: 0 !important;
  }
  body.single-post .pageing_sec.common-top-space {
    padding-top: 8px !important;
  }
  body.single-post section.top-blog {
    padding-top: 0 !important;
  }
}
body.single-post .top-blog .author-details {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0;
  margin-top: 4px !important;
}
body.single-post .top-blog .author-details > span {
  display: inline-flex;
  align-items: baseline;
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: #757589 !important;        /* gray, matches body default */
}
body.single-post .top-blog .author-details span.first-child1 {
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: #757589 !important;
}
body.single-post .top-blog .author-details span.first-child1 b {
  font-weight: 400 !important;      /* unbold "by" */
  margin-right: 4px !important;     /* breathing room after "by" */
}
body.single-post .top-blog .author-details a.name-link {
  font-weight: 400 !important;
}
body.single-post .top-blog .author-details > span:not(:last-child)::after {
  content: "\00B7";
  color: #FA4900;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  margin: 0 12px;
  display: inline-block;
}
@media (max-width: 767px) {
  body.single-post section.top-blog .col-md-6:first-child {
    text-align: center !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  body.single-post .top-blog .clx-breadcrumb, body.single-post .top-blog .hits {
    justify-content: center !important;
    display: flex !important;
  }
  body.single-post .top-blog .author-details {
    display: block !important;
    text-align: center !important;
  }
  body.single-post .top-blog .author-details > span {
    display: inline !important;
  }
  body.single-post .top-blog .author-details > span.first-child1 {
    display: block !important;
    margin-bottom: 4px !important;
  }
  body.single-post .top-blog .author-details > span.first-child1::after {
    content: none !important;
    display: none !important;
  }
  .socialMedia-icons {
    top: auto !important;
    bottom: 16px !important;
    left: auto !important;
    right: 12px !important;
    transform: none !important;
    background: rgba(255, 255, 255, 0.95) !important;
    padding: 6px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  }
  .socialMedia-icons .addtoany_shortcode {
    display: flex !important;
    gap: 4px !important;
  }
  .socialMedia-icons a {
    max-width: 28px !important;
    margin: 0 2px !important;
    display: inline-block !important;
  }
  body.single-post .top-blog h1 {
    line-height: 1.25 !important;
  }
  body.single-post .top-blog .author-details {
    flex-wrap: wrap;
    row-gap: 4px;
  }
  body.single-post .top-blog .author-details > span {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  body.single-post .top-blog .author-details > span:not(:last-child)::after {
    font-size: 14px;
    margin: 0 8px;
  }
}
.clx-share {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0 0;
}
.clx-share--bottom {
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin: 40px 0 24px;
  padding: 24px;
  background: #F8F9FA;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
}
.clx-share__row {
  display: flex;
  gap: 12px;
}
.clx-share__label {
  font-size: 13px;
  font-weight: 600;
  color: #5A6068;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.clx-share__label--big {
  font-size: 12px;
  color: #FA4900;
}
.clx-share a.clx-share__btn, .clx-share button.clx-share__btn, .blog-deatils .clx-share a.clx-share__btn, .blog-deatils .clx-share button.clx-share__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #142533;
  border: 1px solid #E5E7EB;
  text-decoration: none !important;
  cursor: pointer;
  padding: 0;
  margin: 0;
  line-height: 1;
  overflow: hidden;
  transition: background-color 0.15s, color 0.15s, transform 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.clx-share--bottom a.clx-share__btn, .clx-share--bottom button.clx-share__btn, .blog-deatils .clx-share--bottom a.clx-share__btn, .blog-deatils .clx-share--bottom button.clx-share__btn {
  width: 44px;
  height: 44px;
  min-width: 44px;
}
.clx-share .clx-share__btn {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}
.clx-share--bottom .clx-share__btn {
  background-size: 18px 18px;
}
.clx-share .clx-share__btn--x {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23142533'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--li {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23142533'%3E%3Cpath d='M19 0h-14C2.24 0 0 2.24 0 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5V5c0-2.76-2.24-5-5-5zM8 19H5V8h3v11zM6.5 6.73C5.53 6.73 4.75 5.95 4.75 5s.78-1.73 1.75-1.73 1.75.78 1.75 1.73-.78 1.73-1.75 1.73zM20 19h-3v-5.6c0-1.34-.03-3.07-1.87-3.07-1.87 0-2.16 1.46-2.16 2.97V19h-3V8h2.88v1.5h.04c.4-.76 1.38-1.56 2.84-1.56 3.04 0 3.6 2 3.6 4.6V19z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--fb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23142533'%3E%3Cpath d='M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.408.593 24 1.325 24h11.495v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.464.099 2.795.143v3.24h-1.918c-1.504 0-1.795.716-1.795 1.764v2.313h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.592 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--wa {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23142533'%3E%3Cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--copy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23142533' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--x:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--li:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 0h-14C2.24 0 0 2.24 0 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5V5c0-2.76-2.24-5-5-5zM8 19H5V8h3v11zM6.5 6.73C5.53 6.73 4.75 5.95 4.75 5s.78-1.73 1.75-1.73 1.75.78 1.75 1.73-.78 1.73-1.75 1.73zM20 19h-3v-5.6c0-1.34-.03-3.07-1.87-3.07-1.87 0-2.16 1.46-2.16 2.97V19h-3V8h2.88v1.5h.04c.4-.76 1.38-1.56 2.84-1.56 3.04 0 3.6 2 3.6 4.6V19z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--fb:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.408.593 24 1.325 24h11.495v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.464.099 2.795.143v3.24h-1.918c-1.504 0-1.795.716-1.795 1.764v2.313h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.592 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--wa:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--copy:hover, .clx-share .clx-share__btn--copy.is-copied {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--claude {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23142533'%3E%3Cpath d='m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--chatgpt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23142533'%3E%3Cpath d='M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--gemini {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23142533'%3E%3Cpath d='M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--perplexity {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23142533'%3E%3Cpath d='M22.3977 7.0896h-2.3106V.0676l-7.5094 6.3542V.1577h-1.1554v6.1966L4.4904 0v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318 6.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676 4.8691 4.4634H5.6458V2.6262zM2.7576 16.332V8.245h7.8476l-6.1149 6.1147v1.9723H2.7576zm2.8882 5.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764 5.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766 5.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948 8.245h7.8478v8.087z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--claude:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--chatgpt:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--gemini:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81'/%3E%3C/svg%3E");
}
.clx-share .clx-share__btn--perplexity:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M22.3977 7.0896h-2.3106V.0676l-7.5094 6.3542V.1577h-1.1554v6.1966L4.4904 0v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318 6.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676 4.8691 4.4634H5.6458V2.6262zM2.7576 16.332V8.245h7.8476l-6.1149 6.1147v1.9723H2.7576zm2.8882 5.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764 5.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766 5.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948 8.245h7.8478v8.087z'/%3E%3C/svg%3E");
}
.clx-share__divider {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #E5E7EB;
  margin: 6px 0;
}
.clx-share__divider--top {
  margin: 12px 0;
}
.clx-share-stack {
  display: inline-block;
}
.clx-share-stack .clx-share--top {
  margin-top: 0;
}
.clx-share-stack .clx-share--top:first-child {
  margin-top: 16px;
}
.clx-share--top .clx-share__label {
  min-width: 150px;
  white-space: nowrap;
}
.clx-ai-row {
  align-items: flex-start;
}
.clx-ai-item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.clx-ai-name {
  font-size: 11px;
  font-weight: 600;
  color: #5A6068;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
}
.clx-ai-item:hover .clx-ai-name {
  color: #FA4900;
}
.clx-share a.clx-share__btn:hover, .clx-share button.clx-share__btn:hover, .blog-deatils .clx-share a.clx-share__btn:hover, .blog-deatils .clx-share button.clx-share__btn:hover {
  background-color: #FA4900;
  color: #FFFFFF;
  border-color: #FA4900;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(250, 73, 0, 0.25);
}
.clx-share button.clx-share__btn--copy.is-copied, .blog-deatils .clx-share button.clx-share__btn--copy.is-copied {
  background-color: #16A34A;
  color: #FFFFFF;
  border-color: #16A34A;
}
@media (max-width: 767px) {
  .clx-share--top {
    justify-content: center;
    flex-wrap: wrap;
  }
  .clx-share-stack {
    display: block;
  }
  .clx-share--top .clx-share__label {
    min-width: 0;
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 4px;
  }
  .clx-ai-item {
    width: 72px;
  }
  .clx-ai-row, .clx-share--ai {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 14px;
  }
  body.single-post .blog-deatils .max-widthSet, body.single-post .blog-contact-footer .max-widthSet, body.single-post .max-widthSet {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body.single-post .blog-deatils .container, body.single-post .blog-contact-footer .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-post .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0 !important;
  }
}
body.single-post section.blog-deatils:has(+ .blog-contact-footer) {
  padding-bottom: 0 !important;
}
.blog-contact-footer {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 40px;
}
.blog-contact-footer .clx-form-card {
  padding-top: 24px !important;
}
.blog-contact-footer .clx-form-heading {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .blog-contact-footer {
    padding-bottom: 24px;
  }
  .blog-contact-footer .clx-form-card {
    padding: 20px 20px !important;
  }
}
body.single-post .blog-deatils p a:not(.clx-lc):not(.clx-share__btn), body.single-post .blog-deatils li a:not(.clx-lc):not(.clx-share__btn) {
  font-size: inherit !important;
  line-height: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
}
.blog-deatils .clx-blog-cta { text-align: left; }
/* Only float the LAST paragraph right when it is the bare "See X →" .clx-lc
   CTA link (its intended use). A CTA whose last paragraph is a full sentence
   with an inline link (e.g. /is-cloudflare-bad-for-seo/) must stay left. */
.blog-deatils .clx-blog-cta p:last-child:has(.clx-lc) {
  text-align: right;
  margin-top: 8px;
}
.blog-deatils .clx-blog-cta .clx-lc, .blog-deatils .clx-blog-cta .clx-lc::after {
  transition: none !important;
}
.blog-deatils .clx-blog-cta .clx-lc:hover::after, .blog-deatils .clx-blog-cta .clx-lc:focus::after {
  transform: none !important;
}
html body.single-post .blog-deatils div.writter-box#author .image-name span.clx-at {
  color: #ff6a1c !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-family: var(--hp-font, 'Cabin', sans-serif) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
body.single-project .elementor-section.elementor-top-section:first-of-type {
  position: relative;
  /* Strip the per-project #FFEFE6 peach background that's set in each
     post's Elementor data (background_color setting → emitted into the
     per-page CSS at high specificity). !important needed because the
     per-page rule lives at .elementor-{post_id} .elementor-element-{wid}
     specificity which this body-scoped first-of-type can't beat
     without it. */
  background-color: transparent !important;
  background-image: none !important;
}
body.single-project .elementor-section.elementor-top-section:first-of-type:not(.elementor-motion-effects-element-type-background), body.single-project .elementor-section.elementor-top-section:first-of-type > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: transparent !important;
}
body.single-project .elementor-section.elementor-top-section:first-of-type > .elementor-container, body.single-project .elementor-section.elementor-top-section:first-of-type > .elementor-container > .elementor-column, body.single-project .elementor-section.elementor-top-section:first-of-type > .elementor-container > .elementor-column > .elementor-widget-wrap {
  position: static !important;
}
body.single-project .clx-project-bc.elementor-widget-shortcode {
  /* Flow normally above the H1 — the earlier absolute positioning was
     overlapping the H1 because both wanted the same vertical slot near
     the top of the section. Static positioning eats whatever row it
     needs and pushes the H1 down naturally. */
  position: static !important;
  margin: 0 auto 16px !important;
  max-width: 1140px !important;
  padding: 0 !important;
  z-index: auto !important;
  box-sizing: border-box !important;
}
body.single-project .elementor-section.elementor-top-section:first-of-type > .elementor-container, body.single-project .elementor-section.elementor-top-section:first-of-type > .elementor-container > .elementor-column, body.single-project .elementor-section.elementor-top-section:first-of-type > .elementor-container > .elementor-column > .elementor-widget-wrap {
  position: relative !important;
}
body.single-project .elementor-widget-container img {
  border-radius: 12px;
}
body.single-project .elementor > section.elementor-top-section:first-of-type > .elementor-container {
  padding-top: 0 !important;
}
body.single-project .elementor > section.elementor-top-section:first-of-type h1.elementor-heading-title {
  font-family: 'Cabin', sans-serif !important;
  font-weight: 500 !important;
  font-size: 62px !important;
  line-height: 66px !important;
  color: #142533 !important;
  letter-spacing: -1.86px !important;
}
@media (max-width: 767px) {
  body.single-project .elementor > section.elementor-top-section:first-of-type h1.elementor-heading-title {
    font-size: 32px !important;
    line-height: 32px !important;
  }
}
body.single-project .elementor > section.elementor-top-section:first-of-type .elementor-widget-html {
  display: none !important;
}
body.single-project .elementor > section.elementor-top-section:first-of-type .elementor-widget-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
body.single-project .elementor > section.elementor-top-section:first-of-type .elementor-widget-heading {
  margin-block-end: 10px !important;
}
body.single-project .features-calsses.color-change-decade {
  position: relative !important;
  z-index: 1 !important;
}

/* Results carousel spacing — the intro and closing copy pressed against the
   cards because .clx-results-carousel had no vertical margin. 2026-08-16. */
body.single-project .clx-results-carousel {
  margin: 36px 0 44px;
}

/* Blog detail: content column spans the full nav/container width (edge-to-edge),
   overriding the theme's base .max-widthSet 80% readability cap. 2026-08-17 per request. */
body.single-post .blog-deatils .max-widthSet {
  max-width: 100%;
}

/* Blog detail (single-post) — align hero, article body, bottom share, and author card
   to the same 1100px content column at desktop so the whole page reads as one aligned
   column that matches the top nav's VISIBLE edges. The nav is `#clxMainNav .clx-container`
   = max-width:1140px with `padding:20px 20px`, so its visible logo/menu span is 1100px.
   The article body sits in `.elementor-top-section > .elementor-container` (1140 wide,
   `padding:0 48px` from core.min.css's max-height:940 rule) + a 10px populated pad — we
   zero those and cap the container to 1100 so the body reaches the nav edges; hero/share/
   author get the same 1100 cap so all four share one left+right edge. !important needed to
   beat style.min.css's `body .container{max-width:1336px!important}` + Elementor's own
   container/populated padding. Scope: >=1200 (Bootstrap lg); below that stays
   full-width-with-padding. 2026-08-18 — replaces the earlier 1054/1024 alignment. */
@media (min-width: 1200px) {

    /* Kill the 48px container padding + cap to the nav's visible width. */
    body.single-post .blog-deatils .elementor-top-section > .elementor-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 1100px !important;
        margin-left:  auto !important;
        margin-right: auto !important;
    }

    /* Neutralize the 10px inner pad on the populated column (horizontal only). */
    body.single-post .blog-deatils .elementor-column > .elementor-element-populated {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-post .top-blog .container {
        max-width: 1100px !important;
        margin-left:  auto !important;
        margin-right: auto !important;
    }
    body.single-post .blog-deatils .clx-share--bottom {
        max-width: 1100px !important;
        margin-left:  auto !important;
        margin-right: auto !important;
    }
    html body.single-post .blog-deatils div.writter-box#author {
        max-width: 1100px !important;
        margin-left:  auto !important;
        margin-right: auto !important;
    }

    /* Cap the raw content wrapper to 1100 so posts whose _elementor_data
       does NOT trigger Elementor's frontend render (older blogs missing
       _elementor_version or otherwise mis-flagged — e.g. karpathy,
       method, pitfalls) align to the same 1100px column as newer posts.
       Newer posts already render at 1100 via their inner elementor-container;
       this rule constrains the outer wrapper on both, so images and prose
       cap consistently across the entire blog corpus. 2026-08-24. */
    body.single-post .blog-deatils .max-widthSet {
        max-width: 1100px !important;
        margin-left:  auto !important;
        margin-right: auto !important;
    }

    /* Cap inline body images (aligncenter + captioned figures) to a
       readable 720px inside blog body, centered. Author-set width="760"
       attrs on <img> are meaningless once the theme's max-width:100% CSS
       stretches to container width. This restores intent + matches how
       captioned figures read on posts where Elementor's blog-text-editor
       wraps everything. 2026-08-24. */
    body.single-post .blog-deatils img.aligncenter,
    body.single-post .blog-deatils .wp-caption {
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

/* Center captions regardless of whether the inline .blog-text-editor
   .clx-figcap style block reaches this post (Elementor-off posts do not
   carry that wrapper). 2026-08-24. Moved out of the min-width:1200px guard
   and given .blog-text-editor in the selector 2026-09-11 — a mobile rule at
   max-width:768px force-left-aligns every <p> inside .blog-text-editor
   (including figcaps, which render as <p class="clx-figcap">) with higher
   specificity than the old desktop-only version of this rule, so captions
   centered on desktop but sat left-aligned on mobile. Universal + higher
   specificity fixes both widths. */
body.single-post .blog-deatils .clx-figcap,
body.single-post .blog-deatils .wp-caption-text,
body.single-post .blog-deatils .blog-text-editor .clx-figcap,
body.single-post .blog-deatils .blog-text-editor .wp-caption-text {
    text-align: center !important;
}