/* (AU au.136) Blog post styles copied from the live xgrowth.com.au single-post template (inline <style> of .xg-blog-tpl.xg-post-scope). */
/* ---- preserved: in-content contact form ---- */
/* === V17 IN-CONTENT CONTACT FORM — matches blog design tokens ===
   Rewritten for consistent spacing (24px gaps everywhere) and to properly
   override CF7 + site defaults that were leaking inconsistent margins.
   All rules scoped under .xg-blog-tpl. */

/* Container card — matches author bio treatment */
.xg-blog-tpl .main-contact-form {
  background: #F8F5F0;
  border: 1px solid #E5E2DC;
  border-radius: 16px;
  padding: 40px;
  margin: 48px auto;
  max-width: 720px;
  font-family: inherit;
  color: #16183A;
  box-sizing: border-box;
}
@media (max-width: 640px) {
.xg-blog-tpl .main-contact-form { padding: 24px; margin: 32px 0; border-radius: 14px; }
}
.xg-blog-tpl .main-contact-form,
.xg-blog-tpl .main-contact-form * { box-sizing: border-box; }
.xg-blog-tpl .main-contact-form br { display: none; }
/* Kill CF7's <p> wrappers + reset any leaked margins */
.xg-blog-tpl .main-contact-form p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.xg-blog-tpl .main-contact-form .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
/* ROW LAYOUT — 24px column gap, 24px row-to-row gap (unified) */
.xg-blog-tpl .main-contact-form .download-ebook-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin: 0 0 24px !important;
}
.xg-blog-tpl .main-contact-form .download-ebook-row2 {
  display: block !important;
  margin: 0 0 24px !important;
}
@media (max-width: 640px) {
.xg-blog-tpl .main-contact-form .download-ebook-row { grid-template-columns: 1fr !important; gap: 20px !important; }
}
/* FIELD CELL — flex column so label + input have consistent 10px gap */
.xg-blog-tpl .main-contact-form .download-ebook-row > div,
.xg-blog-tpl .main-contact-form .download-ebook-row2 > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
}
/* LABEL */
.xg-blog-tpl .main-contact-form .labeltext {
  margin: 0 !important;
  padding: 0 !important;
}
.xg-blog-tpl .main-contact-form .labeltext p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #5F6178 !important;
  line-height: 1 !important;
}
/* INPUTS + TEXTAREA — clean white with red focus */
.xg-blog-tpl .main-contact-form input.wpcf7-form-control:not([type=submit]):not([type=checkbox]):not([type=radio]),
.xg-blog-tpl .main-contact-form textarea.wpcf7-form-control {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  color: #16183A !important;
  line-height: 1.4 !important;
  background: #ffffff !important;
  border: 1px solid #E5E2DC !important;
  border-radius: 10px !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.xg-blog-tpl .main-contact-form input.wpcf7-form-control::placeholder,
.xg-blog-tpl .main-contact-form textarea.wpcf7-form-control::placeholder {
  color: #8B8D9F !important;
  opacity: 1 !important;
  font-weight: 400;
}
.xg-blog-tpl .main-contact-form input.wpcf7-form-control:hover,
.xg-blog-tpl .main-contact-form textarea.wpcf7-form-control:hover {
  border-color: #C5C2BC !important;
}
.xg-blog-tpl .main-contact-form input.wpcf7-form-control:focus,
.xg-blog-tpl .main-contact-form textarea.wpcf7-form-control:focus {
  border-color: #D90041 !important;
  box-shadow: 0 0 0 3px rgba(217,0,65,0.12) !important;
}
.xg-blog-tpl .main-contact-form input[aria-invalid="true"],
.xg-blog-tpl .main-contact-form textarea[aria-invalid="true"] {
  border-color: #D90041 !important;
}
.xg-blog-tpl .main-contact-form textarea.wpcf7-form-control {
  min-height: 140px !important;
  resize: vertical !important;
  line-height: 1.55 !important;
}
/* SUBMIT BUTTON — matches newsletter Subscribe pill exactly */
.xg-blog-tpl .main-contact-form .book-now-btn {
  margin: 8px 0 24px !important;
  padding: 0 !important;
  text-align: left;
}
.xg-blog-tpl .main-contact-form input.wpcf7-submit {
  display: inline-block !important;
  background: linear-gradient(135deg, #D90041 0%, #A1002F 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 16px 40px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;
  box-shadow: 0 6px 18px -6px rgba(217,0,65,0.45);
  height: auto !important;
  line-height: 1 !important;
}
.xg-blog-tpl .main-contact-form input.wpcf7-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -8px rgba(217,0,65,0.55);
}
.xg-blog-tpl .main-contact-form input.wpcf7-submit:active { transform: translateY(0); }
.xg-blog-tpl .main-contact-form input.wpcf7-submit:disabled { opacity: 0.6; cursor: not-allowed; }
.xg-blog-tpl .main-contact-form .wpcf7-spinner { margin-left: 10px !important; vertical-align: middle !important; }
/* CHECKBOX ROW — 24px above, 16px below to next element */
.xg-blog-tpl .main-contact-form .wpcf7-checkbox,
.xg-blog-tpl .main-contact-form .wpcf7-acceptance {
  margin: 0 !important;
  padding: 0 !important;
}
.xg-blog-tpl .main-contact-form .wpcf7-list-item {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.xg-blog-tpl .main-contact-form .wpcf7-list-item label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer;
  font-size: 13px !important;
  color: #5F6178 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
.xg-blog-tpl .main-contact-form input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid #C5C2BC !important;
  border-radius: 4px !important;
  accent-color: #D90041;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0 !important;
}
/* PRIVACY NOTE — last unclassed <div> at bottom of form */
.xg-blog-tpl .main-contact-form > div:last-child:not([class]) {
  margin-top: 20px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: #8B8D9F !important;
  line-height: 1.4 !important;
}
.xg-blog-tpl .main-contact-form img[alt*="lock" i],
.xg-blog-tpl .main-contact-form img[src*="lock" i] {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  vertical-align: middle !important;
  opacity: 0.55;
  flex-shrink: 0;
}
/* CF7 validation feedback */
.xg-blog-tpl .main-contact-form .wpcf7-not-valid-tip {
  color: #D90041 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin: 6px 0 0 !important;
  line-height: 1.3 !important;
}
.xg-blog-tpl .main-contact-form .wpcf7-response-output {
  margin: 24px 0 0 !important;
  padding: 14px 18px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  border: 1px solid #E5E2DC !important;
  background: #ffffff !important;
  color: #16183A !important;
  line-height: 1.5 !important;
}
/* === V18 CONTACT FORM FIX (button+checkbox layout, label typography) === */
/* Make the .book-now-btn container stack its children vertically with clear gaps
   instead of them wrapping on the same line */
.xg-blog-tpl .main-contact-form .book-now-btn {
  display: block !important;
  margin: 8px 0 0 !important;
}
.xg-blog-tpl .main-contact-form .book-now-btn > p,
.xg-blog-tpl .main-contact-form .book-now-btn > div {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Space between submit button row and the checkbox row */
.xg-blog-tpl .main-contact-form .book-now-btn > p:first-child,
.xg-blog-tpl .main-contact-form .book-now-btn > div:first-child {
  margin-bottom: 20px !important;
}
/* The last text/privacy note div at the very bottom */
.xg-blog-tpl .main-contact-form > div:last-child:not([class]) {
  margin-top: 18px !important;
}
/* CHECKBOX LABEL FIX — target the ACTUAL span with the text, not just the outer label.
   Site had .wpcf7-list-item-label styled at 20px/black; we override to match design. */
.xg-blog-tpl .main-contact-form .wpcf7-list-item-label,
.xg-blog-tpl .main-contact-form .wpcf7-list-item label,
.xg-blog-tpl .main-contact-form .wpcf7-list-item label span,
.xg-blog-tpl .main-contact-form .wpcf7-acceptance label,
.xg-blog-tpl .main-contact-form .wpcf7-acceptance label span {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #5F6178 !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  font-family: inherit !important;
}
.xg-blog-tpl .main-contact-form .wpcf7-list-item {
  margin: 0 !important;
  padding: 0 !important;
}
.xg-blog-tpl .main-contact-form .wpcf7-list-item > label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer;
  margin: 0 !important;
  padding: 0 !important;
}
/* CUSTOM CHECKBOX — clean square that matches the design */
.xg-blog-tpl .main-contact-form input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border: 1.5px solid #C5C2BC !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  vertical-align: middle;
  transition: border-color .15s ease, background .15s ease;
}
.xg-blog-tpl .main-contact-form input[type="checkbox"]:hover { border-color: #D90041 !important; }
.xg-blog-tpl .main-contact-form input[type="checkbox"]:checked {
  background: #D90041 !important;
  border-color: #D90041 !important;
}
.xg-blog-tpl .main-contact-form input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 5px; top: 1px;
  width: 5px; height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.xg-blog-tpl .main-contact-form input[type="checkbox"]:focus-visible {
  outline: 3px solid rgba(217,0,65,0.2);
  outline-offset: 1px;
}
/* Make the submit pill button noticeably bigger and prominent */
.xg-blog-tpl .main-contact-form input.wpcf7-submit {
  padding: 16px 44px !important;
  font-size: 13px !important;
  min-width: 240px;
}
/* === V19 CONTACT FORM SPACING FIX ===
   Prior rules combined .download-ebook-row2 margin-bottom (24px) with
   .book-now-btn margin-top (8px) = 32px total gap under the textarea —
   larger than the 24px used everywhere else. Also the textarea-row's own
   bottom margin was being defeated by CF7's default paragraph margins.
   Reset both so we land at exactly 24px between the textarea and the button. */

.xg-blog-tpl .main-contact-form .download-ebook-row2 {
  margin: 0 0 24px !important;
}
.xg-blog-tpl .main-contact-form .book-now-btn {
  margin: 0 !important;
}
.xg-blog-tpl .main-contact-form .book-now-btn > p:first-child,
.xg-blog-tpl .main-contact-form .book-now-btn > div:first-child {
  margin: 0 0 20px !important;
}
/* === V20 SUBMIT MARGIN FIX ===
   Site theme was adding margin-top: 36px directly to input.wpcf7-submit,
   which stacked on top of our 24px row-bottom margin (total ~60px gap).
   Force margin to 0 so the row-bottom margin is the only spacing source. */
.xg-blog-tpl .main-contact-form input.wpcf7-submit,
.xg-blog-tpl .main-contact-form input.wpcf7-form-control.wpcf7-submit {
  margin: 0 !important;
  margin-top: 25px !important;
}

/* CF7 privacy note: the padlock and its line of text share one row,
   vertically centred. The in-content form sits inside .article-body,
   so the generic article-image rule was blockifying the 13px icon
   onto a line of its own. */
.xg-post-scope .warranty-div p {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}
.xg-post-scope .warranty-div p br { display: none !important; }
.xg-post-scope .warranty-div img {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 13px !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  position: static !important;
  vertical-align: middle !important;
}
/* The <p> wrapper around submit also needs 0 margin */
.xg-blog-tpl .main-contact-form .book-now-btn > p {
  margin: 0 !important;
  padding: 0 !important;
}
/* And keep 20px between button row and checkbox row */
.xg-blog-tpl .main-contact-form .book-now-btn > p:first-child {
  margin: 0 0 20px !important;
}
/* === V21 CONTACT FORM — DETERMINISTIC 24PX RHYTHM ===
   Use flex-column on .main-contact-form with gap:24px so every direct
   child row sits exactly 24px below the previous one. Zero out every
   row's margin so it can't add to that gap. Result: identical vertical
   distance between all rows including the textarea → button gap. */
.xg-blog-tpl .main-contact-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
.xg-blog-tpl .main-contact-form > *,
.xg-blog-tpl .main-contact-form .download-ebook-row,
.xg-blog-tpl .main-contact-form .download-ebook-row2,
.xg-blog-tpl .main-contact-form .book-now-btn {
  margin: 0 !important;
}
/* book-now-btn holds BOTH submit and checkbox — split them with a
   dedicated 20px gap inside that flex column */
.xg-blog-tpl .main-contact-form .book-now-btn {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
.xg-blog-tpl .main-contact-form .book-now-btn > p,
.xg-blog-tpl .main-contact-form .book-now-btn > div {
  margin: 0 !important;
  padding: 0 !important;
}
/* === V22 CONTACT FORM — LABEL/BUTTON GAP FIX === */
/* (A) row2 becomes its own flex column so label→textarea = 10px (matches other rows) */
.xg-blog-tpl .main-contact-form .download-ebook-row2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
/* Neutralise the inner label/P blocks so no extra spacing sneaks in */
.xg-blog-tpl .main-contact-form .download-ebook-row2 > .labeltext,
.xg-blog-tpl .main-contact-form .download-ebook-row2 > p {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
/* (B) Tighten just the textarea → button gap.
   Form gap is 24px; add a negative top margin on book-now-btn so the
   effective gap between the textarea and the button lands at ~12px. */
.xg-blog-tpl .main-contact-form .book-now-btn {
  margin-top: -12px !important;
}
/* === V23 BUTTON→CHECKBOX GAP FIX ===
   Kill the leftover margin-bottom on the submit's <p> wrapper (was still
   stacking on top of the flex gap) and reduce book-now-btn gap to 6px so
   the visible distance to the checkbox lands at ~16px total. */
.xg-blog-tpl .main-contact-form .book-now-btn {
  gap: 6px !important;
  margin-top: -12px !important;
}
.xg-blog-tpl .main-contact-form .book-now-btn > p,
.xg-blog-tpl .main-contact-form .book-now-btn > p:first-child,
.xg-blog-tpl .main-contact-form .book-now-btn > p:last-child,
.xg-blog-tpl .main-contact-form .book-now-btn > div,
.xg-blog-tpl .main-contact-form .book-now-btn > div:first-child,
.xg-blog-tpl .main-contact-form .book-now-btn > div:last-child {
  margin: 0 !important;
  padding: 0 !important;
}
/* === V24 CHECKBOX ALIGNMENT + PRIVACY GAP FIX === */
/* (1) Vertical center — force line-height:1 on the checkbox text so its
   flexbox box height matches its visual glyph height, and both items align. */
.xg-blog-tpl .main-contact-form .wpcf7-list-item-label,
.xg-blog-tpl .main-contact-form .wpcf7-list-item > label > span {
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle;
}
/* Ensure the checkbox INPUT is vertically centered too */
.xg-blog-tpl .main-contact-form .wpcf7-list-item > label {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
/* (2) Reduce gap between checkbox row and privacy note */
.xg-blog-tpl .main-contact-form .warranty-div,
.xg-blog-tpl .main-contact-form > div:last-child {
  margin-top: -12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: #8B8D9F !important;
  line-height: 1.4 !important;
}
/* === V25 CHECKBOX MARGIN OVERRIDE ===
   Site theme was applying margin-top:10px to the checkbox INPUT (which
   pushed it 5px below the text's vertical center) and margin-left:6px
   to the span. Force zero with maximally-specific selectors. */
.xg-blog-tpl .main-contact-form .book-now-btn .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label input[type="checkbox"],
.xg-blog-tpl .main-contact-form .wpcf7-list-item > label > input[type="checkbox"],
.xg-blog-tpl .main-contact-form .wpcf7-list-item input[type="checkbox"] {
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  align-self: center !important;
}
.xg-blog-tpl .main-contact-form .book-now-btn .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label,
.xg-blog-tpl .main-contact-form .wpcf7-list-item > label > .wpcf7-list-item-label,
.xg-blog-tpl .main-contact-form .wpcf7-list-item .wpcf7-list-item-label {
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  line-height: 1 !important;
  align-self: center !important;
}
/* === V26 PRIVACY NOTE MARGIN === */
.xg-blog-tpl .main-contact-form .warranty-div,
.xg-blog-tpl .main-contact-form > div:last-child {
  margin-top: 20px !important;
}
/* === V27 FINAL SPACING PASS — ALL GAPS = 24PX ===
   Verified by pixel measurement on the live page.
   Precise breakdown:
     - form flex gap = 24 (governs label-row → input-row transitions)
     - .book-now-btn margin-top = 0 (so submit sits 24+3px below textarea)
     - .book-now-btn internal flex gap = 24 (submit → checkbox visual = 24)
     - .warranty-div margin-top = -6 (kills wrapper's 6px trailing space,
       leaving checkbox → privacy visual gap = 24) */
.xg-blog-tpl .main-contact-form .book-now-btn {
  margin-top: 0 !important;
  gap: 24px !important;
}
.xg-blog-tpl .main-contact-form .warranty-div,
.xg-blog-tpl .main-contact-form > div:last-child {
  margin-top: -6px !important;
}
/* === V28 FINAL PIXEL CORRECTION — textarea→button = 24px exactly === */
.xg-blog-tpl .main-contact-form .book-now-btn {
  margin-top: -3px !important;
}
/* -------- MOBILE ≤768px -------- */
@media (max-width: 768px) {
  /* Section padding — much tighter horizontal & vertical */
  .xg-blog-tpl .ct-section-inner-wrap > .ct-div-block,
  .xg-blog-tpl [id^="div_block-5-"],
  .xg-blog-tpl [id^="div_block-12-"],
  .xg-blog-tpl [id^="div_block-15-"],
  .xg-blog-tpl [id^="div_block-18-"],
  .xg-blog-tpl [id^="div_block-25-"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .xg-blog-tpl.ct-section .ct-section-inner-wrap {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  /* Title / deck / byline */
  .xg-blog-tpl .xg-post-title { font-size: 30px !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; margin-top: 32px !important; }
  .xg-blog-tpl .xg-deck { font-size: 16px !important; margin-bottom: 24px !important; }
  .xg-blog-tpl .xg-byline { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
  .xg-blog-tpl .xg-byline-divider { display: none !important; }
  .xg-blog-tpl .xg-byline-meta { gap: 2px !important; }
  .xg-blog-tpl .xg-avatar { width: 40px !important; height: 40px !important; font-size: 14px !important; }

  /* Featured image */
  .xg-blog-tpl .xg-featured img,
  .xg-blog-tpl .xg-featured-img { border-radius: 8px !important; }

  /* Post content typography */
  .xg-blog-tpl .xg-post-content { margin-top: 24px !important; font-size: 16px !important; }
  .xg-blog-tpl .xg-post-content p { font-size: 16px !important; line-height: 1.65 !important; margin: 0 0 20px !important; }
  .xg-blog-tpl .xg-post-content h2 { font-size: 22px !important; line-height: 1.25 !important; margin: 40px 0 14px !important; }
  .xg-blog-tpl .xg-post-content h3 { font-size: 18px !important; line-height: 1.3 !important; margin: 32px 0 12px !important; }
  .xg-blog-tpl .xg-post-content h4 { font-size: 16px !important; margin: 24px 0 10px !important; }
  .xg-blog-tpl .xg-post-content ul,
  .xg-blog-tpl .xg-post-content ol { font-size: 16px !important; line-height: 1.65 !important; padding-left: 20px !important; }
  .xg-blog-tpl .xg-post-content blockquote { margin: 32px 0 !important; padding: 4px 0 4px 20px !important; font-size: 18px !important; }
  .xg-blog-tpl .xg-post-content table { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

  /* Share row: label above buttons, wrapping OK */
  .xg-blog-tpl .xg-share-row { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; margin-bottom: 40px !important; }
  .xg-blog-tpl .xg-share-buttons { flex-wrap: wrap !important; }

  /* Author bio: tighter padding */
  .xg-blog-tpl .xg-author-bio { padding: 20px 20px 22px !important; border-radius: 12px !important; margin-bottom: 40px !important; }
  .xg-blog-tpl .xg-author-bio-name { font-size: 16px !important; }
  .xg-blog-tpl .xg-author-bio-text { font-size: 14px !important; }
  .xg-blog-tpl .xg-author-bio-avatar { width: 40px !important; height: 40px !important; font-size: 14px !important; }

  /* Newsletter block: less padding */
  .xg-blog-tpl #div_block-28-16879 {
    padding: 32px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 48px !important;
  }
  .xg-blog-tpl #div_block-28-16879 .ct-headline { font-size: 22px !important; line-height: 1.25 !important; }
  .xg-blog-tpl .xg-nl-form { flex-direction: column !important; max-width: 100% !important; }
  .xg-blog-tpl .xg-nl-input { font-size: 16px !important; } /* iOS zoom fix */
  .xg-blog-tpl .xg-nl-btn { padding: 14px 22px !important; }

  /* Related posts: single column */
  .xg-blog-tpl .xg-related-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .xg-blog-tpl .xg-related-card { padding: 20px !important; min-height: auto !important; }
  .xg-blog-tpl .xg-related-title { font-size: 15px !important; }

  /* TOC sidebar guaranteed off on mobile — no sticky flash */
  .xg-blog-tpl #div_block-19-16879 { display: none !important; }
  .xg-blog-tpl #div_block-20-16879 { position: static !important; max-height: none !important; overflow: visible !important; }

  /* Contact form — single column, iOS-safe font size, tighter padding */
  .xg-blog-tpl .main-contact-form {
    padding: 24px !important;
    border-radius: 12px !important;
    margin: 32px 0 !important;
  }
  .xg-blog-tpl .main-contact-form .download-ebook-row {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .xg-blog-tpl .main-contact-form input.wpcf7-form-control:not([type=submit]):not([type=checkbox]):not([type=radio]),
  .xg-blog-tpl .main-contact-form textarea.wpcf7-form-control {
    font-size: 16px !important; /* prevents iOS auto-zoom on focus */
    padding: 12px 14px !important;
  }
  .xg-blog-tpl .main-contact-form input.wpcf7-submit {
    width: 100% !important;
    padding: 16px 24px !important;
    min-width: 0 !important;
    text-align: center;
  }
}
/* -------- SMALL ≤480px -------- */
@media (max-width: 480px) {
  .xg-blog-tpl .ct-section-inner-wrap > .ct-div-block,
  .xg-blog-tpl [id^="div_block-5-"],
  .xg-blog-tpl [id^="div_block-12-"],
  .xg-blog-tpl [id^="div_block-15-"],
  .xg-blog-tpl [id^="div_block-18-"],
  .xg-blog-tpl [id^="div_block-25-"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .xg-blog-tpl .xg-post-title { font-size: 26px !important; }
  .xg-blog-tpl .xg-share-btn { width: 34px !important; height: 34px !important; min-width: 34px !important; }
  .xg-blog-tpl .xg-share-btn svg { width: 13px !important; height: 13px !important; }
  .xg-blog-tpl .xg-author-bio { padding: 16px 16px 18px !important; }
  .xg-blog-tpl .xg-related-card { padding: 18px !important; }
  .xg-blog-tpl .main-contact-form { padding: 20px !important; }
}
.xg-blog-tpl .xg-nl-cf7-wrap .wpcf7 { margin: 0; }
.xg-blog-tpl .xg-nl-cf7-wrap .wpcf7-form p { margin: 0 0 10px !important; line-height: 1.2 !important; }
.xg-blog-tpl .xg-nl-cf7-wrap .wpcf7-form p:last-of-type { margin-bottom: 0 !important; }
.xg-blog-tpl .xg-nl-cf7-wrap .wpcf7-form-control-wrap { display: block; width: 100%; margin: 0 !important; }
.xg-blog-tpl .xg-nl-cf7-wrap input.wpcf7-form-control:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  width: 100% !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  color: #fff !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 8px !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: border-color .2s ease, background .2s ease;
  box-sizing: border-box;
  margin: 0 !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap input.wpcf7-submit {
  background: #D90041 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  width: 100%;
  margin: 6px 0 0 !important;
  text-transform: none !important;
  transition: opacity .2s ease;
  box-shadow: none !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap input.wpcf7-submit:hover { opacity: 0.88; }
.xg-blog-tpl .xg-nl-cf7-wrap .wpcf7-not-valid-tip {
  color: #ffb3c4 !important; font-size: 12px !important; margin-top: 4px !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .wpcf7-response-output {
  margin: 12px 0 0 !important; padding: 10px 14px !important;
  border-radius: 8px !important; font-size: 13px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: #fff !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .wpcf7-spinner { margin-left: 8px; }
/* === V35 NEWSLETTER CF7 — override .main-contact-form leakage === */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  border-radius: 0 !important;
  color: #fff !important;
  display: block !important;
  gap: 0 !important;
}
/* Rows: single column, tight vertical gap */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row2 {
  display: block !important;
  margin: 0 0 12px !important;
  gap: 0 !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row > div,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row2 > div {
  display: block !important;
  gap: 0 !important;
  margin: 0 0 12px !important;
}
/* Labels: light-on-dark, small uppercase */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .labeltext p {
  color: rgba(255,255,255,0.75) !important;
  font-size: 11px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}
/* Inputs: dark translucent, white text */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input.wpcf7-form-control:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: #fff !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input::placeholder {
  color: rgba(255,255,255,0.4) !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input:focus {
  border-color: #D90041 !important;
  background: rgba(255,255,255,0.1) !important;
  box-shadow: none !important;
}
/* Submit button — compact, matches design */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .book-now-btn {
  margin: 12px 0 0 !important;
  gap: 0 !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input.wpcf7-submit {
  background: #D90041 !important;
  border-radius: 8px !important;
  padding: 12px 22px !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  min-width: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  margin: 0 !important;
}
/* Hide "Sign me up..." checkbox row + privacy note if they leaked in */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .wpcf7-checkbox,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .warranty-div,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form > div:last-child:not([class]) {
  display: none !important;
}
/* Response output on dark bg */
.xg-blog-tpl .xg-nl-cf7-wrap .wpcf7-response-output {
  color: #fff !important;
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.14) !important;
}
/* === V36 NEWSLETTER FORM POLISH — cleaner dark-theme rendering === */
/* Hide the redundant text labels (First Name *, Last Name *, Work Email *)
   — the placeholders inside the inputs communicate the same thing more cleanly. */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .labeltext {
  display: none !important;
}
/* Tighter row rhythm now that labels are gone */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row2 {
  margin: 0 0 10px !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row > div,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row2 > div {
  margin: 0 !important;
}
/* Inputs — brighter & more distinct against the deep purple */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input.wpcf7-form-control:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color: #ffffff !important;
  padding: 13px 15px !important;
  font-size: 14px !important;
  border-radius: 10px !important;
  height: auto !important;
  margin-bottom: 10px !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input.wpcf7-form-control::placeholder {
  color: rgba(255,255,255,0.55) !important;
  opacity: 1 !important;
  font-weight: 400;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input.wpcf7-form-control:hover {
  border-color: rgba(255,255,255,0.35) !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input.wpcf7-form-control:focus {
  border-color: #ffffff !important;
  background: rgba(255,255,255,0.14) !important;
  box-shadow: 0 0 0 3px rgba(217,0,65,0.25) !important;
}
/* Submit — full-width red pill, 15px above (tighter) */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .book-now-btn {
  margin: 6px 0 0 !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input.wpcf7-submit {
  background: #D90041 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 13px 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-shadow: 0 6px 18px -6px rgba(217,0,65,0.5) !important;
  cursor: pointer !important;
  transition: transform .15s ease, box-shadow .2s ease !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form input.wpcf7-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -8px rgba(217,0,65,0.6) !important;
}
/* Kill any lingering .warranty-div / "Sign me up..." bits that might inherit from main-contact-form */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .warranty-div,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .wpcf7-checkbox,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .wpcf7-acceptance,
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form > div:last-child:not([class]) {
  display: none !important;
}
/* === V37 NEWSLETTER — FIRST+LAST NAME ON SAME ROW === */
/* The name row has both .download-ebook-row and .name-row classes on the
   newsletter CF7 form (unique enough to target without affecting the main
   contact form). Restore grid 2-col here so First Name and Last Name sit
   side-by-side. Email stays on its own row (.download-ebook-row2). */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row.name-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row.name-row > div {
  margin: 0 !important;
  min-width: 0;
}
/* Kill leftover bottom margin on the name inputs — the grid already provides gap */
.xg-blog-tpl .xg-nl-cf7-wrap .main-contact-form .download-ebook-row.name-row input {
  margin-bottom: 0 !important;
}

/* ---- new blog design ---- */
/* ==========================================================================
   xGrowth blog post template — design system ported from xgrowth.co
   Everything is namespaced under .xg-post-scope (the template section).
   ========================================================================== */

/* --- Oxygen wrapper neutralisers -------------------------------------- */
.xg-post-scope { background:#fff; color:#1A1B2E; font-size:18px; line-height:1.55; }
.xg-post-scope * { box-sizing:border-box; }
.xg-post-scope a { -webkit-tap-highlight-color:transparent; }
.xg-post-scope.ct-section { align-items:stretch !important; }
.xg-post-scope.ct-section > .ct-section-inner-wrap,
.xg-post-scope > .ct-section-inner-wrap {
  width:100% !important; max-width:none !important;
  padding:142px 0 0 !important; margin:0 !important; display:block !important;
}
.xg-post-scope .ct-code-block,
.xg-post-scope > .ct-section-inner-wrap > .xg-noop { width:100%; max-width:none; }
/* (AU) html,body overflow-x:hidden left out — it breaks the sticky header */

/* --- Banner card ------------------------------------------------------- */
.xg-post-scope .article-banner,
.xg-post-scope .article-banner ::before,
.xg-post-scope .article-banner ::after { box-sizing:border-box; }
.xg-post-scope .article-banner {
  display:flex; align-items:stretch;
  background:linear-gradient(135deg,#23044C 0%,#2C1960 40%,#262946 100%);
  border-radius:20px; overflow:hidden;
  width:100%; max-width:1180px; margin:0 auto 52px;
}
.xg-post-scope .article-banner__text {
  flex:1 1 0; display:flex; flex-direction:column; justify-content:space-between;
  padding:36px 32px 36px 40px; gap:20px; min-width:0;
}
.xg-post-scope .article-banner__title {
  font-family:Inter,-apple-system,sans-serif;
  font-size:clamp(26px,2.8vw,40px); font-weight:800; line-height:1.15;
  letter-spacing:-0.02em; color:#fff; margin:0 0 18px;
}
.xg-post-scope .article-banner__deck {
  font-size:15px; line-height:1.7; color:rgba(255,255,255,0.65);
  margin:0; max-width:480px;
}
.xg-post-scope .article-banner--no-image .article-banner__deck { max-width:100%; }
.xg-post-scope .article-banner__byline {
  display:flex; align-items:center; gap:12px; padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.1); margin-top:auto;
}
.xg-post-scope .article-banner__avatar {
  width:42px; height:42px; border-radius:50%; object-fit:cover; flex-shrink:0;
  border:2px solid rgba(255,255,255,0.18);
}
.xg-post-scope .article-banner__byline-name {
  font-size:14px; font-weight:600; color:#fff; display:block; margin-bottom:3px;
}
.xg-post-scope .article-banner__byline-meta {
  font-size:12px; color:rgba(255,255,255,0.45);
  display:flex; align-items:center; gap:7px; flex-wrap:wrap;
}
.xg-post-scope .article-banner__byline-meta time { color:inherit; }
.xg-post-scope .article-banner__sep { color:rgba(255,255,255,0.2); }
.xg-post-scope .article-banner__image {
  flex:0 0 auto; width:50%; position:relative; padding:32px 32px 32px 20px;
}
.xg-post-scope .article-banner__image img {
  width:100%; height:100%; object-fit:contain; display:block;
  border-radius:10px; aspect-ratio:16/9;
}

/* --- Body wrap + TOC --------------------------------------------------- */
.xg-post-scope .article-body-wrap {
  max-width:760px; margin:0 auto; padding:0 32px 96px; position:relative;
}
.xg-post-scope .toc-sidebar {
  position:absolute; top:0; right:100%; width:220px; margin-right:0; height:100%;
}
.xg-post-scope .toc-sidebar__sticky { position:sticky; top:120px; margin-bottom:100px; }
.xg-post-scope .toc-sidebar__inner {
  max-height:calc(100vh - 120px); overflow-y:auto; padding-right:12px;
}
.xg-post-scope .toc-sidebar__inner::-webkit-scrollbar { width:4px; }
.xg-post-scope .toc-sidebar__inner::-webkit-scrollbar-thumb { background:#EDEAE3; border-radius:2px; }
.xg-post-scope .toc-sidebar__label {
  font-size:11px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase;
  color:#8B8D9F; margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid #E5E2DC;
}
.xg-post-scope .toc-list { list-style:none; margin:0; padding:0; }
.xg-post-scope .toc-list li { margin-bottom:2px; }
.xg-post-scope .toc-list li ul {
  list-style:none; padding-left:12px; margin:4px 0 8px; border-left:1px solid #E5E2DC;
}
.xg-post-scope .toc-list a {
  display:block; padding:6px 0 6px 12px; color:#5F6178; text-decoration:none;
  font-size:13px; line-height:1.4; border-left:2px solid transparent; margin-left:-12px;
  transition:color .2s, border-color .2s;
}
.xg-post-scope .toc-list a:hover { color:#16183A; }
.xg-post-scope .toc-list a.is-active { color:#16183A; font-weight:500; border-left-color:#D90041; }
.xg-post-scope .toc-list li ul a { font-size:12.5px; color:#8B8D9F; padding:5px 0 5px 12px; }
.xg-post-scope .toc-list li ul a:hover { color:#5F6178; }
.xg-post-scope .toc-list li ul a.is-active { color:#16183A; }

.xg-post-scope .toc-mobile {
  display:none; margin:0 auto 40px; background:#F8F5F0;
  border:1px solid #E5E2DC; border-radius:12px; overflow:hidden;
}
.xg-post-scope .toc-mobile summary {
  list-style:none; cursor:pointer; padding:18px 24px; font-size:14px; font-weight:600;
  color:#16183A; display:flex; align-items:center; justify-content:space-between;
}
.xg-post-scope .toc-mobile summary::-webkit-details-marker { display:none; }
.xg-post-scope .toc-mobile summary::after {
  content:""; width:10px; height:10px; border-right:2px solid #16183A;
  border-bottom:2px solid #16183A; transform:rotate(45deg); transition:transform .25s;
}
.xg-post-scope .toc-mobile[open] summary::after { transform:rotate(-135deg); }
.xg-post-scope .toc-mobile__body { padding:16px 24px 20px; border-top:1px solid #E5E2DC; }
.xg-post-scope .xg-toc-empty { display:none !important; }

/* --- Article body typography ------------------------------------------- */
.xg-post-scope .article-body {
  --purple:#23044C; --navy:#262946; --coral:#D90041;
  --text-primary:#1A1A2E; --text-secondary:#5A5A72; --text-muted:#8888A0;
  --border:rgba(0,0,0,0.08);
  width:100%; font-family:Inter,sans-serif; font-size:16px; line-height:1.78;
  color:var(--text-primary);
}
.xg-post-scope .article-body :is(h1,h2,h3,h4,h5,h6) span,
.xg-post-scope .article-body :is(h1,h2,h3,h4,h5,h6) a { font-weight:inherit !important; color:inherit; }
.xg-post-scope .article-body p { font-size:16px; line-height:1.78; color:var(--text-primary); margin:0 0 20px; }
.xg-post-scope .article-body p:last-child { margin-bottom:0; }
.xg-post-scope .article-body p:empty { display:none; }
.xg-post-scope .article-body h1 { font-size:30px; font-weight:800; line-height:1.2; letter-spacing:-0.02em; color:var(--purple); margin:48px 0 18px; scroll-margin-top:120px; }
.xg-post-scope .article-body h2 { font-size:22px; font-weight:700; line-height:1.3; letter-spacing:-0.01em; color:var(--purple); margin:40px 0 14px; scroll-margin-top:120px; border-bottom:0 !important; }
.xg-post-scope .article-body h3 { font-size:18px; font-weight:700; line-height:1.35; letter-spacing:-0.005em; color:var(--navy); margin:30px 0 10px; scroll-margin-top:120px; }
.xg-post-scope .article-body h4 { font-size:16px; font-weight:700; line-height:1.4; color:var(--navy); margin:26px 0 8px; }
.xg-post-scope .article-body h5 { font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-secondary); margin:24px 0 8px; }
.xg-post-scope .article-body h6 { font-size:12px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); margin:22px 0 8px; }
.xg-post-scope .article-body h1 + h2,
.xg-post-scope .article-body h2 + h3,
.xg-post-scope .article-body h3 + h4 { margin-top:14px; }
.xg-post-scope .article-body > :first-child { margin-top:0; }
.xg-post-scope .article-body a { color:var(--coral); text-decoration:none; border-bottom:1px solid rgba(217,0,65,0.35); transition:border-color .15s, color .15s; }
.xg-post-scope .article-body a:hover { color:var(--purple); border-bottom-color:var(--purple); }
.xg-post-scope .article-body p a span,
.xg-post-scope .article-body li a span { font-weight:400 !important; }
.xg-post-scope .article-body ul,
.xg-post-scope .article-body ol { padding-left:22px; margin:0 0 20px; }
.xg-post-scope .article-body ul li,
.xg-post-scope .article-body ol li { font-size:16px; line-height:1.7; color:var(--text-primary); margin-bottom:8px; padding-left:4px; }
.xg-post-scope .article-body ul li::marker { color:var(--coral); }
.xg-post-scope .article-body ol li::marker { color:var(--coral); font-weight:600; }
.xg-post-scope .article-body li b,
.xg-post-scope .article-body li strong { font-weight:700; color:var(--text-primary); }
.xg-post-scope .article-body li > span { font-weight:400; }
.xg-post-scope .article-body li > ul,
.xg-post-scope .article-body li > ol { margin:8px 0 0; }
.xg-post-scope .article-body strong,
.xg-post-scope .article-body b { font-weight:700; color:var(--text-primary); }
.xg-post-scope .article-body em, .xg-post-scope .article-body i { font-style:italic; }
.xg-post-scope .article-body mark { background:rgba(217,0,65,0.12); color:inherit; padding:0 3px; border-radius:3px; }
.xg-post-scope .article-body small { font-size:13px; color:var(--text-muted); }
.xg-post-scope .article-body blockquote { margin:28px 0; padding:4px 0 4px 24px; border-left:3px solid var(--coral); font-size:18px; line-height:1.6; font-style:italic; color:var(--text-secondary); }
.xg-post-scope .article-body blockquote p { margin-bottom:12px; font-size:inherit; line-height:inherit; color:inherit; }
.xg-post-scope .article-body blockquote cite { display:block; margin-top:8px; font-size:13px; font-style:normal; font-weight:600; color:var(--text-muted); }
.xg-post-scope .article-body code { font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:0.875em; background:rgba(35,4,76,0.06); color:var(--purple); padding:2px 6px; border-radius:4px; }
.xg-post-scope .article-body pre { background:var(--purple); color:#fff; padding:18px 20px; border-radius:10px; overflow-x:auto; margin:24px 0; font-size:14px; line-height:1.6; }
.xg-post-scope .article-body pre code { background:none; color:inherit; padding:0; font-size:inherit; }
.xg-post-scope .article-body img { max-width:100%; height:auto; border-radius:10px; display:block; margin:28px 0; }

/* Embedded media must never exceed the text column. Post content often
   carries hard width/height attributes (e.g. a 500px YouTube iframe in a
   475px column), so cap everything and give known video hosts a real 16:9
   box that scales with the column. */
.xg-post-scope .article-body iframe,
.xg-post-scope .article-body embed,
.xg-post-scope .article-body object,
.xg-post-scope .article-body video { max-width: 100%; }
.xg-post-scope .article-body iframe[src*="youtube"],
.xg-post-scope .article-body iframe[src*="youtu.be"],
.xg-post-scope .article-body iframe[src*="vimeo"],
.xg-post-scope .article-body iframe[src*="wistia"],
.xg-post-scope .article-body iframe[src*="loom.com"],
.xg-post-scope .article-body .wp-block-embed iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 28px auto;
  border: 0;
  border-radius: 10px;
}
.xg-post-scope .article-body .wp-block-embed,
.xg-post-scope .article-body .wp-block-embed__wrapper { max-width: 100%; margin-left: 0; margin-right: 0; }
.xg-post-scope .article-body table { max-width: 100%; }
.xg-post-scope .article-body { overflow-wrap: break-word; }
.xg-post-scope .article-body figure { margin:28px 0; }
.xg-post-scope .article-body figure img { margin:0; width:100%; max-width:800px; border-radius:8px; }
.xg-post-scope .article-body figcaption { margin-top:10px; font-size:13px; color:var(--text-muted); text-align:left; max-width:800px; }
.xg-post-scope .article-body .wp-block-image { margin:28px 0; }
.xg-post-scope .article-body table { width:100%; border-collapse:collapse; margin:24px 0; font-size:15px; }
.xg-post-scope .article-body th,
.xg-post-scope .article-body td { text-align:left; padding:10px 14px; border-bottom:1px solid var(--border); }
.xg-post-scope .article-body th { font-weight:700; color:var(--purple); border-bottom-color:rgba(35,4,76,0.18); }
.xg-post-scope .article-body hr,
.xg-post-scope .article-body .wp-block-separator { border:0; height:1px; background:var(--border); margin:40px 0; }

/* --- Article foot ------------------------------------------------------ */
.xg-post-scope .article-foot { margin-top:64px; padding-top:48px; border-top:1px solid #E5E2DC; }

.xg-post-scope .share-row { display:flex; align-items:center; gap:16px; margin-bottom:56px; flex-wrap:wrap; }
.xg-post-scope .share-row__label { font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:#8B8D9F; }
.xg-post-scope .share-row__buttons { display:flex; gap:8px; }
.xg-post-scope .share-btn {
  width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%; background:#F8F5F0; color:#16183A; text-decoration:none; border:none;
  cursor:pointer; padding:0; transition:background .2s, color .2s;
}
.xg-post-scope .share-btn:hover,
.xg-post-scope .share-btn.is-copied { background:#D90041; color:#fff; }
.xg-post-scope .share-btn svg { width:14px; height:14px; fill:currentColor; }

.xg-post-scope .author-bio { background:#F8F5F0; border-radius:14px; padding:24px 32px 28px; margin-bottom:56px; }
.xg-post-scope .author-bio__label { font-size:11px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:#D90041; margin:0 0 14px; display:block; }
.xg-post-scope .author-bio__head { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.xg-post-scope .author-bio__avatar {
  width:48px; height:48px; border-radius:50%; background:#16183A;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-size:14px; font-weight:700; flex-shrink:0; overflow:hidden;
}
.xg-post-scope .author-bio__avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.xg-post-scope .author-bio__heading { display:flex; flex-direction:column; }
.xg-post-scope .author-bio__name { font-size:17px; font-weight:700; color:#16183A; margin:0 0 1px; letter-spacing:-0.01em; line-height:1.25; }
.xg-post-scope .author-bio__role { font-size:13px; color:#5F6178; line-height:1.3; }
.xg-post-scope .author-bio__linkedin {
  margin-left:auto; width:32px; height:32px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; color:#5F6178; transition:color .2s, background .2s;
}
.xg-post-scope .author-bio__linkedin:hover { color:#D90041; background:rgba(217,0,65,0.08); }
.xg-post-scope .author-bio__linkedin svg { width:16px; height:16px; fill:currentColor; }
.xg-post-scope .author-bio__text { font-size:14.5px; color:#222542; line-height:1.6; margin:0 0 14px; }
.xg-post-scope .author-bio__text:last-child { margin-bottom:0; }

/* --- Newsletter (Contact Form 7 → Pipedrive) --------------------------- */
.xg-post-scope .newsletter {
  background:#270156; color:#fff; border-radius:16px; padding:48px; text-align:center;
  margin-bottom:64px; position:relative; overflow:hidden;
}
.xg-post-scope .newsletter::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(at 80% 0%, rgba(217,0,65,0.12), transparent 55%),
             radial-gradient(at 0% 100%, rgba(34,37,66,0.4), transparent 60%);
}
.xg-post-scope .newsletter__inner { position:relative; max-width:480px; margin:0 auto; }
.xg-post-scope .newsletter__label { font-size:11px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:#D90041; margin-bottom:12px; display:block; }
.xg-post-scope .newsletter h2 { font-family:Inter,sans-serif; font-size:26px; font-weight:700; line-height:1.2; letter-spacing:-0.015em; margin:0 0 12px; color:#fff; border-bottom:0 !important; }
.xg-post-scope .newsletter p { font-size:15px; color:rgba(255,255,255,0.72); margin:0 0 24px; line-height:1.55; }

.xg-post-scope .newsletter .wpcf7 { max-width:400px; margin:0 auto; text-align:left; }
.xg-post-scope .newsletter .wpcf7 form,
.xg-post-scope .newsletter .wpcf7 .main-contact-form { display:block; margin:0; padding:0; background:none; border:0; box-shadow:none; }
.xg-post-scope .newsletter .wpcf7 p { margin:0; padding:0; color:inherit; font-size:inherit; line-height:inherit; }
.xg-post-scope .newsletter .xg-nl-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
.xg-post-scope .newsletter .wpcf7 label { display:block; margin:0; font-size:0; }
.xg-post-scope .newsletter .wpcf7-form-control-wrap { display:block; width:100%; margin:0; }
.xg-post-scope .newsletter input[type="text"],
.xg-post-scope .newsletter input[type="email"] {
  width:100% !important; display:block; flex:1;
  background:rgba(255,255,255,0.06) !important;
  border:1px solid rgba(255,255,255,0.14) !important;
  border-radius:8px !important; padding:12px 14px !important;
  font-size:14px !important; font-family:inherit; color:#fff !important;
  outline:none; margin:0 !important; box-shadow:none !important;
  transition:border-color .2s, background .2s; min-height:0 !important; height:auto !important;
}
.xg-post-scope .newsletter input[type="text"]::placeholder,
.xg-post-scope .newsletter input[type="email"]::placeholder { color:rgba(255,255,255,0.4); opacity:1; }
.xg-post-scope .newsletter input[type="text"]:focus,
.xg-post-scope .newsletter input[type="email"]:focus { border-color:#D90041 !important; background:rgba(255,255,255,0.1) !important; }
.xg-post-scope .newsletter input[type="submit"],
.xg-post-scope .newsletter .wpcf7-submit {
  width:100% !important; display:block;
  background:#D90041 !important; color:#fff !important; border:none !important;
  border-radius:8px !important; padding:13px 22px !important;
  font-size:13px !important; font-weight:600 !important; letter-spacing:0.04em;
  text-transform:uppercase; font-family:inherit; cursor:pointer;
  margin:16px 0 0 !important; transition:opacity .2s; box-shadow:none !important; height:auto !important;
}
.xg-post-scope .newsletter input[type="submit"]:hover,
.xg-post-scope .newsletter .wpcf7-submit:hover { opacity:.88; }
.xg-post-scope .newsletter .wpcf7-spinner { display:block; margin:8px auto 0; }
.xg-post-scope .newsletter .wpcf7-not-valid-tip { font-size:12px; color:#FF8AA0; margin-top:6px; display:block; }
.xg-post-scope .newsletter .wpcf7-response-output {
  border:0 !important; margin:16px 0 0 !important; padding:0 !important;
  font-size:13px; color:rgba(255,255,255,0.85); text-align:center;
}
.xg-post-scope .newsletter .wpcf7 br { display:none; }
.xg-post-scope .newsletter .apbct_special_field,
.xg-post-scope .newsletter .apbct-tooltip { display:none !important; }

/* --- Related ----------------------------------------------------------- */
.xg-post-scope .related h2 { font-family:Inter,sans-serif; font-size:24px; font-weight:700; color:#16183A; letter-spacing:-0.015em; margin:0 0 24px; border-bottom:0 !important; }
.xg-post-scope .related__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.xg-post-scope .related__card {
  background:#fff; border:1px solid #E5E2DC; border-radius:12px; padding:24px;
  text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:12px;
  transition:transform .2s, border-color .2s, box-shadow .2s;
}
.xg-post-scope .related__card:hover { transform:translateY(-2px); border-color:rgba(217,0,65,0.4); box-shadow:0 12px 28px -12px rgba(22,24,58,0.1); }
.xg-post-scope .related__card-label { font-size:10px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:#D90041; }
.xg-post-scope .related__card-title { font-family:Inter,sans-serif; font-size:16px; font-weight:600; color:#16183A; line-height:1.35; letter-spacing:-0.005em; margin:0; }
.xg-post-scope .related__card-meta { font-size:12px; color:#8B8D9F; margin-top:auto; }

/* --- Responsive -------------------------------------------------------- */
@media (max-width:1120px) {
  .xg-post-scope .toc-sidebar { display:none; }
  .xg-post-scope .toc-mobile:not(.xg-toc-empty) { display:block; }
  .xg-post-scope .related__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:860px) {
  .xg-post-scope .article-banner { flex-direction:column; border-radius:16px; margin-bottom:40px; }
  .xg-post-scope .article-banner__image { width:100%; padding:12px 12px 0; order:-1; }
  .xg-post-scope .article-banner__image img { border-radius:8px; width:100%; height:auto; aspect-ratio:16/9; }
  .xg-post-scope .article-banner__text { padding:28px 28px 32px; gap:24px; }
  .xg-post-scope .article-banner__deck { max-width:100%; }
}
@media (max-width:640px) {
  .xg-post-scope { font-size:17px; }
  .xg-post-scope.ct-section > .ct-section-inner-wrap { padding-top:104px !important; }
  .xg-post-scope .article-body-wrap { padding-left:24px; padding-right:24px; padding-bottom:64px; }
  .xg-post-scope .article-body h1 { font-size:26px; margin-top:36px; }
  .xg-post-scope .article-body h2 { font-size:20px; margin-top:32px; }
  .xg-post-scope .article-body h3 { font-size:17px; }
  .xg-post-scope .article-body blockquote { font-size:16px; padding-left:18px; }
  .xg-post-scope .author-bio { padding:24px; }
  .xg-post-scope .newsletter { padding:32px 24px; }
  .xg-post-scope .related__grid { grid-template-columns:1fr; }
  .xg-post-scope .article-foot { margin-top:48px; padding-top:36px; }
}
@media (max-width:480px) {
  .xg-post-scope .article-banner { border-radius:12px; margin-bottom:32px; }
  .xg-post-scope .article-banner__image { padding:10px 10px 0; }
  .xg-post-scope .article-banner__image img { border-radius:6px; }
  .xg-post-scope .article-banner__text { padding:20px 20px 24px; }
  .xg-post-scope .article-banner__title { font-size:22px; }
  .xg-post-scope .article-banner__deck { font-size:14px; }
  .xg-post-scope .article-banner__byline-meta { flex-direction:column; align-items:flex-start; gap:2px; }
  .xg-post-scope .article-banner__sep { display:none; }
  .xg-post-scope .article-body-wrap { padding-left:20px; padding-right:20px; }
  .xg-post-scope .author-bio { padding:20px; }
}

/* ===== newsletter: beat the site-wide .main-contact-form rules ===== */
.xg-post-scope .newsletter .wpcf7,
.xg-post-scope .newsletter .wpcf7-form,
.xg-post-scope .newsletter .main-contact-form {
  max-width:400px !important; width:100% !important; margin:0 auto !important;
  padding:0 !important; background:none !important; border:0 !important;
  box-shadow:none !important; border-radius:0 !important; text-align:left;
  display:block !important;
}
.xg-post-scope .newsletter .screen-reader-response { display:none !important; }
.xg-post-scope .newsletter .labeltext {
  font-size:10px !important; font-weight:600 !important; letter-spacing:.1em !important;
  text-transform:uppercase !important; color:rgba(255,255,255,.5) !important;
  margin:0 0 6px !important; padding:0 !important; text-align:left !important;
  line-height:1.4 !important;
}
.xg-post-scope .newsletter .download-ebook-row.name-row {
  display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important;
  margin:0 0 12px !important; padding:0 !important;
}
.xg-post-scope .newsletter .download-ebook-row2 {
  display:block !important; margin:0 0 4px !important; padding:0 !important;
}
.xg-post-scope .newsletter .wpcf7-form-control-wrap { display:block !important; width:100% !important; }
.xg-post-scope .newsletter input[type="text"],
.xg-post-scope .newsletter input[type="email"],
.xg-post-scope .newsletter input[type="tel"] {
  width:100% !important; display:block !important; box-sizing:border-box !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:8px !important; padding:12px 14px !important;
  font-size:14px !important; font-family:Inter,sans-serif !important;
  color:#fff !important; height:auto !important; min-height:0 !important;
  margin:0 !important; box-shadow:none !important; line-height:1.4 !important;
}
.xg-post-scope .newsletter input[type="text"]::placeholder,
.xg-post-scope .newsletter input[type="email"]::placeholder { color:rgba(255,255,255,.4) !important; opacity:1 !important; }
.xg-post-scope .newsletter input[type="text"]:focus,
.xg-post-scope .newsletter input[type="email"]:focus {
  border-color:#D90041 !important; background:rgba(255,255,255,.11) !important; outline:none !important;
}
.xg-post-scope .newsletter .book-now-btn {
  margin:16px 0 0 !important; padding:0 !important; text-align:center !important;
  display:block !important; background:none !important; border:0 !important;
}
.xg-post-scope .newsletter input[type="submit"],
.xg-post-scope .newsletter .wpcf7-submit {
  width:100% !important; display:block !important;
  background:#D90041 !important; background-image:none !important; color:#fff !important;
  border:0 !important; border-radius:8px !important;
  padding:14px 22px !important; margin:0 !important;
  font-size:13px !important; font-weight:600 !important; letter-spacing:.06em !important;
  text-transform:uppercase !important; font-family:Inter,sans-serif !important;
  height:auto !important; min-height:0 !important; box-shadow:none !important; cursor:pointer;
}
.xg-post-scope .newsletter input[type="submit"]:hover,
.xg-post-scope .newsletter .wpcf7-submit:hover { opacity:.88; }
.xg-post-scope .newsletter .wpcf7-spinner { display:none !important; }
.xg-post-scope .newsletter .warranty-div {
  margin:12px 0 0 !important; padding:0 !important; text-align:center !important;
  display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important;
}
.xg-post-scope .newsletter .warranty-div .ct-headline,
.xg-post-scope .newsletter .warranty-div span {
  font-size:11px !important; color:rgba(255,255,255,.45) !important;
  font-family:Inter,sans-serif !important; line-height:1.4 !important; margin:0 !important;
}
.xg-post-scope .newsletter .warranty-div img { width:12px !important; height:auto !important; opacity:.5; margin:0 !important; }
.xg-post-scope .newsletter .wpcf7-not-valid-tip { color:#FF8AA0 !important; font-size:12px !important; margin-top:6px !important; }
.xg-post-scope .newsletter .wpcf7-response-output {
  border:0 !important; margin:14px 0 0 !important; padding:0 !important;
  font-size:13px !important; color:rgba(255,255,255,.85) !important; text-align:center !important;
}

/* ===== headings use Inter, not the theme serif ===== */
.xg-post-scope .article-banner__title,
.xg-post-scope .newsletter h2,
.xg-post-scope .related h2,
.xg-post-scope .author-bio__name,
.xg-post-scope .related__card-title,
.xg-post-scope .toc-sidebar__label,
.xg-post-scope .article-body h1,
.xg-post-scope .article-body h2,
.xg-post-scope .article-body h3,
.xg-post-scope .article-body h4,
.xg-post-scope .article-body h5,
.xg-post-scope .article-body h6 { font-family:Inter,-apple-system,sans-serif !important; }

/* newsletter inputs must out-specify .xg-blog-tpl .main-contact-form input.wpcf7-form-control:not()... */
.xg-post-scope .newsletter .main-contact-form input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]),
.xg-post-scope .newsletter .download-ebook-row input,
.xg-post-scope .newsletter .download-ebook-row2 input {
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:8px !important;
  color:#fff !important;
  padding:12px 14px !important;
  font-size:14px !important;
  font-family:Inter,sans-serif !important;
  height:auto !important; min-height:0 !important; line-height:1.4 !important;
  box-shadow:none !important; margin:0 !important;
}
.xg-post-scope .newsletter .main-contact-form input.wpcf7-form-control:focus {
  border-color:#D90041 !important; background:rgba(255,255,255,.11) !important;
}
.xg-post-scope .newsletter .main-contact-form input.wpcf7-form-control::placeholder { color:rgba(255,255,255,.4) !important; opacity:1 !important; }
/* honeypots hidden last so no earlier display rule re-shows them */
.xg-post-scope .newsletter input.apbct_special_field,
.xg-post-scope .newsletter .apbct_special_field,
.xg-post-scope .newsletter .apbct-tooltip,
.xg-post-scope .newsletter .hidden-fields-container { display:none !important; }

/* banner keeps a gutter on small screens (matches the body wrap padding) */
@media (max-width:860px) {
  .xg-post-scope .article-banner { width:auto !important; margin-left:24px !important; margin-right:24px !important; }
}
@media (max-width:480px) {
  .xg-post-scope .article-banner { margin-left:20px !important; margin-right:20px !important; }
}

/* ===== Gated download: inline button, floating CTA, popup ===== */
.xg-post-scope .download-btn-wrap {
  max-width:760px; margin:0 auto 56px; padding:0 32px; text-align:center;
}
.xg-post-scope .download-btn {
  display:inline-flex; align-items:center; gap:10px;
  background:#D90041; color:#fff; border:none; text-decoration:none;
  font-family:Inter,sans-serif; font-size:14px; font-weight:600; letter-spacing:.02em;
  padding:14px 28px; border-radius:999px; cursor:pointer;
  transition:opacity .2s ease, transform .2s ease;
}
.xg-post-scope .download-btn:hover { opacity:.88; transform:translateY(-1px); }
.xg-post-scope .download-btn__icon { display:inline-flex; align-items:center; justify-content:center; color:#fff; }
.xg-post-scope .download-btn__icon svg { width:14px; height:14px; }

.xg-post-scope .floating-cta {
  position:fixed; bottom:24px; right:24px; z-index:90;
  display:inline-flex; align-items:center; gap:10px;
  background:#270156; color:#fff; text-decoration:none; border:none;
  font-family:Inter,sans-serif; font-size:13px; font-weight:600; letter-spacing:.02em;
  padding:12px 20px 12px 16px; border-radius:999px; cursor:pointer;
  box-shadow:0 12px 32px -8px rgba(22,24,58,.3), 0 0 0 1px rgba(255,255,255,.06) inset;
  opacity:0; transform:translateY(12px) scale(.96); pointer-events:none;
  transition:opacity .3s ease, transform .3s ease, background .2s ease;
}
.xg-post-scope .floating-cta.is-visible { opacity:1; transform:translateY(0) scale(1); pointer-events:auto; }
.xg-post-scope .floating-cta:hover { background:#1d0142; }
.xg-post-scope .floating-cta__icon {
  width:28px; height:28px; border-radius:50%; background:#D90041;
  display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
}
.xg-post-scope .floating-cta__icon svg { width:12px; height:12px; stroke:#fff; }
.xg-post-scope .floating-cta__close {
  width:22px; height:22px; border:none; background:rgba(255,255,255,.1);
  color:rgba(255,255,255,.7); border-radius:50%; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; margin-left:4px;
  transition:background .2s ease, color .2s ease;
}
.xg-post-scope .floating-cta__close:hover { background:rgba(255,255,255,.18); color:#fff; }
.xg-post-scope .floating-cta__close svg { width:9px; height:9px; fill:none; stroke:currentColor; stroke-width:2; }

.xg-post-scope .xg-popup-overlay {
  position:fixed; inset:0; z-index:500;
  background:rgba(22,24,58,.55); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  display:flex; align-items:center; justify-content:center; padding:24px;
  opacity:0; pointer-events:none; transition:opacity .4s ease; overflow-y:auto;
}
.xg-post-scope .xg-popup-overlay.is-visible { opacity:1; pointer-events:auto; }
.xg-post-scope .xg-popup-card {
  background:#fff; border-radius:8px; padding:44px 44px 32px; max-width:520px; width:100%;
  box-shadow:0 24px 80px rgba(0,0,0,.3); position:relative; margin:auto;
  transform:translateY(12px); transition:transform .4s cubic-bezier(.22,1,.36,1);
}
.xg-post-scope .xg-popup-overlay.is-visible .xg-popup-card { transform:translateY(0); }
.xg-post-scope .xg-popup-close {
  position:absolute; top:18px; right:18px; width:32px; height:32px;
  border:none; background:transparent; color:#8B8D9F; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; border-radius:50%;
  transition:background .2s ease, color .2s ease;
}
.xg-post-scope .xg-popup-close:hover { background:rgba(22,24,58,.06); color:#16183A; }
.xg-post-scope .xg-popup-close svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; }
.xg-post-scope .xg-popup__eyebrow {
  font-size:11px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase;
  color:#D90041; margin-bottom:12px;
}
.xg-post-scope .xg-popup__title {
  font-family:Inter,sans-serif !important; font-size:26px; font-weight:800; color:#16183A;
  line-height:1.2; letter-spacing:-.5px; margin:0 0 12px; border-bottom:0 !important;
}
.xg-post-scope .xg-popup__sub { font-size:15px; color:#5F6178; line-height:1.55; margin:0 0 24px; }
.xg-post-scope .xg-popup__privacy {
  font-size:11px; color:#5F6178; margin:18px 0 0; line-height:1.5;
  border-top:1px solid #E5E2DC; padding-top:14px; text-align:center;
}
.xg-post-scope .xg-popup__privacy a { color:#16183A; text-decoration:underline; text-underline-offset:2px; }

.xg-post-scope .xg-popup__success { display:none; text-align:center; padding:24px 4px; }
.xg-post-scope .xg-popup-card.is-sent .xg-popup__success { display:block; }
.xg-post-scope .xg-popup-card.is-sent .xg-popup__body { display:none; }
.xg-post-scope .xg-success__icon {
  width:56px; height:56px; margin:0 auto 20px; border-radius:50%;
  background:rgba(217,0,65,.1); display:inline-flex; align-items:center; justify-content:center;
}
.xg-post-scope .xg-success__icon svg { width:24px; height:24px; fill:none; stroke:#D90041; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.xg-post-scope .xg-success__title { font-family:Inter,sans-serif !important; font-size:22px; font-weight:800; letter-spacing:-.3px; color:#16183A; margin:0 0 10px; }
.xg-post-scope .xg-success__text { font-size:14px; color:#5F6178; line-height:1.6; max-width:360px; margin:0 auto 20px; }
.xg-post-scope .xg-success__btn {
  display:inline-flex; align-items:center; gap:8px; background:#D90041; color:#fff;
  text-decoration:none; font-size:14px; font-weight:600; letter-spacing:.02em;
  padding:12px 24px; border-radius:999px; transition:opacity .2s ease;
}
.xg-post-scope .xg-success__btn:hover { opacity:.88; }

/* the popup hosts one of the site's existing CF7 download forms */
.xg-post-scope .xg-popup__form .wpcf7,
.xg-post-scope .xg-popup__form .main-contact-form {
  padding:0 !important; margin:0 !important; background:none !important;
  border:0 !important; box-shadow:none !important; max-width:none !important; width:100% !important;
}
.xg-post-scope .xg-popup__form .wpcf7-response-output { margin:12px 0 0 !important; font-size:13px; }
.xg-post-scope .xg-popup__form .warranty-div { display:none !important; }

@media (max-width:640px) {
  .xg-post-scope .download-btn-wrap { padding:0 24px; margin-bottom:40px; }
  .xg-post-scope .floating-cta { bottom:16px; right:16px; left:16px; justify-content:center; max-width:fit-content; margin-right:auto; margin-left:auto; }
  .xg-post-scope .xg-popup-overlay { padding:16px; align-items:flex-start; padding-top:32px; }
  .xg-post-scope .xg-popup-card { padding:36px 24px 28px; border-radius:6px; }
  .xg-post-scope .xg-popup__title { font-size:22px; }
}

/* ===== (AU au.137) staging-only fixes so the live rules above win over the site-wide theme CSS ===== */
/* live gutters (Oxygen block padding on live: 20px ≤768px, 16px ≤480px) */
@media (max-width:768px) {
  .xg-blog-tpl .article-body-wrap, .xg-blog-tpl .article-container { padding-left:20px !important; padding-right:20px !important; }
  /* the site-wide h1/h2 clamp(…) !important rules for tablets/phones don't exist on live */
  .xg-post-scope .article-banner__title { font-size:clamp(26px,2.8vw,40px) !important; }
  .xg-post-scope .article-body h1 { font-size:30px !important; }
  .xg-post-scope .article-body h2 { font-size:22px !important; }
  .xg-post-scope .article-body h3 { font-size:18px !important; }
  .xg-post-scope .article-body h4 { font-size:16px !important; }
  .xg-post-scope .author-bio__name { font-size:17px !important; }
  .xg-post-scope .newsletter h2 { font-size:26px !important; }
  .xg-post-scope .related h2 { font-size:24px !important; }
}
@media (max-width:640px) {
  .xg-post-scope .article-body h1 { font-size:26px !important; }
  .xg-post-scope .article-body h2 { font-size:20px !important; }
  .xg-post-scope .article-body h3 { font-size:17px !important; }
}
@media (max-width:480px) {
  .xg-blog-tpl .article-body-wrap, .xg-blog-tpl .article-container { padding-left:16px !important; padding-right:16px !important; }
  .xg-post-scope .article-banner__title { font-size:22px !important; }
}
.xg-post-scope .download-btn { line-height:1.15; }
.xg-post-scope .article-body ul, .xg-post-scope .article-body ol { font-size:16px; color:#1A1A2E; }

/* in-article CF7 card (e.g. form 12711): staging has no <p> around labels, and the site-wide CF7
   rules are stronger than the live ones — re-state the live values with a stronger scope */
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .labeltext,
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .labeltext p { display:block !important; width:auto !important; margin:0 !important; padding:0 !important; font:700 12px/1 Inter,sans-serif !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:#5F6178 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .download-ebook-row > div,
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .download-ebook-row2 { gap:10px !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form p { margin:0 !important; padding:0 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form br { display:none; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input.wpcf7-form-control:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
  height:56px !important; min-height:0 !important; margin:0 !important; padding:14px 16px !important; box-sizing:border-box !important;
  background:#fff !important; border:1px solid #E5E2DC !important; border-radius:10px !important; box-shadow:none !important;
  font:400 15px/1.4 Inter,sans-serif !important; color:#16183A !important;
}
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form textarea.wpcf7-form-control {
  height:140px !important; min-height:140px !important; margin:0 !important; padding:14px 16px !important; box-sizing:border-box !important;
  background:#fff !important; border:1px solid #E5E2DC !important; border-radius:10px !important; box-shadow:none !important;
  font:400 15px/1.5 Inter,sans-serif !important; color:#16183A !important; resize:vertical;
}
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-form-control::placeholder { color:#8B8D9F !important; opacity:1 !important; padding-left:0 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-form-control:not([type=submit]):focus { border-color:#D90041 !important; box-shadow:0 0 0 3px rgba(217,0,65,.12) !important; outline:none !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .book-now-btn { position:relative; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:24px !important; margin-top:-3px !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .book-now-btn > * { margin:0 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input.wpcf7-submit.wpcf7-submit {
  display:inline-block !important; width:auto !important; min-width:240px !important; height:45px !important; margin:25px 0 0 !important; padding:16px 44px !important;
  border:0 !important; border-radius:999px !important; background:linear-gradient(135deg,#D90041 0%,#A1002F 100%) !important; color:#fff !important;
  font:700 13px/1 Inter,sans-serif !important; letter-spacing:1.4px !important; text-transform:uppercase; cursor:pointer;
  box-shadow:0 6px 18px -6px rgba(217,0,65,.45) !important;
}
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-spinner { position:absolute !important; left:0; top:35px; margin:0 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-checkbox,
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-list-item { display:block !important; margin:0 !important; padding:0 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-checkbox label { display:flex !important; align-items:center !important; gap:10px !important; line-height:18px !important; min-height:0 !important; margin:0 !important; padding:0 !important; width:auto !important; cursor:pointer; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input[type=checkbox] {
  -webkit-appearance:none !important; appearance:none !important; position:relative !important; display:inline-block !important; flex-shrink:0;
  width:18px !important; height:18px !important; min-width:18px !important; margin:0 !important; padding:0 !important; opacity:1 !important; clip:auto !important;
  border:1.5px solid #C5C2BC !important; border-radius:4px !important; background:#fff !important; cursor:pointer;
}
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input[type=checkbox]:checked { background:#D90041 !important; border-color:#D90041 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input[type=checkbox]:checked::after { content:""; position:absolute; left:5px; top:1px; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-list-item-label { display:inline-block !important; position:static !important; padding:0 !important; margin:0 !important; font:500 13px/1 Inter,sans-serif !important; color:#5F6178 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-list-item-label::before,
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-list-item-label::after { display:none !important; content:none !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .warranty-div { display:flex !important; justify-content:flex-start !important; align-items:center !important; gap:7px !important; height:14px; margin:-6px 0 0 !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .warranty-div img { width:13px; height:17px; margin:0; opacity:.45; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form #warranty,
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .warranty-div .ct-headline { font:400 13px/14px Inter,sans-serif !important; color:#000 !important; opacity:.4; height:14px !important; }
@media (max-width:768px) {
  .xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input.wpcf7-form-control:not([type=submit]):not([type=checkbox]):not([type=hidden]),
  .xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form textarea.wpcf7-form-control { font-size:16px !important; padding:12px 14px !important; }
  /* live: button keeps its natural width, the hidden spinner wraps under it (24px) */
  .xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input.wpcf7-submit.wpcf7-submit { min-width:0 !important; height:auto !important; padding:16px 24px !important; margin-bottom:24px !important; text-align:center; }
}
@media (max-width:767px) {
  .xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input.wpcf7-submit.wpcf7-submit { max-width:100% !important; white-space:break-spaces !important; }
}

/* xG Weekly card (CF7 16805) — live values the site-wide CF7 rules override on staging */
.xg-post-scope .newsletter__inner > p:empty { display:none !important; }
.xg-post-scope .newsletter h2 { line-height:1.2 !important; }
.xg-post-scope .newsletter .wpcf7 input.wpcf7-submit.wpcf7-submit { font-size:12px !important; line-height:12px !important; height:40px !important; white-space:break-spaces; }
.xg-post-scope .newsletter .warranty-div br { display:none; }
.xg-post-scope .newsletter .warranty-div .ct-headline { height:14px !important; line-height:21px !important; }
.xg-blog-tpl .article-container { max-width:760px; margin-left:auto; margin-right:auto; box-sizing:border-box; }
.xg-post-scope .related h2 { line-height:1.5; }

.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-list-item label { height:18px !important; min-height:0 !important; padding:0 !important; line-height:13px !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-list-item input[type=checkbox] { margin:0 !important; top:0 !important; }
@media (max-width:768px) {
  .xg-post-scope .article-body h2 { line-height:1.3 !important; }
  .xg-post-scope .article-body h3 { line-height:1.35 !important; }
  .xg-post-scope .related h2 { line-height:1.5 !important; }
}

/* body content details as on live (au.142) */
.xg-post-scope .article-body ul { list-style:disc; line-height:1.78; }
.xg-post-scope .article-body ol { list-style:decimal; line-height:1.78; }
.xg-post-scope .article-body ol > li { list-style-type:decimal !important; }
.xg-post-scope .article-body ul > li { list-style-type:disc !important; }
.xg-post-scope .article-body ul ul > li { list-style-type:circle !important; }
.xg-post-scope .article-body .wp-caption { float:none !important; margin:0 !important; max-width:100% !important; }
.xg-post-scope .article-body .wp-caption img { margin:28px 0 !important; max-width:100% !important; }
.xg-post-scope .article-body .wp-caption-text { margin:0 !important; font-size:16px !important; line-height:1.78 !important; max-width:none !important; }
.xg-post-scope .article-body .podcastdotco-wrapper iframe { display:inline; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .book-now-btn > p:empty { display:none !important; }
.xg-post-scope .article-body .podcastdotco-wrapper iframe { display:inline !important; }
/* CF7 12711 markup puts margin-top:10px!important inline on the checkbox — balance it so the box stays centred */
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-list-item input[type=checkbox] { margin-bottom:10px !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .book-now-btn > div { min-height:24px; }
.xg-post-scope .article-body .podcastdotco-wrapper iframe { vertical-align:baseline !important; }
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-list-item input[type=checkbox] { top:-5px !important; }
/* au.146 — live banner corners on tablet/phone, live placeholder indent, live ≤768px button width */
@media (max-width:860px) {
  .xg-post-scope .article-banner { border-radius:16px !important; overflow:hidden; }
  .xg-post-scope .article-banner__image img { border-radius:8px !important; }
}
@media (max-width:480px) {
  .xg-post-scope .article-banner { border-radius:12px !important; }
  .xg-post-scope .article-banner__image img { border-radius:6px !important; }
}
.xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form .wpcf7-form-control::placeholder { padding-left:16px !important; }
@media (max-width:768px) {
  .xg-blog-tpl.xg-post-scope .article-body .wpcf7 .main-contact-form input.wpcf7-submit.wpcf7-submit { width:380px !important; max-width:100% !important; }
}
.xg-post-scope .newsletter .wpcf7-form-control::placeholder { font-size:16px !important; padding-left:16px !important; }
.xg-post-scope .newsletter .warranty-div .ct-headline { opacity:.4; }