/* ============================================================
 * SECTION: SINGLE BLOG POST GLOBAL RESET / LAYOUT
 * wcu-single-blog.css
 * ============================================================ */

/* SECTION: Global Container Start */
.wcu-single-blog {
  background: #ffffff;
  color: #111827;
}

a.for-hover {
  height: 34px !important;
}

.wcu-single-blog__article {
  overflow: visible;
}

.wcu-single-blog__container,
.wcu-single-blog-hero__container,
.wcu-single-blog-layout__container,
.wcu-single-blog-related__container,
.wcu-single-blog-contact__container {
  /* width: min(1280px, calc(100% - 40px)); */
  width: 100%;
  max-width: 1440px;
  padding: 0 64px;
  margin: 0 auto;
}

.wcu-single-blog-layout .wcu-single-blog-layout__container {
  margin-bottom: 64px;
}

.wcu-single-blog-related .wcu-single-blog-related__container {
  padding: 64px 64px;
}

/* SECTION: Global Container End */

/* ============================================================
 * SECTION: HERO (Featured Image Left + Label + Title + Breadcrumb Right)
 * ============================================================ */

/* SECTION: Hero Start */
.wcu-single-blog-hero {
  padding: 106px 0 32px;
  background: #ffffff;
}

.wcu-single-blog-hero__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* SECTION: Breadcrumb Start */
.wcu-single-blog-hero__breadcrumb {
  margin: 0;
}

.wcu-single-blog-hero__breadcrumb-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.wcu-single-blog-hero__breadcrumb-item {
  display: inline-flex;
  align-items: center;
}

.wcu-single-blog-hero__breadcrumb-sep {
  display: inline-flex;
  align-items: center;
  color: #9ca3af;
  line-height: 0;
}

.wcu-single-blog-hero__breadcrumb-link {
  font-size: 16px;
  line-height: 1.6;
  color: #525b53 !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

.wcu-single-blog-hero__breadcrumb-link:hover,
.wcu-single-blog-hero__breadcrumb-link:focus-visible {
  color: #0f172a !important;
  outline: none;
}

.wcu-single-blog-hero__breadcrumb-current {
  font-size: 16px;
  line-height: 25.6px;
  color: #525b53;
  font-family: "Inter Tight";
  font-weight: 400;
}

/* SECTION: Breadcrumb End */

.wcu-single-blog-hero__layout {
  display: grid;
  grid-template-columns: minmax(260px, 313px) minmax(0, 1fr);
  gap: 32px;
  align-items: center;
}

.wcu-single-blog-hero__image-col {
  min-width: 0;
}

.wcu-single-blog-hero__image-wrap {
  border-radius: 12px;
  overflow: hidden;
  background: #e5e7eb;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.wcu-single-blog-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wcu-single-blog-hero__content-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.wcu-single-blog-hero__pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.wcu-single-blog-hero__pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 16px;
  font-family: "Inter Tight";
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 21px !important;
  color: #000 !important;
  background: #ffffff;
  border: 1px solid #e4e7e5;
  border-radius: 96px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  min-height: 34px;
}

.wcu-single-blog-hero__pill:hover,
.wcu-single-blog-hero__pill:focus-visible {
  background: rgba(255, 255, 255, 0);
  color: #0f172a;
  border-color: rgba(178, 207, 255, 0.6);
  outline: none;
}

.wcu-single-blog-hero__title {
  margin: 0;
  font-family: "Inter Tight";
  font-size: 48px !important;
  line-height: 57.6px !important;
  font-weight: 500 !important;
  color: #000 !important;
  text-transform: capitalize;
}

/* SECTION: Author Meta Start */
.wcu-single-blog-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.wcu-single-blog-hero__meta-author {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.wcu-single-blog-hero__meta-avatar {
  display: inline-flex;
  line-height: 0;
}

.wcu-single-blog-hero__meta-avatar img {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  object-fit: cover;
  display: block;
}

.wcu-single-blog-hero__meta-author-name {
  font-family: "Inter Tight";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px !important;
  color: #000000;
}

.wcu-single-blog-hero__meta-sep {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #e4e7e5;
  flex-shrink: 0;
}

.wcu-single-blog-hero__meta-date,
.wcu-single-blog-hero__meta-read-time,
.wcu-single-blog-hero__meta-updated {
  font-family: "Inter Tight";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #525b53;
}

/* SECTION: Author Meta End */
/* SECTION: Hero End */

/* ============================================================
 * SECTION: 3-COLUMN LAYOUT  (Left Sidebar | Content | Right Sidebar)
 * ============================================================ */

/* SECTION: 3-Column Layout Start */
.wcu-single-blog-layout {
  padding: 0px;
}

.wcu-single-blog-layout__grid {
  display: grid;
  grid-template-columns: minmax(100px, 313px) minmax(0, 1fr) minmax(100px,
      266px);
  gap: 32px;
  align-items: start;
}

/* SECTION: 3-Column Layout End */

/* ============================================================
 * SECTION: LEFT SIDEBAR (Table of Contents + CTA Box)
 * ============================================================ */
select, select::picker(select) { appearance: base-select; } select option:checked { background-color: #E0F2FE; color: #0369A1; font-weight: bold; }
/* SECTION: Left Sidebar Start */
.wcu-single-blog-sidebar {
  position: sticky;
  top: 90px;
}

body.logged-in.admin-bar .wcu-single-blog-sidebar {
  top: 110px;
}

.wcu-single-blog-sidebar__inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.wcu-single-blog-sidebar__block {
  width: 100%;
}

/* SECTION: Left Sidebar End */

/* ============================================================
 * SECTION: TABLE OF CONTENTS (Left Sidebar, Block 1)
 * ============================================================ */

/* SECTION: Table of Contents Start */
.wcu-single-blog-toc__card {
  /* padding: 10px 0px; */
  border: 1px solid #e4e7e5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0);
}

.wcu-single-blog-toc__title {
  /* margin: 0 0 8px; */
  padding: 8px 24px;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 25.6px !important;
  font-weight: 400;
  color: #000 !important;
}

.wcu-single-blog-toc__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  /* gap: 2px; */
}

body.single-post .wp-block-accordion-heading__toggle {
  flex-wrap: nowrap !important;
}

body.single-post .wp-block-accordion-heading__toggle-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
}

body.single-post .wp-block-accordion-heading__toggle-icon {
  flex-shrink: 0 !important;
}

.wcu-single-blog-toc__item {
  position: relative;
  border-radius: 6px;
}

.wcu-single-blog-toc__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 5px;
  border-radius: 0 4px 4px 0;
  background: transparent;
  transition: background 0.2s ease;
}

.wcu-single-blog-toc__item.is-active::before {
  background: #2563eb;
}

.wcu-single-blog-toc__link {
  display: block;
  padding: 8px 24px 8px 24px;
  font-size: 14px !important;
  line-height: 21px !important;
  color: #525b53 !important;
  text-decoration: none;
  border-radius: 6px;
  transition: background 0.2s ease, color 0.2s ease;
}

.wcu-single-blog-toc__item.is-active .wcu-single-blog-toc__link {
  background: rgba(8, 101, 255, 0.15);
  color: #0865ff !important;
  font-weight: 400;
  border-radius: 0 6px 6px 0;
}

.wcu-single-blog-toc__link:hover,
.wcu-single-blog-toc__link:focus-visible {
  background: #f3f4f6;
  color: #0f172a;
  outline: none;
}

/* SECTION: Table of Contents End */

/* ============================================================
 * SECTION: LEFT SIDEBAR CTA BOX (Block 2 - Book Consultation)
 * ============================================================ */

/* SECTION: Left Sidebar CTA Start */
.wcu-single-blog-left-cta__card {
  padding: 8px;
  border: 1px solid #e4e7e5;
  border-radius: 8px;
  background: #ffffff;
  display: grid;
  grid-template-columns: minmax(120px, 160px) 1fr;
  gap: 16px;
  align-items: center;
}

.wcu-single-blog-left-cta__image-wrap {
  width: 100%;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  max-width: 137px;
  min-height: 148px;
  overflow: hidden;
  flex-shrink: 0;
}

.wcu-single-blog-left-cta__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wcu-single-blog-left-cta__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px;
}

.wcu-single-blog-left-cta__title {
  margin: 0;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25.6px !important;
  color: #18181b !important;
  letter-spacing: -0.01em;
}

.wcu-single-blog-left-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  gap: 8px;
  padding: 8px 16px;
  min-height: 34px;
  min-width: 44px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  background: #0865ff;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
  /* box-shadow: 0 2px 8px -2px rgba(37, 99, 235, 0.25); */
}

.wcu-single-blog-left-cta__btn svg {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.wcu-single-blog-left-cta__btn:hover svg {
  transform: translate(2px, -2px);
}

.wcu-single-blog-left-cta__btn:hover,
.wcu-single-blog-left-cta__btn:focus-visible {
  background: #075CE8;
  border-color: #075CE8;
  color: #ffffff;
  outline: none;
}

/* SECTION: Left Sidebar CTA End */

/* ============================================================
 * SECTION: MIDDLE COLUMN — POST CONTENT (Gutenberg)
 * ============================================================ */

/* SECTION: Post Content Start */
.wcu-single-blog-content__inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* Post Meta Bar */
.wcu-single-blog-content__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e7eb;
}

.wcu-single-blog-content__meta-author {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  line-height: 1.6;
}

.wcu-single-blog-content__meta-author-name {
  font-weight: 600;
  color: #0f172a;
}

.wcu-single-blog-content__meta-author-role {
  color: #4b5563;
}

.wcu-single-blog-content__meta-sep {
  color: #9ca3af;
}

.wcu-single-blog-content__meta-date {
  color: #4b5563;
}

.wcu-single-blog-content__meta-right {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.wcu-single-blog-content__meta-cats {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wcu-single-blog-content__meta-cat {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: #2563eb;
  background: #eff6ff;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.wcu-single-blog-content__meta-cat:hover,
.wcu-single-blog-content__meta-cat:focus-visible {
  background: #dbeafe;
  color: #1d4ed8;
  outline: none;
}

.wcu-single-blog-content__meta-read-time {
  font-size: 14px;
  color: #6b7280;
}

/* Gutenberg Body */
.wcu-single-blog-content__body {
  font-size: 17px;
  line-height: 1.75;
  color: #374151;
}

.wp-block-list {
  padding-left: 14px;
  display: grid;
  gap: 16px;
}

.wcu-single-blog-content__body>* {
  margin-top: 0;
  margin-bottom: 32px;
}

.wcu-single-blog-content__body>*:last-child {
  margin-bottom: 0;
}

.wcu-single-blog-content__body h1,
.wcu-single-blog-content__body h2,
.wcu-single-blog-content__body h3,
.wcu-single-blog-content__body h4,
.wcu-single-blog-content__body h5,
.wcu-single-blog-content__body h6 {
  color: #27272a;
  line-height: 1.25;
  font-weight: 500;
}

.wcu-single-blog-content__body .wp-block-columns+h3 {
  margin-bottom: 8px !important;
  font-weight: 500 !important;
}

.wcu-single-blog-content__body .wp-elements-44 {
  margin-bottom: 18px;
}

.wcu-timeline__content .wcu-timeline__heading {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25.6px !important;
  margin-bottom: 0px !important;
}

.wcu-timeline__content .wcu-timeline__paragraph {
  color: #525b53 !important;
}

.wcu-single-blog-content__body h2 {
  font-size: 28px;
}

.wcu-single-blog-content__body h3 {
  line-height: 28.6px;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 8px !important;
}

.wcu-contact-cta__grid--icon .wcu-contact-cta__top .wcu-contact-cta__heading {
  font-family: "Inter Tight";
  font-size: 22px;
  font-weight: 400;
  line-height: 28.3px;
}

.wcu-contact-cta__service .wcu-contact-cta__service-heading {
  font-family: "Inter Tight";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.wcu-contact-cta__grid--stats .wcu-contact-cta__cell--tl .wcu-contact-cta__heading {
  font-family: "Inter Tight";
  font-size: 22px;
  font-weight: 500;
  line-height: 28.3px;
}

/* .wcu-contact-cta__cell--bl .wcu-contact-cta__stats-item {
  padding: 0;
} */

/* .wcu-single-blog-content__body h4 {
  color: #000000 !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  font-size: 16px !important;
} */

.wcu-contact-cta__top .wcu-contact-cta__heading h3 {
  font-size: 22px;
}

.has-black-color.has-text-color.wp-block-paragraph a {
  color: #3b82f6;
}

h2.wp-block-heading.has-text-color.has-link-color.wp-elements-54 {
  font-size: 36px !important;
  font-weight: 500 !important;
  line-height: 43.2px !important;
  color: #000000 !important;
  margin-bottom: 32px !important;
}

.wcu-single-blog-content__body a {
  /* color: #ffffff; */
  color: #3b82f6;
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.wcu-contact-cta__cta-row a.wcu-contact-cta__btn {
  color: #ffffff !important;
  padding: 8px 16px;
}

.wcu-contact-cta__cta-row a.wcu-contact-cta__btn:hover {
  transform: none;
  box-shadow: none;
}

.wcu-author-box__inner .wcu-author-box__archive-link {
  color: #3b82f6;
}

.wcu-single-blog-content__body a:hover,
.wcu-single-blog-content__body a:focus-visible {
  /* color: #ffffff; */
  /* border-bottom-color: #2563eb; */
  outline: none;
}

.wcu-single-blog-content__body .wp-block-paragraph a.for-hover {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: color 0.2s ease;
  padding: 0px 5px;
}

.wcu-single-blog-content__body .wp-block-paragraph a.for-hover svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  transition: transform 0.2s ease, fill 0.2s ease;
  margin-right: -2px;
}

.wcu-single-blog-content__body .wp-block-paragraph a.for-hover:hover,
.wcu-single-blog-content__body .wp-block-paragraph a.for-hover:focus-visible {
  color: #2563eb;
  outline: none;
}

.wcu-single-blog-content__body .wp-block-paragraph a.for-hover:hover svg,
.wcu-single-blog-content__body .wp-block-paragraph a.for-hover:focus-visible svg {
  transform: translate(2px, -2px);
  margin-right: -4px;
}

.wcu-single-blog-content__body img,
.wcu-single-blog-content__body figure,
.wcu-single-blog-content__body .wp-block-image,
.wcu-single-blog-content__body .wp-block-embed {
  max-width: 100%;
  overflow: hidden;
}

.wcu-single-blog-content__body img {
  display: block;
}

.wcu-figure.wcu-figure--wide .wcu-figure__image-wrap img {
  width: 100%;
  height: 229px;
}

.wcu-single-blog-content__body blockquote,
.wcu-single-blog-content__body .wp-block-quote {
  padding: 20px 24px;
  border-left: 4px solid #2563eb;
  background: #f8fafc;
  border-radius: 0 12px 12px 0;
  color: #334155;
  font-style: italic;
}

.wcu-author-box__socials .wcu-author-box__social-item {
  padding: 0;
}

.wcu-single-blog-content__body li {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  /* padding: 16px; */
}

ul.wp-block-list li {
  color: #27272a;
}

ol.wp-block-list li {
  color: #000;
}

ul.wp-block-list li strong {
  color: #000;
  font-weight: inherit;
}

.wcu-single-blog-content__body li.wcu-timeline__item,
ol.wcu-timeline li.wcu-timeline__item {
  padding: 0 !important;
}

.wcu-single-blog-content__body ul.wp-block-list+h3 {
  margin-bottom: 8px !important;
  font-weight: 500;
}

.wcu-single-blog-content__body ul.wp-block-list+h3+p {
  margin-bottom: 10px !important;
}

/* .wcu-single-blog-content__body .wp-block-list li {
  padding: 8px 0;
} */

.wcu-contact-cta__cell--bl .wcu-contact-cta__stats-item {
  padding: 16px 0;
}

.wcu-single-blog-content__body .wp-block-list li::marker {
  color: #3b82f6;
}

.wcu-single-blog-content__body hr,
.wcu-single-blog-content__body .wp-block-separator {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 40px 0;
}

.wcu-single-blog-content__pagination {
  font-size: 15px;
  color: #4b5563;
}

/* Tags */
.wcu-single-blog-content__tags {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
}

.wcu-single-blog-content__tags-label {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.wcu-single-blog-content__tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: #4b5563;
  background: #f3f4f6;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.wcu-single-blog-content__tag:hover,
.wcu-single-blog-content__tag:focus-visible {
  background: #e5e7eb;
  color: #0f172a;
  outline: none;
}

/* SECTION: Post Content End */

/* ============================================================
 * SECTION: RIGHT SIDEBAR (CTA 1 + CTA 2 + Social Share)
 * ============================================================ */

/* SECTION: Right Sidebar CTA Cards Start */
.wcu-single-blog-right-cta__card {
  padding: 16px;
  border: 1px solid #e4e7e5;
  border-radius: 8px;
  background: #ffffff;
}

.wcu-single-blog-right-cta__title {
  margin: 0 0 20px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 25.6px !important;
  color: #000 !important;
}

.wcu-single-blog-right-cta__desc {
  margin: 0 0 16px;
  font-family: "Inter Tight";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #525b53;
}

.wcu-single-blog-right-cta__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #0865ff !important;
  text-decoration: none;
  transition: color 0.2s ease;
  padding: 0 !important;
  /* min-height: 44px !important; */
}

.wcu-single-blog-right-cta__link:hover,
.wcu-single-blog-right-cta__link:focus-visible {
  color: #1d4ed8 !important;
  outline: none !important;
}

/* SECTION: Right Sidebar CTA Cards End */

/* ============================================================
 * SECTION: SOCIAL SHARE (Right Sidebar, Block 3)
 * ============================================================ */

/* SECTION: Social Share Start */
.wcu-single-blog-social__card {
  padding: 16px;
  border: 1px solid #e4e7e5;
  border-radius: 8px;
  background: #ffffff;
}

.wcu-single-blog-social__title {
  margin: 0 0 12px;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25.6px !important;
  color: #000 !important;
}

.wcu-single-blog-social__list {
  display: flex;
  gap: 12px;
}

.wcu-single-blog-social__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 43px;
  min-height: 44px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #374151 !important;
  background: rgba(255, 255, 255, 0) !important;
  border: 1px solid #e4e7e5;
  border-color: #e4e7e5 !important;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease,
    transform 0.1s ease;
}

.wcu-single-blog-social__btn:hover,
.wcu-single-blog-social__btn:focus-visible {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #0f172a;
  outline: none;
}

.wcu-single-blog-social__btn--copy {
  gap: 8px;
}

.wcu-single-blog-social__copy-label {
  font-size: 14px;
  font-weight: 500;
}

/* SECTION: Social Share End */

/* ============================================================
 * SECTION: RELATED POSTS GRID
 * ============================================================ */

/* SECTION: Related Posts Start */
.wcu-single-blog-related {
  padding: 0;
  background: #ffffff;
}

.wcu-single-blog-related__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 40px;
}

.wcu-single-blog-related__title {
  margin: 0;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 43.2px;
  font-weight: 500 !important;
  color: #000 !important;
  text-align: left;
}

/* SECTION: Discover Button Start */
.wcu-single-blog-related__discover-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  min-height: 44px;
  min-width: 44px;
  font-family: "Inter Tight";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
  color: #0a2440 !important;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid #0a2440;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wcu-single-blog-related__discover-btn:hover,
.wcu-single-blog-related__discover-btn:focus-visible {
  background: #fff;
  color: #0a2440;
  border-color: #0a2440;
  outline: none;
}

.wcu-single-blog-related__discover-label {
  display: inline-flex;
  align-items: center;
}

.wcu-single-blog-related__discover-icon {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  transition: transform 0.2s ease;
}

.wcu-single-blog-related__discover-btn:hover .wcu-single-blog-related__discover-icon,
.wcu-single-blog-related__discover-btn:focus-visible .wcu-single-blog-related__discover-icon {
  transform: translate(2px, -2px);
}

/* SECTION: Discover Button End */

.wcu-single-blog-related__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 32px;
}

.wcu-single-blog-related__card {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform 0.2s ease;
}

/* .wcu-single-blog-related__card:hover {
  transform: translateY(-2px);
} */

.wcu-single-blog-related__card-image-link {
  display: block;
}

.wcu-single-blog-related__card-image-wrap {
  aspect-ratio: 16 / 9;
  background: #e5e7eb;
  overflow: hidden;
  border-radius: 12px;
}

.wcu-single-blog-related__card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

/* .wcu-single-blog-related__card:hover .wcu-single-blog-related__card-image {
  transform: scale(1.04);
} */

/* Meta row: Category pill (left) + View article link (right) */
.wcu-single-blog-related__card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.wcu-single-blog-related__card-cat {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0px 0;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 19.6px !important;
  color: #525b53 !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

.wcu-single-blog-related__card-cat:hover,
.wcu-single-blog-related__card-cat:focus-visible {
  color: #0f172a;
  outline: none;
}

.wcu-single-blog-related__card-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 0;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25.6px !important;
  color: #2563eb !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

.wcu-single-blog-related__card-cta:hover,
.wcu-single-blog-related__card-cta:focus-visible {
  color: #1d4ed8 !important;
  outline: none !important;
}

.wcu-single-blog-related__card-cta svg {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.wcu-single-blog-related__card-cta:hover svg {
  transform: translate(2px, -2px);
}

/* Title below meta row (large, bold, matches Figma sample) */
.wcu-single-blog-related__card-title {
  margin: 0;
  font-family: "Inter Tight", sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28.8px !important;
  color: #000000 !important;
  max-width: 220px;
}

@media (min-width: 1366px) {
  .wcu-single-blog-related__card-title {
    max-width: 300px;
  }
}

.wcu-single-blog-related__card-title-link {
  font-family: "Inter Tight", sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28.8px !important;
  color: #000000 !important;
}

.wcu-single-blog-related__card-title-link:hover,
.wcu-single-blog-related__card-title-link:focus-visible {
  color: #2563eb;
  outline: none;
}

/* SECTION: Related Posts End */

/* ============================================================
 * SECTION: CONTACT FORM (Elementor Shortcode)
 * ============================================================ */

/* SECTION: Contact Form Start */
.wcu-single-blog-contact {
  padding: 72px 0;
  background: #ffffff;
}

.wcu-single-blog-contact__title {
  margin: 0 0 32px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.15;
  font-weight: 700;
  color: #0f172a;
  text-align: center;
}

.wcu-single-blog-contact__form {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.wcu-single-blog-contact__form--placeholder {
  padding: 40px;
  border: 2px dashed #d1d5db;
  border-radius: 16px;
  text-align: center;
  color: #6b7280;
  background: #fafafa;
}

/* SECTION: Contact Form End */

/* ============================================================
 * SECTION: RESPONSIVE — TABLET (<= 1100px)
 * Collapse 3-column to: Left Sidebar / Content | Right Sidebar below
 * ============================================================ */

/* SECTION: Responsive Tablet Start */
@media (max-width: 1100px) {

  /* Container padding for tablet */
  .wcu-single-blog__container,
  .wcu-single-blog-hero__container,
  .wcu-single-blog-layout__container,
  .wcu-single-blog-related__container,
  .wcu-single-blog-contact__container {
    padding: 32px 24px !important;
  }

  .wcu-single-blog-hero__container {
    gap: 32px;
  }

  .wcu-single-blog-content__body .wp-block-columns.wp-container-core-columns-is-layout-7387b849 {
    flex-wrap: nowrap !important;
  }

  .wcu-single-blog-hero__layout {
    display: block;
    grid-template-columns: none;
  }

  .wcu-single-blog-hero__image-col {
    margin-bottom: 24px;
  }

  .wcu-single-blog-hero__image-wrap {
    aspect-ratio: 8 / 3;
  }

  .wcu-single-blog-toc__card {
    display: none !important;
  }

  .wcu-single-blog-left-cta__card {
    display: none !important;
  }

  .wcu-single-blog-hero__title {
    font-size: 40px !important;
    line-height: 48px !important;
  }

  /* Grid OFF → block */
  .wcu-single-blog-layout__grid {
    display: block;
    grid-template-columns: none;
  }

  .wcu-single-blog-sidebar--left,
  .wcu-single-blog-content,
  .wcu-single-blog-sidebar--right {
    margin-bottom: 28px;
    /* gap replacement */
  }

  .wcu-single-blog-sidebar--right {
    position: static;
  }

  .wcu-single-blog-sidebar--right .wcu-single-blog-sidebar__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .wcu-single-blog-sidebar--right .wcu-single-blog-sidebar__block {
    flex: 1 1 260px;
  }

  .wcu-single-blog-related__grid {
    gap: 24px;
  }
  .wcu-single-blog-layout .wcu-single-blog-layout__container {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
}

/* SECTION: Responsive Tablet End */

/* ============================================================
 * SECTION: RESPONSIVE — MOBILE (<= 768px)
 * Single-column layout; Hero stacks, sidebars below content.
 * ============================================================ */

/* SECTION: Responsive Mobile Start */
@media (max-width: 768px) {

  /* Container padding for mobile */
  .wcu-single-blog__container,
  .wcu-single-blog-hero__container,
  .wcu-single-blog-layout__container,
  /* .wcu-single-blog-related__container, */
  .wcu-single-blog-contact__container {
    padding: 32px 16px !important;
  }
.wcu-single-blog-related__container{
  padding: 0 16px 32px !important;
}
  .wcu-single-blog-hero {
    padding: 90px 0 0px;
  }

  .wcu-single-blog-hero__container {
    gap: 24px;
  }

  .wcu-single-blog-hero__layout {
    display: block;
    grid-template-columns: none;
  }

  .wcu-single-blog-hero__image-col {
    margin-bottom: 24px;
  }

  .wcu-single-blog-hero__image-wrap {
    aspect-ratio: 8 / 3;
  }

  .wcu-single-blog-hero__title {
    font-size: 32px !important;
    line-height: 38.4px !important;
  }

  .wcu-single-blog-layout {
    padding: 0px;
  }

  .wcu-single-blog-content__body table {
    min-width: 640px;
  }

  .wcu-single-blog-content__body .wp-block-table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .wcu-single-blog-content__body table {
    table-layout: auto;
  }

  .wcu-single-blog-content__body table th,
  .wcu-single-blog-content__body table td {
    white-space: nowrap;
  }

  /* Grid OFF → block */
  .wcu-single-blog-layout__grid {
    display: block;
    grid-template-columns: none;
  }

  .wcu-single-blog-sidebar {
    position: static;
  }

  .wcu-single-blog-content {
    margin-bottom: 32px;
  }

  .wcu-single-blog-sidebar--left,
  .wcu-single-blog-sidebar--right {
    margin-bottom: 32px;
  }

  .wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__inner,
  .wcu-single-blog-sidebar--right .wcu-single-blog-sidebar__inner {
    display: none;
  }

  .wcu-single-blog-sidebar--right .wcu-single-blog-sidebar__block {
    flex: 1 1 100%;
  }

  .wcu-single-blog-content__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .wcu-single-blog-related {
    padding:0 0;
  }

  .wcu-single-blog-related__discover-btn {
    /* align-self: stretch; */
    justify-content: center;
  }

  .wcu-single-blog-related__grid {
    grid-template-columns: 1fr 1fr;
  }
.wcu-single-blog-related__card-title {
  width: 100%;
  max-width: 100%;
}
  .wcu-single-blog-related__grid>* {
    margin-bottom: 24px;
  }

  .wcu-single-blog-related__grid>*:last-child {
    margin-bottom: 0;
  }

  .wcu-single-blog-contact {
    padding: 48px 0;
  }

  .wcu-single-blog-left-cta__card {
    display: none;
  }

  .wcu-single-blog-left-cta__image-wrap {
    aspect-ratio: 3 / 4;
    width: 100%;
  }

  .wcu-single-blog-toc__card {
    display: none;
  }

  .wcu-single-blog-toc__title {
    font-size: 22px;
  }

  .wcu-single-blog-toc__link {
    font-size: 16px;
    padding: 8px 14px 8px 20px;
  }

  .wcu-single-blog-left-cta__title {
    font-size: 20px;
  }

  .wcu-single-blog-left-cta__btn {
    padding: 12px 22px;
    font-size: 16px;
  }
}

@media (max-width: 500px) {
  .wcu-single-blog-content__body .wp-block-columns.wp-container-core-columns-is-layout-7387b849 {
    flex-wrap: wrap !important;
  }
      .wcu-single-blog-related__grid {
        grid-template-columns: 1fr;
    }
    .wcu-single-blog-related__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 32px;
  }
}

/* SECTION: Responsive Mobile End */

/* ============================================================
 * SECTION: PLACEHOLDER UTILITY
 * ============================================================ */

/* SECTION: Placeholder Start */
.wcu-single-blog__placeholder {
  padding: 24px;
  border: 2px dashed #d1d5db;
  border-radius: 12px;
  background: #fafafa;
  color: #6b7280;
  text-align: center;
  font-size: 14px;
}

.wcu-single-blog-content__body #what-agentic-qa-actually-replaces+p {
  margin-bottom: 10px !important;
}

/* SECTION: Placeholder End */

/* add css in elementer center card */
.wcu-single-blog-content__body p {
  font-family: "Inter Tight";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #27272a !important;
  margin-bottom: 24px !important;
}

.wcu-single-blog-content__body h2 {
  margin: 0 0 8px !important;
  font-family: "Inter Tight";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.6px;
}

/* ============================================================
 * SECTION: GUTENBERG CONTENT WIDGETS (generic selectors only —
 * no per-instance custom classes; editors pick these from each
 * block's own "Styles" panel, registered in inc/block-styles.php)
 * ============================================================ */

/* Image caption */
.wcu-single-blog-content__body figcaption {
  margin-top: 8px;
  font-family: "Inter Tight";
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #525b53;
  text-align: left;
}

.wcu-figure__caption .wcu-figure__caption-text b {
  color: #000;
  font-weight: inherit;
}

.wp-block-columns:has(.wcu-figure.wcu-figure--wide) {
  gap: 16px !important;
  margin-bottom: 32px !important;
}

/* table {
  border-top: 0.6px solid #E4E7E5;
} */

.wp-block-table thead {
  border: 1px solid #e5e7eb;
}

/* Any bordered column acts as a card (stat tiles, before/after panels, etc.) */
.wcu-single-blog-content__body .wp-block-column.has-border-color {
  padding: 20px 24px;
}

.wcu-single-blog-content__body .wp-block-columns {
  margin-bottom: 28px;
}

.wp-block-columns:has(.wcu-stat.wcu-stat--trend-up) {
  gap: 16px;
  margin-bottom: 16px;
}

/* Standard table */
.wcu-single-blog-content__body table {
  width: 100%;
  border-collapse: collapse !important;
  font-family: "Inter Tight";
  font-size: 14px;
  line-height: 20px;
}

.wcu-single-blog-content__body table th,
.wcu-single-blog-content__body table td {
  background-color: #ffffff !important;
  padding: 12px 4px;
  text-align: left;
  border-bottom: 0.6px solid #e4e7e5;
}

.wcu-single-blog-content__body table th {
  background-color: #fafafa !important;
}

.wcu-single-blog-content__body table thead th {
  background: #fafafa;
  font-weight: 600;
  color: #0f172a;
}

.wcu-single-blog-content__body table tbody tr:nth-child(even) td {
  background: #fafafa;
}

/* Comparison table style — highlight the last column (e.g. "our product") */
.wcu-single-blog-content__body .is-style-wcu-comparison table th:last-child,
.wcu-single-blog-content__body .is-style-wcu-comparison table td:last-child {
  background: #2563eb;
  color: #ffffff;
}

.wcu-single-blog-content__body .is-style-wcu-comparison table tbody tr:nth-child(even) td:last-child {
  background: #1d4ed8;
}

/* Callout boxes: Good to know / Pro tip / Warning */
.wcu-single-blog-content__body .is-style-wcu-callout-info,
.wcu-single-blog-content__body .is-style-wcu-callout-tip,
.wcu-single-blog-content__body .is-style-wcu-callout-warning {
  position: relative;
  margin: 0 0 28px;
  padding: 20px 24px 20px 52px;
  border: 1px solid;
  border-radius: 12px;
  font-family: "Inter Tight";
  font-size: 14px;
  line-height: 21px;
}

/* ---- Standard table — Figma match ---- */
.wcu-single-blog-content__body table {
  width: 100%;
  border-collapse: collapse !important;
  table-layout: fixed;
  font-family: "Inter Tight";
  font-size: 15px;
  line-height: 1.5;
  margin-block-end: 0px;
}

.wcu-single-blog-content__body table th,
.wcu-single-blog-content__body table td {
  background-color: #ffffff;
  padding: 16px;
  text-align: left;
  border-bottom: 0.6px solid #e4e7e5;
  /* color: #101828; */
  white-space: normal;
  overflow-wrap: break-word;
}

.wcu-table--has-active .wcu-table__row--header .wcu-table__cell:last-child {
  background: #0865ff !important;
  color: #ffffff !important;
}

.wcu-table--has-active .wcu-table__row--body .wcu-table__cell:last-child {
  background: #fafafa !important;
}

.wcu-single-blog-content__body .is-style-wcu-callout-info> :first-child,
.wcu-single-blog-content__body .is-style-wcu-callout-tip> :first-child,
.wcu-single-blog-content__body .is-style-wcu-callout-warning> :first-child {
  margin-top: 0;
  font-weight: 600;
  color: #0f172a;
}

.wcu-single-blog-content__body .is-style-wcu-callout-info::before,
.wcu-single-blog-content__body .is-style-wcu-callout-tip::before,
.wcu-single-blog-content__body .is-style-wcu-callout-warning::before {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
}

.wcu-single-blog-content__body .is-style-wcu-callout-info {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.wcu-single-blog-content__body .is-style-wcu-callout-info::before {
  content: "i";
  color: #ffffff;
  background: #2563eb;
  font-style: italic;
  font-weight: 700;
}

.wcu-single-blog-content__body .is-style-wcu-callout-tip {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.wcu-single-blog-content__body .is-style-wcu-callout-tip::before {
  content: "\1F4A1";
  background: transparent;
  font-size: 16px;
}

.wcu-single-blog-content__body .is-style-wcu-callout-warning {
  background: #fffbeb;
  border-color: #fde68a;
}

.wcu-single-blog-content__body .is-style-wcu-callout-warning::before {
  content: "\26A0";
  background: transparent;
  color: #d97706;
  font-size: 16px;
}

/* Timeline list style */
.wcu-single-blog-content__body .is-style-wcu-timeline {
  list-style: none;
  counter-reset: wcu-timeline-step;
  margin: 0 0 28px;
  padding: 0;
}

.wcu-single-blog-content__body .is-style-wcu-timeline li {
  position: relative;
  counter-increment: wcu-timeline-step;
  margin: 0;
  padding: 0 0 32px 48px;
}

.wcu-single-blog-content__body .is-style-wcu-timeline li:last-child {
  padding-bottom: 0;
}

.wcu-single-blog-content__body .is-style-wcu-timeline li::before {
  content: counter(wcu-timeline-step);
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2563eb;
  color: #ffffff;
  font-family: "Inter Tight";
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

.wcu-single-blog-content__body .is-style-wcu-timeline li::after {
  content: "";
  position: absolute;
  top: 32px;
  bottom: 0;
  left: 15px;
  width: 1px;
  background: #e5e7eb;
}

.wcu-single-blog-content__body .is-style-wcu-timeline li:last-child::after {
  display: none;
}

.wcu-single-blog-content__body .is-style-wcu-timeline li> :first-child {
  margin-top: 0;
  font-weight: 600;
  color: #0f172a;
}

/* ============================================================
 * SECTION: Blog Post Single — Code Block Figma Match Overrides
 * Scoped: body.single-post .wcu-code-block only
 * ============================================================ */
/* SECTION: Single Blog Code Block Design Tokens Start */
body.single-post .wcu-code-block {
  --cb-figma-radius: 14px;
  --cb-figma-border: 1px solid #1e293b;
  --cb-figma-bg: #0f172a;
  --cb-figma-header-bg: #0f172a;
  --cb-figma-header-border: 1px solid rgba(148, 163, 184, 0.1);
  --cb-figma-header-height: 56px;
  --cb-figma-header-px: 24px;
  --cb-figma-body-px: 24px;
  --cb-figma-body-py: 20px;
  --cb-figma-lang-size: 12px;
  --cb-figma-lang-color: #94a3b8;
  --cb-figma-code-size: 12px;
  --cb-figma-code-line: 22.6px;
  --cb-figma-code-color: #e2e8f0;
  --cb-figma-dot-size: 12px;
  --cb-figma-dot-gap: 8px;
  --cb-figma-copy-btn-h: 36px;
  --cb-figma-copy-btn-r: 8px;
  --cb-figma-copy-border: 1px solid rgba(148, 163, 184, 0.35);
  --cb-figma-copy-bg: transparent;
  --cb-figma-copy-bg-hover: rgba(148, 163, 184, 0.08);
  --cb-figma-copy-color: #cbd5e1;
  --cb-figma-copy-label-size: 14px;

  /* Syntax highlight token colors */
  --tok-comment: #5e7291;
  --tok-keyword: #8fb8ff;
  --tok-property: #c9d6e8;
  --tok-string: #8fdca8;
  --tok-number: #e39bb1;
  --tok-punct: #94a3b8;
  --tok-function: #e8c88a;
  --tok-operator: #94a3b8;
  --tok-boolean: #f472b6;
}

/* SECTION: Single Blog Code Block Design Tokens End */

/* SECTION: Single Blog Code Block Base Override Start */
body.single-post .wcu-code-block {
  border-radius: var(--cb-figma-radius);
  border: var(--cb-figma-border);
  background: var(--cb-figma-bg);
}

body.single-post .wcu-code-block__header {
  background: var(--cb-figma-header-bg);
  height: var(--cb-figma-header-height);
  padding: 10px 16px;
  border-bottom: var(--cb-figma-header-border);
  gap: 14px;
}

body.single-post .wcu-code-block__label {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--cb-figma-dot-gap) + 4px);
}

body.single-post .wcu-cb-dots {
  display: inline-flex;
  align-items: center;
  gap: var(--cb-figma-dot-gap);
  height: var(--cb-figma-dot-size);
  line-height: 0;
}

body.single-post .wcu-cb-dot {
  display: inline-block;
  width: var(--cb-figma-dot-size);
  height: var(--cb-figma-dot-size);
  border-radius: 50%;
}

body.single-post .wcu-cb-dot--red {
  background: #ef4444;
}

body.single-post .wcu-cb-dot--yellow {
  background: #eab308;
}

body.single-post .wcu-cb-dot--green {
  background: #22c55e;
}

body.single-post .wcu-code-block__language {
  font-family: var(--cb-code-font);
  font-size: 11px;
  color: #8fa0b8;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
  line-height: 18.15px;
}

/* SECTION: Single Blog Code Block Base Override End */

/* SECTION: Single Blog Code Block Copy Button Outline Style Start */
body.single-post .wcu-code-block__copy-btn {
  padding: 4px 10px;
  border: rgba(255, 255, 255, 0.16) solid 1px;
  border-radius: 6px;
  background: transparent;
  color: #8fa0b8;
  transition: background-color 120ms ease, color 120ms ease,
    border-color 120ms ease;
}

body.single-post .wcu-code-block__copy-btn:hover,
body.single-post .wcu-code-block__copy-btn:focus-visible {
  background: var(--cb-figma-copy-bg-hover);
  color: #ffffff;
  border-color: rgba(203, 213, 225, 0.55);
  outline: none;
}

body.single-post .wcu-code-block__copy-btn svg {
  width: 12px;
  height: 12px;
}

body.single-post .wcu-code-block__copy-label {
  font-size: 11px;
  font-weight: 400;
}

.wcu-code-block__copy-btn {
  flex-wrap: nowrap;
  white-space: nowrap;
}

.wcu-code-block__copy-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

.wcu-code-block__copy-icon svg {
  display: block;
}

.wcu-code-block__copy-label {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  /* "Copy" text wrap na ho */
}

.wcu-single-blog-content__body h3.wp-block-heading:has(+ p.wp-block-paragraph + .wcu-pros-cons) {
  margin-bottom: 8px;
}

.wcu-single-blog-content__body p.wp-block-paragraph:has(+ .wcu-pros-cons) {
  margin-bottom: 10px;
}

/* SECTION: Single Blog Code Block Copy Button Outline Style End */

/* SECTION: Single Blog Code Block Body + Hide Line Nums Start */
body.single-post .wcu-code-block__body {
  padding: var(--cb-figma-body-py) var(--cb-figma-body-px);
}

body.single-post .wcu-code-block__pre {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
}

body.single-post .wcu-code-block__code {
  font-size: var(--cb-figma-code-size);
  line-height: var(--cb-figma-code-line);
  color: var(--cb-figma-code-color);
}

/* SECTION: Single Blog Code Block Body + Hide Line Nums End */

/* SECTION: Single Blog Code Block Syntax Token Colors Start */
body.single-post .wcu-tok-comment {
  color: var(--tok-comment);
  font-style: normal;
}

body.single-post .wcu-tok-keyword {
  color: var(--tok-keyword);
  font-weight: 500;
}

body.single-post .wcu-tok-property {
  color: var(--tok-property);
}

body.single-post .wcu-tok-string {
  color: var(--tok-string);
}

body.single-post .wcu-tok-number {
  color: var(--tok-number);
}

body.single-post .wcu-tok-punct {
  color: var(--tok-punct);
}

body.single-post .wcu-tok-function {
  color: var(--tok-function);
  font-weight: 500;
}

body.single-post .wcu-tok-operator {
  color: var(--tok-operator);
}

body.single-post .wcu-tok-boolean {
  color: var(--tok-boolean);
}

/* SECTION: Single Blog Code Block Syntax Token Colors End */
/* ============================================================
 * END: Blog Post Single — Code Block Figma Match Overrides
 * ============================================================ */

/* ============================================================
 * SECTION: Blog Post Single — WP Core Accordion Figma Match
 * Scoped: body.single-post .wp-block-accordion only
 * ============================================================ */
/* SECTION: Single Blog Accordion Design Tokens Start */
body.single-post .wp-block-accordion {
  --acc-radius: 8px;
  --acc-border: 0.6px solid #e4e7e5;
  --acc-bg: #ffffff;
  --acc-divider: 0.6px solid #e4e7e5;
  --acc-title-size: 18px;
  --acc-title-line: 21px;
  --acc-title-weight: 400;
  --acc-title-color: #111827;
  --acc-title-px: 24px;
  --acc-title-py: 24px;
  --acc-icon-size: 28px;
  --acc-icon-weight: 300;
  --acc-icon-color: #111827;
  --acc-body-color: #475569;
  --acc-body-size: 16px;
  --acc-body-line: 1.7;
  --acc-body-px: 24px;
  --acc-body-pb: 24px;
}

/* SECTION: Single Blog Accordion Design Tokens End */

/* SECTION: Single Blog Accordion Base + Outer Container Radius Start */
body.single-post .wp-block-accordion {
  background: var(--acc-bg);
  border: 0.6px solid #e4e7e5;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 32px 0;
  box-sizing: border-box;
}

.wp-block-accordion-item .wp-block-accordion-heading button.wp-block-accordion-heading__toggle {
  color: #000000 !important;
  font-size: 18px !important;
  line-height: 28.8px !important;
}

.wp-block-accordion-panel p.wp-block-paragraph {
  color: #525b53 !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21px !important;
}

p.wp-block-paragraph a.for-hover {
  display: inline !important;
}

p.wp-block-paragraph a strong {
  font-weight: 400;
}


body.single-post .wp-block-accordion:last-child {
  margin-bottom: 0;
}

body.single-post .wp-block-accordion-item {
  margin: 0;
}

body.single-post .wp-block-accordion-item+.wp-block-accordion-item {
  border-top: var(--acc-divider);
}

/* SECTION: Single Blog Accordion Base + Outer Container Radius End */

/* SECTION: Single Blog Accordion Heading / Toggle Button Start */
body.single-post .wp-block-accordion-heading {
  margin: 0;
}

body.single-post .wp-block-accordion-heading__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: var(--acc-title-py) var(--acc-title-px) !important;
  background: var(--acc-bg) !important;
  color: var(--acc-title-color) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left;
  text-decoration: none !important;
  cursor: pointer;
  font-family: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  font-size: var(--acc-title-size);
  line-height: var(--acc-title-line);
  font-weight: var(--acc-title-weight);
  letter-spacing: -0.01em;
  min-height: 44px;
  transition: background-color 120ms ease, color 120ms ease;
}

body.single-post .wp-block-accordion-heading__toggle:hover,
body.single-post .wp-block-accordion-heading__toggle:focus-visible {
  background: #fafafa !important;
  color: var(--acc-title-color) !important;
  outline: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.wp-block-accordion-heading__toggle:hover {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.wp-block-accordion-heading__toggle-title:hover {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  text-decoration: none !important;
}

body.single-post .wp-block-accordion-heading__toggle-title {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}

/* SECTION: Single Blog Accordion Heading / Toggle Button End */

/* SECTION: Single Blog Accordion Icon — + / −  (no rotation; ± text swap) Start */
/*
  Core WP uses raw '+' text inside __toggle-icon, and CSS rotates it to make an '×'.
  Figma wants: closed  = '+'   /   open  = '−' (minus).
  Strategy: hide the raw glyph text, inject a pseudo ::before
  with the correct character driven by .is-open on the parent item.
*/
body.single-post .wp-block-accordion-heading__toggle-icon {
  flex: 0 0 auto;
  width: var(--acc-icon-size);
  height: var(--acc-icon-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: transparent;
  /* hide original '+' / '×' glyph text */
  font-size: 0;
  /* double guard so rotated × is invisible */
  line-height: 0;
  transform: none !important;
  /* force-undo any core rotation to × */
}

body.single-post .wp-block-accordion-heading__toggle-icon::before {
  content: "+";
  position: absolute;
  inset: 0;
  color: var(--acc-icon-color);
  font-family: inherit;
  font-size: var(--acc-icon-size);
  line-height: 1;
  font-weight: var(--acc-icon-weight);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: none;
  /* no 45° rotate — never show × */
}

/* Open state: swap '+' → '−' (minus sign U+2212, sharper than hyphen) */
body.single-post .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon::before {
  content: "\2212";
}

body.single-post .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
  transform: none !important;
}

/* SECTION: Single Blog Accordion Icon — + / −  (no rotation; ± text swap) End */

/* SECTION: Single Blog Accordion Panel / Body Content Start */
body.single-post .wp-block-accordion-panel {
  padding: 0 var(--acc-body-px) var(--acc-body-pb) var(--acc-body-px);
  margin: 0;
  color: var(--acc-body-color);
}

body.single-post .wp-block-accordion-panel p {
  font-family: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  font-size: var(--acc-body-size);
  line-height: var(--acc-body-line);
  color: inherit;
  margin: 0;
  letter-spacing: -0.002em;
}

body.single-post .wp-block-accordion-panel p+p {
  margin-top: 16px;
}

/* Remove WP core default margins */
body.single-post .wp-block-accordion-panel> :first-child {
  margin-top: 0 !important;
}

body.single-post .wp-block-accordion-panel> :last-child {
  margin-bottom: 0 !important;
}

/* SECTION: Single Blog Accordion Panel / Body Content End */
/* ============================================================
 * END: Blog Post Single — WP Core Accordion Figma Match
 * ============================================================ */

/* ============================================================
 * SECTION: RIGHT SIDEBAR — DYNAMIC CTA CARDS (SCROLL-REACTIVE)
 * ============================================================ */

/* SECTION: Sidebar Dynamic CTA Cards Start */

/* Content-side trigger anchors: invisible but occupy scroll position
   (rendered as block-level <div> with nested HTML comment to survive wpautop + DOMDocument) */
.wcu-sidebar-cta-trigger {
  display: block;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  position: relative;
  clear: both;
  line-height: 0;
  font-size: 0;
}

.wcu-sidebar-cta-trigger>* {
  display: none !important;
}

/* Right sidebar inner layout: flex column so social can margin-top:auto to bottom.
   NO max-height / height clamp here — slot inside grows via JS .minHeight to cover
   the full pinned CTA range (cards can be 6000px+ apart). The outer aside is
   position:sticky top:90 and scrolls as a single column; the social block inside
   uses sticky bottom:10px to pin at viewport edge regardless. */
.wcu-single-blog-sidebar--right .wcu-single-blog-sidebar__inner {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 90px - 128px);
  gap: 32px;
  position: relative;
}

/* Left sidebar inner layout: flex column so the CTA card can be sticky-bottom.
   HEIGHT IS CLAMPED to the exact sticky-view rectangle of the outer aside
   (sticky top:90px at the top, full remaining viewport height down to vp-bottom
   minus 10px for the sticky-child float). This is MANDATORY: if left inner is
   taller than the visible viewport area of the sticky aside, the browser scrolls
   the ENTIRE sidebar through the viewport instead of "locking" it — which means
   position:sticky on the Book CTA block below never actually pins at the
   visible viewport edge (user's reported bug: "still taking some space not
   showing at bottom like social share").
   TOC gets overflow-y:auto and scrollbar-gutter stable so when it's tall, only
   the TOC scrolls inside its own pane; the Book CTA sits at the fixed viewport
   bottom (10px float) exactly like the right social share. */
.wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__inner {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 90px);
  max-height: calc(100vh - 90px);
  height: calc(100vh - 90px);
  gap: 24px;
  position: relative;
}

.wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__block--toc {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: visible;
  scrollbar-gutter: stable;
  /* padding-right: 4px; */
  scrollbar-width: thin;
}

@media screen and (min-width: 1072px) {
  .wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__block--toc {
    scrollbar-gutter: auto !important;
  }
}

.wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__block--toc::-webkit-scrollbar {
  width: 6px;
}

.wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__block--toc::-webkit-scrollbar-track {
  background: transparent;
}

.wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__block--toc::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.12);
  border-radius: 3px;
}

.wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__block--toc::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.22);
}

.wcu-single-blog-sidebar--left .wcu-single-blog-sidebar__block--cta {
  position: sticky;
  bottom: 10px;
  z-index: 15;
  flex-shrink: 0;
  background: #ffffff;
  background: var(--wcu-single-blog-bg, #ffffff);
  isolation: isolate;
}

.wcu-single-blog-sidebar--right .wcu-single-blog-sidebar__block--sbcta {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.wcu-single-blog-sidebar--right .wcu-single-blog-sidebar__block--sbcta .wcu-sbcta-inner {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* Slot container for dynamic CTA cards: takes all remaining space above social,
   becomes positioning context for absolutely-placed cards. JS grows minHeight so
   the last CTA sits exactly 48px above the sticky social block. */
.wcu-sbcta-slot {
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  box-sizing: content-box;
}

/* Base CTA card shell — absolute positioned inside slot so JS can set top per card,
   pinning it vertically next to its section trigger. */
.wcu-sbcta-card {
  box-sizing: border-box;
  padding: 16px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  transition: top 0.16s linear;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

/* Variant: Default (light card, matches existing right-cta card treatment) */
.wcu-sbcta-card--default {
  background: #ffffff;
  border: 1px solid #e4e7e5;
}

.wcu-sbcta-card--default .wcu-sbcta-card__label {
  color: #0865ff;
}

.wcu-sbcta-card--default .wcu-sbcta-card__title {
  color: #000 !important;
}

.wcu-sbcta-card--default .wcu-sbcta-card__desc {
  color: #525b53;
}

.wcu-sbcta-card--default .wcu-sbcta-card__link {
  color: #0865ff !important;
}

.wcu-sbcta-card--default .wcu-sbcta-card__link:hover,
.wcu-sbcta-card--default .wcu-sbcta-card__link:focus-visible {
  color: #1d4ed8 !important;
}

/* Variant: Dark card */
.wcu-sbcta-card--dark {
  background: #0f172a;
  border: 1px solid #1e293b;
}

.wcu-sbcta-card--dark .wcu-sbcta-card__label {
  color: #93c5fd;
}

.wcu-sbcta-card--dark .wcu-sbcta-card__title {
  color: #f9fafb !important;
}

.wcu-sbcta-card--dark .wcu-sbcta-card__desc {
  color: #cbd5e1;
}

.wcu-sbcta-card--dark .wcu-sbcta-card__link {
  color: #60a5fa !important;
}

.wcu-sbcta-card--dark .wcu-sbcta-card__link:hover,
.wcu-sbcta-card--dark .wcu-sbcta-card__link:focus-visible {
  color: #93c5fd !important;
}

/* Variant: Brand card (blue fill, white text) */
.wcu-sbcta-card--brand {
  background: #0865ff;
  border: 1px solid #0865ff;
}

.wcu-sbcta-card--brand .wcu-sbcta-card__label {
  color: rgba(255, 255, 255, 0.8);
}

.wcu-sbcta-card--brand .wcu-sbcta-card__title {
  color: #ffffff !important;
}

.wcu-sbcta-card--brand .wcu-sbcta-card__desc {
  color: rgba(255, 255, 255, 0.85);
}

.wcu-sbcta-card--brand .wcu-sbcta-card__link {
  color: #ffffff !important;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  text-underline-offset: 4px;
}

.wcu-sbcta-card--brand .wcu-sbcta-card__link:hover,
.wcu-sbcta-card--brand .wcu-sbcta-card__link:focus-visible {
  color: #ffffff !important;
  text-decoration-color: #ffffff;
}

/* Card content typography tokens */
.wcu-sbcta-card__label {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wcu-sbcta-card__title {
  margin: 0 0 16px;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 25.6px !important;
}

ul.wcu-single-blog-toc__list li:last-child a.wcu-single-blog-toc__link {
  border-radius: 0px 6px 6px 6px;
}

.wcu-sbcta-card__desc {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}

.wcu-sbcta-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  padding: 0 !important;
  transition: color 0.2s ease;
}

.wcu-sbcta-card__link svg {
  transition: transform 0.2s ease;
}

.wcu-sbcta-card__link:hover svg {
  transform: translate(2px, -2px);
}

/* Social share: ALWAYS sticky at the visual viewport-bottom of the right sidebar
   (NOT the document-bottom of a tall flex-grown CTA slot). Sticky inside the
   outer sidebar-inner container so it stays pinned at the bottom regardless of
   how tall the CTA stack above it grows. 10px bottom float so it never runs off
   the viewport edge. Opaque background ensures no CTA card bleed-through when
   scrolled overlap. JS solver reserves slot height so the LAST pinned CTA card
   sits at (social.top - 48px) visual gap. */
.wcu-single-blog-sidebar__block--social {
  position: sticky;
  bottom: 10px;
  z-index: 20;
  padding-top: 32px;
  padding-bottom: 0;
  margin-top: 0 !important;
  flex-shrink: 0;
  background: #ffffff;
  background: var(--wcu-single-blog-bg, #ffffff);
  isolation: isolate;
  clip-path: inset(-40px 0 0 0);
}

/* SECTION: Sidebar Dynamic CTA Cards End */

/* ============================================================
 * SECTION: RESPONSIVE — SIDEBAR CUTOFF @ <= 1024px
 * Sidebars (left + right) only show above 1024px.
 * ============================================================ */

/* SECTION: Sidebar 1025px Threshold Start */
@media (max-width: 1024px) {

  .wcu-single-blog-sidebar--left,
  .wcu-single-blog-sidebar--right {
    display: none !important;
  }

  .wcu-single-blog-layout__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .wcu-single-blog-content {
    max-width: 100%;
    width: 100%;
  }
}

/* SECTION: Sidebar 1025px Threshold End */
@media (max-width: 500px) {
.wcu-single-blog-content__body p {
margin-bottom: 0 !important;
}

}