/*
 * Migrated from WordPress Customizer > Additional CSS as part of the
 * Elementor-removal project, Task 0. Combines both live Additional CSS
 * sources found in the customizer (custom_css post type):
 *   - post ID 3461 "hello-elementor-child" (child-theme scope)
 *   - post ID 2724 "hello-elementor" (parent-theme scope, featured-image hiding)
 *
 * Verbatim lift-and-shift, with ONE deletion: the DRAFT #3960 mirror block
 * (page 3960 confirmed dead/unused) and its one shared page-id-3960 selector
 * fragment were removed. Everything else is unchanged from the live Additional CSS.
 *
 * Upload as a static file at:
 *   wp-content/themes/hello-elementor-child/assets/customizer-migrated.css
 * (enqueued via functions.php — see customizer-css-enqueue-PASTE-THIS.php)
 */

/* ====== From parent-theme Additional CSS (post 2724) — featured image hiding ====== */
/* Hide featured images on all pages, posts, and products */

/* Hide featured image on single posts */
.single-post .wp-post-image,
.single-post .post-thumbnail,
.single article .wp-post-image {
    display: none !important;
}

/* Hide featured image on single pages */
.page .wp-post-image,
.page .post-thumbnail,
.single-page article img.wp-post-image {
    display: none !important;
}

/* Hide featured image on product pages */
.single-fluent-products .wp-post-image,
.single-fluent-products .post-thumbnail,
.single-fluent-products article img.wp-post-image {
    display: none !important;
}

/* Remove featured image containers to eliminate spacing */
.single-post .wp-post-image-wrapper,
.page .wp-post-image-wrapper,
.single-fluent-products .wp-post-image-wrapper,
.post-thumbnail-wrapper,
.product-featured-image,
.entry-thumbnail {
    display: none !important;
}

/* Target Elementor featured image widgets */
.elementor-widget-theme-post-featured-image,
.elementor-widget-image.featured-image {
    display: none !important;
}

/* Hide first Elementor section on product pages (usually contains hero/featured image) */
.single-fluent-products .elementor-section:first-of-type,
.single-fluent-products .elementor > .elementor-section-wrap > .elementor-section:first-child {
    display: none !important;
}

/* Hide first Elementor section on single pages */
.page .elementor-section:first-of-type,
.single-page .elementor > .elementor-section-wrap > .elementor-section:first-child {
    display: none !important;
}

/* Hide first Elementor section on single posts */
.single-post .elementor-section:first-of-type,
.single .elementor > .elementor-section-wrap > .elementor-section:first-child {
    display: none !important;
}
/* ====== End parent-theme Additional CSS ====== */

/* ====== From child-theme Additional CSS (post 3461) ====== */

/* ===== Nav Dropdown Background Fix ===== */
.elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown ul {
  background-color: #ffffff !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.12) !important;
  border-top: 2px solid #e07c3e !important;
  border-radius: 0 0 6px 6px !important;
}
.elementor-nav-menu--dropdown li {
  background-color: #ffffff !important;
}
.elementor-nav-menu--dropdown li a.elementor-item,
.elementor-nav-menu--dropdown li a.elementor-sub-item {
  color: #3f444b !important;
  background-color: #ffffff !important;
  padding: 10px 20px !important;
  border-bottom: 1px solid #f0ece4 !important;
}
.elementor-nav-menu--dropdown li:last-child a {
  border-bottom: none !important;
}
.elementor-nav-menu--dropdown li a:hover {
  background-color: #fef6e8 !important;
  color: #e07c3e !important;
}
/* ===== End Nav Dropdown Fix ===== */

/* ==== Popup Close Button Fix ==== */
/* Force popup container to be relatively positioned */
.pum-container {
	  position: relative !important;
}

/* Pin close button to top-right corner of the popup card */
.pum-container .pum-close {
	  position: absolute !important;
	  top: -16px !important;
	  right: -16px !important;
	  bottom: auto !important;
	  left: auto !important;
	  z-index: 9999 !important;
	  background: #ffffff !important;
	  color: #111111 !important;
	  font-size: 14px !important;
	  font-weight: 700 !important;
	  line-height: 1 !important;
	  padding: 8px 12px !important;
	  border-radius: 4px !important;
	  border: 2px solid #dddddd !important;
	  box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
	  cursor: pointer !important;
	  text-decoration: none !important;
	  display: block !important;
}

.pum-container .pum-close:hover {
	  background: #f0f0f0 !important;
	  color: #000000 !important;
}
/* ==== End Popup Close Button Fix ==== */

/* ======

/* ====== Decision Cost Calculator LP — final, no > combinators (MCP encodes >) ====== */

/* Section backgrounds + vertical rhythm (target each section directly) */
body.page-id-3876 .st-hero       { background:#320e02; padding:100px 24px 80px; position:relative; overflow:hidden; }
body.page-id-3876 .st-databar    { background:#fdf5e0; border-top:1px solid #e8e0d0; border-bottom:1px solid #e8e0d0; padding:48px 24px; }
body.page-id-3876 .st-logos      { background:#fff; padding:36px 24px; }
body.page-id-3876 .st-problem    { background:#fefaef; padding:88px 24px; }
body.page-id-3876 .st-how        { background:#fff; padding:88px 24px; }
body.page-id-3876 .st-calc       { background:#f7f3ea; border-top:1px solid #e8e0d0; border-bottom:1px solid #e8e0d0; padding:72px 24px; position:relative; }
body.page-id-3876 .st-diagnostic { background:#fdf5e0; padding:88px 24px; }
body.page-id-3876 .st-about      { background:#fefaef; padding:88px 24px; }
body.page-id-3876 .st-faq        { background:#fff; padding:88px 24px; }
body.page-id-3876 .st-finalcta   { background:#320e02; padding:100px 24px; position:relative; overflow:hidden; }

/* Constrain content. No > combinator: target the block elements by their WP classes
   that appear as direct children, scoped under each section. !important to beat core. */
body.page-id-3876 .st-sec .wp-block-paragraph,
body.page-id-3876 .st-sec .wp-block-heading,
body.page-id-3876 .st-sec .wp-block-spacer,
body.page-id-3876 .st-sec .wp-block-buttons,
body.page-id-3876 .st-sec .wp-block-details,
body.page-id-3876 .st-sec .wp-block-columns,
body.page-id-3876 .st-sec .wp-block-html {
  max-width:1160px !important; margin-left:auto !important; margin-right:auto !important;
}
/* Narrow sections: tighter column for direct text blocks */
body.page-id-3876 .st-hero .wp-block-paragraph,
body.page-id-3876 .st-hero .wp-block-heading,
body.page-id-3876 .st-hero .wp-block-buttons,
body.page-id-3876 .st-problem .wp-block-paragraph,
body.page-id-3876 .st-problem .wp-block-heading,
body.page-id-3876 .st-faq .wp-block-paragraph,
body.page-id-3876 .st-faq .wp-block-heading,
body.page-id-3876 .st-faq .wp-block-details,
body.page-id-3876 .st-finalcta .wp-block-paragraph,
body.page-id-3876 .st-finalcta .wp-block-heading,
body.page-id-3876 .st-finalcta .wp-block-buttons {
  max-width:720px !important;
}
body.page-id-3876 .st-calc .wp-block-paragraph,
body.page-id-3876 .st-calc .wp-block-heading { max-width:880px !important; }
/* Calculator + how-it-works columns can be wider */
body.page-id-3876 .st-calc .wp-block-html { max-width:920px !important; }
body.page-id-3876 .st-how .wp-block-columns { max-width:1100px !important; }

/* But columns' INNER paragraphs/headings must NOT be re-narrowed — reset them to full of their column */
body.page-id-3876 .wp-block-column .wp-block-paragraph,
body.page-id-3876 .wp-block-column .wp-block-heading { max-width:100% !important; }

/* Column gaps */
body.page-id-3876 .st-diag-cols, body.page-id-3876 .st-about-cols { gap:64px !important; }

/* ---------- Typography ---------- */
body.page-id-3876 .st-eyebrow { font-family:'DM Sans',sans-serif; font-size:11px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:#b26614; text-align:center; margin:0 0 4px; }
body.page-id-3876 .st-eyebrow-light { color:#f3921d; }

body.page-id-3876 .st-h2 { font-family:'DM Serif Display',serif; font-weight:400; color:#320e02; font-size:44px; line-height:1.12; letter-spacing:-1px; margin:0; -webkit-text-stroke:0.4px #320e02; }
body.page-id-3876 .st-h2-center { text-align:center; }
body.page-id-3876 .st-h2-hero { color:#fefaef; font-size:58px; letter-spacing:-1.5px; text-align:center; text-shadow:0 2px 24px rgba(0,0,0,.25); -webkit-text-stroke:0.4px #fefaef; }

/* Accent underline under centered section headings */
body.page-id-3876 .st-h2-center.st-after::after,
body.page-id-3876 .st-problem .st-h2::after,
body.page-id-3876 .st-how .st-h2::after,
body.page-id-3876 .st-calc .st-h2::after,
body.page-id-3876 .st-faq .st-h2::after { content:""; display:block; width:64px; height:4px; background:#f3921d; border-radius:2px; margin:20px auto 0; }
body.page-id-3876 .st-finalcta .st-h2::after, body.page-id-3876 .st-hero .st-h2::after { display:none; }

body.page-id-3876 .st-sub      { font-family:'DM Sans',sans-serif; font-size:18px; line-height:1.65; color:#e8e0d0; text-align:center; }
body.page-id-3876 .st-sub-dark { font-family:'DM Sans',sans-serif; font-size:16px; line-height:1.65; color:#5c5145; text-align:center; }
body.page-id-3876 .st-body     { font-family:'DM Sans',sans-serif; font-size:17px; line-height:1.78; color:#4a4036; margin:0 0 18px; }
body.page-id-3876 .st-microlink{ font-family:'DM Sans',sans-serif; font-size:13px; color:#8a7e6e; text-align:center; margin:0; }
body.page-id-3876 .st-microlink a, body.page-id-3876 .st-sub a { color:#f3921d; text-decoration:none; }
body.page-id-3876 .st-fineprint{ font-family:'DM Sans',sans-serif; font-size:12px; color:#8a7e6e; margin:0; }
body.page-id-3876 .st-placeholder { font-family:'DM Sans',sans-serif; font-size:13px; color:#8a7e6e; text-align:center; border:1px dashed #cbb89a; border-radius:10px; padding:18px; }

/* ---------- Buttons ---------- */
body.page-id-3876 .wp-block-button__link { border-radius:8px; font-family:'DM Sans',sans-serif; font-weight:600; padding:16px 36px; box-shadow:0 6px 20px rgba(243,146,29,.28); transition:transform .15s, box-shadow .15s, background-color .2s, color .2s; }
body.page-id-3876 .wp-block-button__link:hover { transform:translateY(-2px); }
body.page-id-3876 .st-btn-orange .wp-block-button__link { background:#f3921d; color:#320e02; font-size:16px; font-weight:700; padding:18px 44px; }
body.page-id-3876 .st-btn-orange .wp-block-button__link:hover { background:#fefaef; color:#320e02; box-shadow:0 10px 30px rgba(243,146,29,.42); }
body.page-id-3876 .st-btn-dark .wp-block-button__link { background:#320e02; color:#fefaef; font-size:15px; box-shadow:0 6px 20px rgba(50,14,2,.30); }
body.page-id-3876 .st-btn-dark .wp-block-button__link:hover { background:#723a0b; }
body.page-id-3876 .st-btn-outline .wp-block-button__link { background:transparent; color:#b26614; border:1.5px solid #b26614; box-shadow:none; font-size:14px; }
body.page-id-3876 .st-btn-outline .wp-block-button__link:hover { background:#b26614; color:#fefaef; }

/* ---------- Counters ---------- */
body.page-id-3876 .st-ctr-strip { display:flex; gap:48px; justify-content:center; flex-wrap:wrap; }
body.page-id-3876 .st-ctr-item { flex:1; min-width:200px; max-width:300px; text-align:center; }
body.page-id-3876 .st-ctr-num { font-family:'DM Serif Display',serif; font-size:68px; color:#f3921d; line-height:1; letter-spacing:-1px; margin-bottom:12px; text-shadow:0 2px 16px rgba(243,146,29,.18); }
body.page-id-3876 .st-ctr-lbl { font-family:'DM Sans',sans-serif; font-size:14px; color:#3f372e; line-height:1.55; margin-bottom:6px; }
body.page-id-3876 .st-ctr-src { font-family:'DM Sans',sans-serif; font-size:11px; color:#8a7e6e; text-transform:uppercase; letter-spacing:.8px; }

/* ---------- Steps ---------- */
body.page-id-3876 .st-steps { gap:40px; }
body.page-id-3876 .st-stepnum { font-family:'DM Serif Display',serif; font-size:64px; color:#f3921d; text-align:center; line-height:1; letter-spacing:-2px; margin:0; -webkit-text-stroke:0; }
body.page-id-3876 .st-steptitle { font-family:'DM Serif Display',serif; font-size:22px; color:#320e02; text-align:center; margin:8px 0 10px; }
body.page-id-3876 .st-stepbody { font-family:'DM Sans',sans-serif; font-size:14px; color:#5c5145; text-align:center; line-height:1.65; margin:0; }

/* ---------- Icon boxes ---------- */
body.page-id-3876 .st-ibox-wrap { display:flex; flex-direction:column; gap:14px; }
body.page-id-3876 .st-ibox { display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid #e8e0d0; border-radius:10px; padding:18px 20px; box-shadow:0 2px 14px rgba(50,14,2,.05); transition:transform .18s, box-shadow .18s; }
body.page-id-3876 .st-ibox:hover { transform:translateY(-2px); box-shadow:0 8px 26px rgba(50,14,2,.10); }
body.page-id-3876 .st-ibox-ico { width:40px; height:40px; background:rgba(243,146,29,.10); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.page-id-3876 .st-ibox-title { font-family:'DM Sans',sans-serif; font-size:14px; font-weight:600; color:#320e02; margin-bottom:4px; line-height:1.3; }
body.page-id-3876 .st-ibox-desc { font-family:'DM Sans',sans-serif; font-size:13px; color:#5c5145; line-height:1.55; }

/* ---------- About stats ---------- */
body.page-id-3876 .st-stat-stack { display:flex; flex-direction:column; gap:22px; }
body.page-id-3876 .st-stat-num { font-family:'DM Serif Display',serif; font-size:52px; color:#f3921d; line-height:1; letter-spacing:-1.5px; margin-bottom:4px; }
body.page-id-3876 .st-stat-lbl { font-family:'DM Sans',sans-serif; font-size:12.5px; color:#8a7e6e; text-transform:uppercase; letter-spacing:.8px; }

/* ---------- FAQ ---------- */
body.page-id-3876 .st-faq .wp-block-details { border-bottom:1px solid #e8e0d0; padding:18px 0; }
body.page-id-3876 .st-faq summary { font-family:'DM Sans',sans-serif; font-size:15px; font-weight:600; color:#320e02; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; }
body.page-id-3876 .st-faq summary::-webkit-details-marker { display:none; }
body.page-id-3876 .st-faq summary::after { content:"+"; font-size:20px; color:#b26614; flex-shrink:0; transition:transform .25s; }
body.page-id-3876 .st-faq details[open] summary::after { transform:rotate(45deg); }
body.page-id-3876 .st-faq details[open] summary { color:#b26614; }
body.page-id-3876 .st-faq .wp-block-details p { font-family:'DM Sans',sans-serif; font-size:14px; color:#5c5145; line-height:1.65; padding-top:12px; margin:0; }
body.page-id-3876 .st-faq a { color:#b26614; }

/* ---------- Calc placeholder ---------- */
body.page-id-3876 .st-calc-placeholder { border:2px dashed #b26614; border-radius:12px; padding:40px 24px; text-align:center; font-family:'DM Sans',sans-serif; background:#fff; }
body.page-id-3876 .st-ph-title { font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#b26614; margin:0 0 8px; }
body.page-id-3876 .st-ph-body { font-size:14px; color:#5c5145; margin:0; }

/* Radial glows */
body.page-id-3876 .st-hero::after { content:""; position:absolute; pointer-events:none; border-radius:50%; top:-80px; right:-80px; width:380px; height:380px; background:radial-gradient(circle, rgba(243,146,29,.12) 0%, transparent 70%); }
body.page-id-3876 .st-finalcta::after { content:""; position:absolute; pointer-events:none; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); width:520px; height:520px; background:radial-gradient(circle, rgba(243,146,29,.10) 0%, transparent 70%); }

/* ---------- Responsive ---------- */
@media (max-width:768px){
  body.page-id-3876 .st-hero, body.page-id-3876 .st-finalcta { padding:64px 20px; }
  body.page-id-3876 .st-problem, body.page-id-3876 .st-how, body.page-id-3876 .st-diagnostic, body.page-id-3876 .st-about, body.page-id-3876 .st-faq { padding:56px 20px; }
  body.page-id-3876 .st-h2 { font-size:30px; }
  body.page-id-3876 .st-h2-hero { font-size:36px; }
  body.page-id-3876 .st-ctr-num { font-size:54px; }
}
/* ====== End Decision Cost Calculator LP ====== */

/* ====== Section 3: Logo strip + bigger header ====== */
body.page-id-3876 .st-logos .st-eyebrow { font-size:14px; letter-spacing:2px; }
body.page-id-3876 .st-logostrip { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:56px; max-width:1000px; margin:0 auto; }
body.page-id-3876 .st-logo { height:64px; width:auto; object-fit:contain; filter:grayscale(100%); opacity:.6; transition:filter .25s, opacity .25s; }
body.page-id-3876 .st-logo:hover { filter:grayscale(0%); opacity:1; }
@media (max-width:768px){ body.page-id-3876 .st-logostrip { gap:32px; } body.page-id-3876 .st-logo { height:44px; } }

/* ====== Section 8: Headshot in a sharp circle ====== */
body.page-id-3876 .st-headshot-wrap {
  width:240px; height:240px; border-radius:50%; overflow:hidden;
  border:4px solid #fff; box-shadow:0 12px 36px rgba(50,14,2,.18);
  margin:0 0 4px;
}
body.page-id-3876 .st-headshot {
  width:100%; height:100%; object-fit:cover; object-position:center top; display:block;
}

/* ====== Section 7: Premium line icons (CSS mask data-URIs; no emojis, crisp) ====== */
body.page-id-3876 .st-ibox-ico { position:relative; }
body.page-id-3876 .st-ibox-ico::before {
  content:""; position:absolute; inset:0; margin:auto;
  width:20px; height:20px; background:#f3921d;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
}
/* Box 1 — clock (dominant cost driver) */
body.page-id-3876 .st-ibox:nth-child(1) .st-ibox-ico::before {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.5l3.5 3.5'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.5l3.5 3.5'/%3E%3C/svg%3E");
}
/* Box 2 — target (map decision against framework) */
body.page-id-3876 .st-ibox:nth-child(2) .st-ibox-ico::before {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 3v2M12 19v2M3 12h2M19 12h2'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 3v2M12 19v2M3 12h2M19 12h2'/%3E%3C/svg%3E");
}
/* Box 3 — lightning (process change this fortnight) */
body.page-id-3876 .st-ibox:nth-child(3) .st-ibox-ico::before {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");
}
/* Box 4 — trend/route (clear view of what comes next) */
body.page-id-3876 .st-ibox:nth-child(4) .st-ibox-ico::before {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l4-5 4 3 4-7 4 4'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l4-5 4 3 4-7 4 4'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E");
}
/* ====== End extras ====== */

/* ====== hide page-header (theme page title) on this page ====== */
body.page-id-3876 .page-header { display:none; }

/* PAGE-3919-START */
/* ============================================================ */
/* PAGE 3919 — Productivity Coaching for Professionals (Gutenberg) */
/* Brief design system, scoped. No child combinators. Balanced braces. */
/* ============================================================ */

/* fonts: brief uses Merriweather for headings; load it */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&display=swap');

/* ---- section + wrapper ---- */
body.page-id-3919 .st-sec { padding-top:80px; padding-bottom:80px; }
/* beat core is-layout-constrained which otherwise clamps the wrap narrow */
body.page-id-3919 .st-wrap { max-width:1200px !important; margin-left:auto; margin-right:auto; padding-left:2rem; padding-right:2rem; box-sizing:border-box; }
body.page-id-3919 .st-wrap.is-layout-constrained { max-width:1200px !important; }

/* columns: real flex rows on desktop, no premature wrap, honor widths */
body.page-id-3919 .st-sec .wp-block-columns { display:flex; flex-wrap:nowrap; max-width:100%; align-items:stretch; }
body.page-id-3919 .st-sec .wp-block-column { flex:1 1 0%; min-width:0; }
/* explicit-width columns keep their basis (hero 55/45, about 35/65) */
body.page-id-3919 .st-hero-left { flex:0 0 55%; }
body.page-id-3919 .st-hero-right { flex:0 0 45%; }
body.page-id-3919 .st-about-imgcol { flex:0 0 35%; }
body.page-id-3919 .st-about-textcol { flex:0 0 65%; }
/* reset any core paragraph/heading narrowing inside columns */
body.page-id-3919 .wp-block-column .wp-block-paragraph,
body.page-id-3919 .wp-block-column .wp-block-heading { max-width:100% !important; }

/* section backgrounds */
body.page-id-3919 .st-hero { background-color:#FAF8F5; }
body.page-id-3919 .st-stats { background-color:#FFFFFF; }
body.page-id-3919 .st-logos { background-color:#FFFFFF; padding-top:20px; padding-bottom:60px; }
body.page-id-3919 .st-problem { background-color:#FFFFFF; }
body.page-id-3919 .st-pitfalls { background-color:#FAF8F5; }
body.page-id-3919 .st-teaser { background-color:#C4502A; }
body.page-id-3919 .st-vectors { background-color:#FAF8F5; }
body.page-id-3919 .st-session { background-color:#FFFFFF; }
body.page-id-3919 .st-fit { background-color:#FAF8F5; }
body.page-id-3919 .st-about { background-color:#FAF8F5; }
body.page-id-3919 .st-testi { background-color:#FFFFFF; }
body.page-id-3919 .st-how { background-color:#FAF8F5; }
body.page-id-3919 .st-faqsec { background-color:#FFFFFF; }
body.page-id-3919 .st-resources { background-color:#FAF8F5; }
body.page-id-3919 .st-finalcta { background-color:#2B2B2B; padding-top:100px; padding-bottom:100px; }
body.page-id-3919 .st-footer { background-color:#2B2B2B; padding-top:30px; padding-bottom:30px; }

/* ---- typography ---- */
body.page-id-3919 .st-h1 { font-family:Merriweather, Georgia, serif; font-size:3.5rem; line-height:1.2; color:#2B2B2B; font-weight:700; margin:0 0 1.2rem; }
body.page-id-3919 .st-h2 { font-family:Merriweather, Georgia, serif; font-size:2.5rem; line-height:1.25; color:#2B2B2B; font-weight:700; margin:0 0 1rem; }
body.page-id-3919 .st-h2-center { text-align:center; }
body.page-id-3919 .st-h2-white { color:#FFFFFF; }
body.page-id-3919 .st-logos-h { font-size:2rem; color:#757575; font-weight:400; }
body.page-id-3919 .st-sub { font-size:1.1rem; color:#757575; line-height:1.7; margin:0 0 1.5rem; }
body.page-id-3919 .st-sub-center { text-align:center; max-width:640px; margin-left:auto; margin-right:auto; }
body.page-id-3919 .st-sub-white { color:rgba(255,255,255,0.85); }
body.page-id-3919 .st-sub-muted { color:#999999; }
body.page-id-3919 .st-body { font-size:1.05rem; color:#4a4036; line-height:1.75; margin:0 0 1.2rem; }
body.page-id-3919 .st-strong { font-weight:700; color:#2B2B2B; }
body.page-id-3919 .st-lead { font-size:1.1rem; }

/* ---- label pills ---- */
body.page-id-3919 .st-pill { display:inline-block; padding:8px 20px; background:#FFE9E1; color:#C4502A; border-radius:20px; font-size:0.85rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:1.5rem; }
body.page-id-3919 .st-pill-invert { background:rgba(255,255,255,0.15); color:#FFFFFF; border:1px solid rgba(255,255,255,0.3); }
body.page-id-3919 .st-h2-center .st-pill, body.page-id-3919 .st-wrap .st-pill { }

/* center pills inside centered sections (the .st-html wrapper) */
body.page-id-3919 .st-stats .wp-block-html, body.page-id-3919 .st-pitfalls .wp-block-html.st-pillwrap { text-align:center; }
body.page-id-3919 .st-stats .st-pill, body.page-id-3919 .st-logos .st-pill, body.page-id-3919 .st-pitfalls .st-pill, body.page-id-3919 .st-teaser .st-pill, body.page-id-3919 .st-vectors .st-pill, body.page-id-3919 .st-session .st-pill, body.page-id-3919 .st-fit .st-pill, body.page-id-3919 .st-about .st-pill, body.page-id-3919 .st-testi .st-pill, body.page-id-3919 .st-how .st-pill, body.page-id-3919 .st-faqsec .st-pill, body.page-id-3919 .st-resources .st-pill { display:block; width:fit-content; margin-left:auto; margin-right:auto; }

/* ---- buttons ---- */
body.page-id-3919 .st-btnrow { gap:16px; flex-wrap:wrap; }
body.page-id-3919 .st-btn-orange .wp-block-button__link { background-color:#C4502A; color:#FFFFFF; border-radius:50px; padding:14px 30px; font-weight:600; border:2px solid #C4502A; transition:all .2s ease; }
body.page-id-3919 .st-btn-orange .wp-block-button__link:hover { background-color:#A23D1F; border-color:#A23D1F; }
body.page-id-3919 .st-btn-outline .wp-block-button__link { background-color:transparent; color:#C4502A; border:2px solid #C4502A; border-radius:50px; padding:14px 30px; font-weight:600; transition:all .2s ease; }
body.page-id-3919 .st-btn-outline .wp-block-button__link:hover { background-color:#C4502A; color:#FFFFFF; }
body.page-id-3919 .st-btn-dark .wp-block-button__link { background-color:#2B2B2B; color:#FAF8F5; border-radius:50px; padding:16px 34px; font-weight:600; border:2px solid #2B2B2B; transition:all .2s ease; }
body.page-id-3919 .st-btn-dark .wp-block-button__link:hover { background-color:#000000; border-color:#000000; }
body.page-id-3919 .st-btn-big .wp-block-button__link { font-size:1.15rem; padding:18px 46px; }

/* ---- hero ---- */
body.page-id-3919 .st-hero-cols { gap:60px; align-items:center; }
body.page-id-3919 .st-cal-embed { background:#FFFFFF; border-radius:12px; padding:4px 20px 20px; border:1px solid #E8E4DF; min-height:560px; overflow:hidden; }
body.page-id-3919 .st-cal-head { font-size:0.95rem; font-weight:600; color:#C4502A; text-align:center; margin:14px 0 10px; }
body.page-id-3919 .st-cal-arrow { font-size:1.1rem; margin-right:6px; }
body.page-id-3919 .st-cal-body { color:#8a7e6e; text-align:center; padding:40px 0; }
body.page-id-3919 #my-cal-inline-free-30-min-productivity-diagnostic { width:100%; min-height:480px; overflow:auto; }

/* ---- stats ---- */
body.page-id-3919 .st-stat-cols { gap:30px; }
body.page-id-3919 .st-stat { text-align:center; }
body.page-id-3919 .st-stat-num { font-size:3rem; font-weight:700; color:#C4502A; font-family:Merriweather, Georgia, serif; margin:0 0 .3rem; }
body.page-id-3919 .st-stat-label { color:#757575; font-size:0.9rem; margin:0; }

/* ---- logo marquee ---- */
body.page-id-3919 .st-logo-marquee { position:relative; overflow:hidden; width:100%; padding-top:10px; }
body.page-id-3919 .st-logo-marquee__track { display:inline-flex; align-items:center; gap:40px; animation:st-logo-scroll 40s linear infinite; will-change:transform; }
body.page-id-3919 .st-logo-marquee__item { display:flex; align-items:center; justify-content:center; min-width:140px; }
body.page-id-3919 .st-logo-marquee__item img { height:80px; width:auto; object-fit:contain; display:block; opacity:0.95; transition:opacity .3s ease, transform .3s ease; }
body.page-id-3919 .st-logo-marquee__item:hover img { opacity:1; transform:translateY(-2px); }
@keyframes st-logo-scroll { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

/* ---- problem ---- */
body.page-id-3919 .st-problem-cols { gap:60px; }
body.page-id-3919 .st-fbox { background:#F5F2ED; border-left:4px solid #C4502A; border-radius:0 8px 8px 0; padding:24px; margin-bottom:0; }
body.page-id-3919 .st-fbox-h { color:#C4502A; font-size:1.15rem; margin:0 0 .5rem; font-family:Merriweather, Georgia, serif; }
body.page-id-3919 .st-fbox-p { color:#4a4036; margin:0; line-height:1.6; }

/* ---- generic cards / pitfalls / vectors etc ---- */
body.page-id-3919 .st-card-p { color:#4a4036; line-height:1.7; margin:0 0 1rem; }
body.page-id-3919 .st-pitfall-row3 { gap:24px; }
body.page-id-3919 .st-pitfall-row2 { gap:24px; max-width:780px; margin-left:auto; margin-right:auto; }
body.page-id-3919 .st-pitfall { background:#FFFFFF; border-left:4px solid #C4502A; border-radius:0 8px 8px 0; padding:28px 24px; height:100%; box-shadow:0 2px 10px rgba(0,0,0,0.04); }
body.page-id-3919 .st-pitfall-label { font-size:0.72rem; letter-spacing:0.14em; color:#C4502A; font-weight:600; text-transform:uppercase; font-family:monospace; margin:0 0 12px; }
body.page-id-3919 .st-pitfall-h { font-size:1.3rem; color:#2B2B2B; margin:0 0 .6rem; font-family:Merriweather, Georgia, serif; }

/* ---- teaser ---- */
body.page-id-3919 .st-teaser .st-wrap { max-width:900px; text-align:center; }
body.page-id-3919 .st-calc-card { background:#2B2B2B; border-radius:8px; padding:32px 36px; max-width:680px; margin:0 auto; position:relative; text-align:left; }
body.page-id-3919 .st-calc-badge { position:absolute; top:14px; right:16px; font-family:monospace; font-size:10px; letter-spacing:0.18em; color:#C4502A; background:rgba(196,80,42,0.12); border:1px solid rgba(196,80,42,0.3); padding:3px 8px; border-radius:2px; }
body.page-id-3919 .st-calc-row { display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.08); }
body.page-id-3919 .st-calc-k { font-size:14px; color:rgba(255,255,255,0.6); }
body.page-id-3919 .st-calc-v { font-family:monospace; font-size:18px; color:#C4502A; font-weight:500; }
body.page-id-3919 .st-calc-total { border-bottom:none; padding:18px 0 0; }
body.page-id-3919 .st-calc-total .st-calc-k { font-size:15px; color:#FAF8F5; font-weight:500; }
body.page-id-3919 .st-calc-total .st-calc-v { font-size:26px; color:#FAF8F5; font-weight:700; }

/* ---- vectors ---- */
body.page-id-3919 .st-vec-cols { gap:30px; }
body.page-id-3919 .st-vec { background:#FFFFFF; border:1px solid #E8E4DF; border-radius:16px; padding:44px 28px; height:100%; text-align:center; }
body.page-id-3919 .st-vec-icon { width:80px; height:80px; margin:0 auto 20px; background:#FFE9E1; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2.3rem; }
body.page-id-3919 .st-vec-h { font-size:1.4rem; color:#2B2B2B; margin:0 0 .8rem; font-family:Merriweather, Georgia, serif; }
body.page-id-3919 .st-vec .st-card-p { text-align:left; }
body.page-id-3919 .st-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; justify-content:center; }
body.page-id-3919 .st-chip { display:inline-block; font-size:11px; color:#C4502A; background:#FFE9E1; border-radius:20px; padding:4px 10px; }

/* ---- session ---- */
body.page-id-3919 .st-session-cols { gap:24px; }
body.page-id-3919 .st-scard { background:#FFFFFF; border:1px solid #E8E4DF; border-radius:12px; padding:36px; }
body.page-id-3919 .st-check { color:#C4502A; font-size:1.5rem; margin:0 0 .4rem; }
body.page-id-3919 .st-scard-h { font-size:1.3rem; color:#2B2B2B; margin:0 0 .6rem; font-family:Merriweather, Georgia, serif; }
body.page-id-3919 .st-scard .st-card-p { text-align:left; }

/* ---- who this is for ---- */
body.page-id-3919 .st-fit-cols { gap:60px; }
body.page-id-3919 .st-fit-h { font-size:1.4rem; margin:0 0 1.2rem; font-family:Merriweather, Georgia, serif; }
body.page-id-3919 .st-fit-h-yes { color:#2a6e47; }
body.page-id-3919 .st-fit-h-no { color:#b71c1c; }
body.page-id-3919 .st-yes { background:#F0F9F4; border-left:4px solid #4CAF50; border-radius:0 8px 8px 0; padding:16px 20px; margin-bottom:12px; }
body.page-id-3919 .st-no { background:#FFF0F0; border-left:4px solid #E74C3C; border-radius:0 8px 8px 0; padding:16px 20px; margin-bottom:12px; }
body.page-id-3919 .st-fit-p { margin:0; color:#4a4036; line-height:1.55; }

/* ---- about ---- */
body.page-id-3919 .st-about-cols { gap:48px; align-items:center; }
body.page-id-3919 .st-about-img img { border-radius:12px; max-width:300px; width:100%; height:auto; }
body.page-id-3919 .st-about-textcol .st-body { text-align:left; }
body.page-id-3919 .st-creds { display:flex; flex-wrap:wrap; gap:12px; margin-top:1.5rem; }
body.page-id-3919 .st-cred { display:inline-block; padding:8px 20px; background:#FFE9E1; color:#C4502A; border-radius:20px; font-size:0.82rem; font-weight:600; letter-spacing:0.5px; }

/* ---- testimonials ---- */
body.page-id-3919 .st-testi-cols { gap:30px; }
body.page-id-3919 .st-tcard { background:#FFFFFF; border:1px solid #E8E4DF; border-radius:12px; padding:36px; box-shadow:0 2px 8px rgba(0,0,0,0.05); height:100%; text-align:left; }
body.page-id-3919 .st-stars { color:#FFB800; font-size:1.05rem; margin:0 0 .8rem; letter-spacing:2px; }
body.page-id-3919 .st-quote { font-style:italic; color:#4a4036; line-height:1.7; margin:0 0 1rem; }
body.page-id-3919 .st-tauthor { color:#757575; font-size:0.85rem; margin:0; }

/* ---- how it works ---- */
body.page-id-3919 .st-how-cols { gap:50px; }
body.page-id-3919 .st-how .wp-block-column { text-align:center; }
body.page-id-3919 .st-step-num { width:80px; height:80px; background:#C4502A; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#FFFFFF; font-size:2rem; font-weight:700; margin:0 auto 20px; }
body.page-id-3919 .st-step-h { font-size:1.3rem; color:#2B2B2B; margin:0 0 .6rem; font-family:Merriweather, Georgia, serif; }
body.page-id-3919 .st-fineprint { color:#757575; font-size:0.9rem; margin-top:1rem; }
body.page-id-3919 .st-fineprint-center { text-align:center; }

/* ---- FAQ ---- */
body.page-id-3919 .st-faqsec .st-wrap { max-width:900px; }
body.page-id-3919 .st-faq { border:1px solid #E8E4DF; border-radius:8px; padding:20px 25px; margin-bottom:15px; background:#FFFFFF; text-align:left; }
body.page-id-3919 .st-faq summary { font-weight:600; font-size:1.05rem; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; color:#2B2B2B; }
body.page-id-3919 .st-faq summary::-webkit-details-marker { display:none; }
body.page-id-3919 .st-faq summary::after { content:'+'; color:#C4502A; font-size:1.5rem; line-height:1; }
body.page-id-3919 .st-faq[open] summary::after { content:'2212'; }
body.page-id-3919 .st-faq[open] summary { color:#C4502A; }
body.page-id-3919 .st-faq p { margin-top:18px; padding-top:18px; border-top:1px solid #E8E4DF; color:#757575; line-height:1.7; }

/* ---- resources ---- */
body.page-id-3919 .st-res-cols { gap:24px; }
body.page-id-3919 .st-rcard { background:#FFFFFF; border:1px solid #E8E4DF; border-radius:12px; padding:36px; text-align:left; }
body.page-id-3919 .st-arrow { color:#C4502A; font-size:2rem; margin:0 0 .4rem; line-height:1; }
body.page-id-3919 .st-rcard-h { font-size:1.3rem; margin:0 0 .6rem; font-family:Merriweather, Georgia, serif; }
body.page-id-3919 .st-rcard-h a { color:#2B2B2B; text-decoration:none; }
body.page-id-3919 .st-rcard-h a:hover { color:#C4502A; }

/* ---- final cta ---- */
body.page-id-3919 .st-finalcta .st-wrap { max-width:900px; text-align:center; }
body.page-id-3919 .st-finalcta .st-h2 { font-size:2.5rem; }

/* ---- footer ---- */
body.page-id-3919 .st-footer-links { display:flex; flex-wrap:wrap; gap:24px; justify-content:center; padding-bottom:20px; }
body.page-id-3919 .st-footer-links a { color:#999999; text-decoration:none; font-size:0.9rem; }
body.page-id-3919 .st-footer-links a:hover { color:#FFFFFF; }
body.page-id-3919 .st-copy { text-align:center; color:#666666; font-size:0.85rem; }

/* hide theme page title on this page */
body.page-id-3919 .page-header { display:none; }

/* ---- mobile ---- */
@media (max-width:768px) {
  body.page-id-3919 .st-h1 { font-size:2.4rem; }
  body.page-id-3919 .st-h2 { font-size:1.9rem; }
  body.page-id-3919 .st-sec { padding-top:56px; padding-bottom:56px; }
  body.page-id-3919 #my-cal-inline-free-30-min-productivity-diagnostic { min-height:560px; }
  /* stack all columns on mobile (override desktop flex bases) */
  body.page-id-3919 .st-sec .wp-block-columns { flex-wrap:wrap; }
  body.page-id-3919 .st-sec .wp-block-column,
  body.page-id-3919 .st-hero-left, body.page-id-3919 .st-hero-right,
  body.page-id-3919 .st-about-imgcol, body.page-id-3919 .st-about-textcol { flex:1 1 100%; }
}

/* PAGE-3919-END */

/* ====== Productivity Tips hub page #1652 — restored CSS (was stripped of ) ====== */
body.page-id-1652 .page-title, body.page-id-1652 h1.entry-title, body.page-id-1652 .entry-header { display: none !important; }
body.page-id-1652 .card-type-badge { z-index: 10 !important; margin: 0; }



/* Adjust card type badge to be top-left */
body.page-id-1652 .card-type-badge {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* Add hover effect for badges */
body.page-id-1652 .featured-card:hover .card-type-badge, body.page-id-1652 .resource-card:hover .card-type-badge {
    color: var(--orange) !important;
    /* We removed background-color change so it stays solid */
}

/* FAQ Hover Color Override */
body.page-id-1652 .faq-question:hover {
    color: var(--orange) !important;
}
body.page-id-1652 .faq-question:hover svg {
    stroke: var(--orange) !important;
}
body.page-id-1652 .faq-item.open .faq-question {
    color: var(--orange) !important;
}
body.page-id-1652 .faq-item.open .faq-question svg {
    stroke: var(--orange) !important;
}



    body.page-id-1652 {
      --off-white: #fefaef;
      --dark-brown: #320e02;
      --brown: #723a0b;
      --orangy: #b26614;
      --orange: #f3921d;
      --cream: #fdf5e0;
      --light-tan: #f9edd4;
      --white: #ffffff;
      --gray-100: #f7f3ea;
      --gray-200: #e8e0d0;
      --gray-500: #8a7e6e;
      --gray-700: #5c5145;
    }

    body.page-id-1652 * { margin: 0; padding: 0; box-sizing: border-box; }

    body.page-id-1652 body {
      font-family: 'DM Sans', sans-serif;
      background: var(--off-white);
      color: var(--dark-brown);
      -webkit-font-smoothing: antialiased;
    }

    /* ============================================
       ELEMENTOR BLOCK 1: HERO SECTION
       ============================================ */
    body.page-id-1652 .hero-section {
      background: var(--dark-brown);
      padding: 80px 0 60px;
      position: relative;
      overflow: hidden;
    }

    body.page-id-1652 .hero-section::before {
      content: '';
      position: absolute;
      top: -100px;
      right: -100px;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(243,146,29,0.15) 0%, transparent 70%);
      border-radius: 50%;
    }

    body.page-id-1652 .hero-section::after {
      content: '';
      position: absolute;
      bottom: -50px;
      left: 10%;
      width: 200px;
      height: 200px;
      background: radial-gradient(circle, rgba(178,102,20,0.1) 0%, transparent 70%);
      border-radius: 50%;
    }

    body.page-id-1652 .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
      position: relative;
      z-index: 1;
    }

    body.page-id-1652 .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(243,146,29,0.12);
      border: 1px solid rgba(243,146,29,0.25);
      color: var(--orange);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      padding: 8px 16px;
      border-radius: 100px;
      margin-bottom: 24px;
    }

    body.page-id-1652 .hero-badge svg {
      width: 14px;
      height: 14px;
    }

    body.page-id-1652 .hero-title {
      font-family: 'DM Serif Display', serif;
      font-size: clamp(36px, 5vw, 56px);
      color: var(--off-white);
      line-height: 1.15;
      margin-bottom: 20px;
      max-width: 700px;
    }

    body.page-id-1652 .hero-title span {
      color: var(--orange);
    }

    body.page-id-1652 .hero-subtitle {
      font-size: 18px;
      color: var(--gray-200);
      line-height: 1.65;
      max-width: 580px;
      margin-bottom: 36px;
    }

    body.page-id-1652 .hero-stats {
      display: flex;
      gap: 48px;
      flex-wrap: wrap;
    }

    body.page-id-1652 .hero-stat {
      text-align: left;
    }

    body.page-id-1652 .hero-stat-number {
      font-family: 'DM Serif Display', serif;
      font-size: 32px;
      color: var(--orange);
      line-height: 1;
      margin-bottom: 4px;
    }

    body.page-id-1652 .hero-stat-label {
      font-size: 13px;
      color: var(--gray-500);
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    /* ============================================
       ELEMENTOR BLOCK 2: CATEGORY FILTER NAV
       ============================================ */
    body.page-id-1652 .filter-nav {
      background: var(--white);
      border-bottom: 1px solid var(--gray-200);
      padding: 0;
      position: sticky;
      top: 0;
      z-index: 100;
    }

    body.page-id-1652 .filter-nav-inner {
      display: flex;
      align-items: center;
      gap: 0;
      overflow-x: auto;
      scrollbar-width: none;
    }

    body.page-id-1652 .filter-nav-inner::-webkit-scrollbar { display: none; }

    body.page-id-1652 .filter-link {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 18px 24px;
      font-size: 14px;
      font-weight: 600;
      color: var(--gray-700);
      text-decoration: none;
      white-space: nowrap;
      border-bottom: 3px solid transparent;
      transition: all 0.2s ease;
    }

    body.page-id-1652 .filter-link:hover, body.page-id-1652 .filter-link.active {
      color: var(--dark-brown);
      border-bottom-color: var(--orange);
    }

    body.page-id-1652 .filter-link svg {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
    }

    /* ============================================
       ELEMENTOR BLOCK 3: FEATURED / MOST POPULAR
       ============================================ */
    body.page-id-1652 .featured-section {
      background: var(--off-white);
      padding: 64px 0;
    }

    body.page-id-1652 .section-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px;
      flex-wrap: wrap;
      gap: 16px;
    }

    body.page-id-1652 .section-label {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      color: var(--orangy);
      margin-bottom: 8px;
    }

    body.page-id-1652 .section-title {
      font-family: 'DM Serif Display', serif;
      font-size: 32px;
      color: var(--dark-brown);
      line-height: 1.2;
    }

    body.page-id-1652 .section-link {
      font-size: 14px;
      font-weight: 600;
      color: var(--orangy);
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: color 0.2s;
    }

    body.page-id-1652 .section-link:hover { color: var(--orange); }

    body.page-id-1652 .featured-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }

    
@media (max-width: 768px) {

      body.page-id-1652 .featured-grid { grid-template-columns: 1fr; }
    
}


    body.page-id-1652 .featured-card {
      background: var(--white);
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid var(--gray-200);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
    }

    body.page-id-1652 .featured-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 32px rgba(50,14,2,0.08);
    }

    body.page-id-1652 .featured-card-image {
      width: 100%;
      height: 200px;
      background: var(--cream);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }

    body.page-id-1652 .featured-card-image .card-icon {
      width: 64px;
      height: 64px;
      background: var(--orange);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    body.page-id-1652 .featured-card-image .card-icon svg {
      width: 32px;
      height: 32px;
      color: var(--white);
    }

    body.page-id-1652 .card-type-badge {
      position: absolute;
      top: 12px;
      left: 12px;
      background: var(--dark-brown);
      color: var(--off-white);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      padding: 4px 10px;
      border-radius: 4px;
    }

    body.page-id-1652 .featured-card-body {
      padding: 24px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    body.page-id-1652 .card-category {
      font-size: 12px;
      font-weight: 600;
      color: var(--orangy);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 8px;
    }

    body.page-id-1652 .card-title {
      font-family: 'DM Serif Display', serif;
      font-size: 20px;
      color: var(--dark-brown);
      line-height: 1.3;
      margin-bottom: 12px;
    }

    body.page-id-1652 .card-description {
      font-size: 14px;
      color: var(--gray-700);
      line-height: 1.6;
      margin-bottom: 20px;
      flex: 1;
    }

    body.page-id-1652 .card-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      font-weight: 600;
      color: var(--orangy);
      transition: gap 0.2s ease;
    }

    body.page-id-1652 .featured-card:hover .card-cta {
      gap: 12px;
      color: var(--orange);
    }

    /* ============================================
       ELEMENTOR BLOCK 4: EMAIL CAPTURE BANNER
       ============================================ */
    body.page-id-1652 .email-capture {
      background: linear-gradient(135deg, var(--brown) 0%, var(--dark-brown) 100%);
      padding: 56px 0;
      position: relative;
      overflow: hidden;
    }

    body.page-id-1652 .email-capture::before {
      content: '';
      position: absolute;
      top: -60px;
      right: 5%;
      width: 300px;
      height: 300px;
      background: radial-gradient(circle, rgba(243,146,29,0.1) 0%, transparent 70%);
      border-radius: 50%;
    }

    body.page-id-1652 .email-capture-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
      flex-wrap: wrap;
    }

    body.page-id-1652 .email-capture-text {
      max-width: 500px;
    }

    body.page-id-1652 .email-capture-text h3 {
      font-family: 'DM Serif Display', serif;
      font-size: 28px;
      color: var(--off-white);
      margin-bottom: 12px;
    }

    body.page-id-1652 .email-capture-text p {
      font-size: 15px;
      color: var(--gray-200);
      line-height: 1.6;
    }

    body.page-id-1652 .substack-embed {
      flex: 1;
      max-width: 500px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    body.page-id-1652 .substack-embed iframe {
      max-width: 100%;
      border-radius: 8px;
    }

    /* Override Substack embed colors on dark backgrounds */
    body.page-id-1652 .email-capture .substack-embed iframe, body.page-id-1652 .bottom-capture .substack-embed iframe {
      filter: none;
    }

    
@media (max-width: 768px) {

      body.page-id-1652 .substack-embed {
        width: 100%;
        max-width: 100%;
      }
      body.page-id-1652 .substack-embed iframe {
        width: 100% !important;
      }
    
}


    /* ============================================
       ELEMENTOR BLOCK 5: ASSESSMENTS & QUIZZES
       ============================================ */
    body.page-id-1652 .resource-section {
      padding: 64px 0;
    }

    body.page-id-1652 .resource-section.alt-bg {
      background: var(--white);
    }

    body.page-id-1652 .resource-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    
@media (max-width: 1024px) {

      body.page-id-1652 .resource-grid { grid-template-columns: repeat(2, 1fr); }
    
}


    
@media (max-width: 640px) {

      body.page-id-1652 .resource-grid { grid-template-columns: 1fr; }
    
}


    body.page-id-1652 .resource-card {
      background: var(--white);
      border-radius: 12px;
      border: 1px solid var(--gray-200);
      overflow: hidden;
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    body.page-id-1652 .alt-bg .resource-card {
      background: var(--off-white);
    }

    body.page-id-1652 .resource-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(50,14,2,0.06);
    }

    body.page-id-1652 .resource-card-image {
      height: 160px;
      background: var(--cream);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    body.page-id-1652 .resource-card-image .icon-circle {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: var(--orange);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    body.page-id-1652 .resource-card-image .icon-circle svg {
      width: 26px;
      height: 26px;
      color: var(--white);
    }

    body.page-id-1652 .resource-card-body {
      padding: 20px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    body.page-id-1652 .resource-card-body .card-category {
      margin-bottom: 6px;
    }

    body.page-id-1652 .resource-card-body .card-title {
      font-size: 17px;
      margin-bottom: 8px;
    }

    body.page-id-1652 .resource-card-body .card-description {
      font-size: 13px;
      margin-bottom: 16px;
    }

    body.page-id-1652 .resource-card-body .card-cta {
      margin-top: auto;
      font-size: 13px;
    }

    /* ============================================
       ELEMENTOR BLOCK 6: INLINE CTA STRIP
       ============================================ */
    body.page-id-1652 .cta-strip {
      background: var(--cream);
      border-top: 1px solid var(--gray-200);
      border-bottom: 1px solid var(--gray-200);
      padding: 40px 0;
    }

    body.page-id-1652 .cta-strip-inner {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 32px;
      flex-wrap: wrap;
      text-align: center;
    }

    body.page-id-1652 .cta-strip-text {
      font-family: 'DM Serif Display', serif;
      font-size: 22px;
      color: var(--dark-brown);
    }

    body.page-id-1652 .cta-strip-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 32px;
      font-size: 15px;
      font-weight: 600;
      font-family: 'DM Sans', sans-serif;
      color: var(--off-white);
      background: var(--dark-brown);
      border-radius: 8px;
      text-decoration: none;
      transition: background 0.2s;
    }

    body.page-id-1652 .cta-strip-btn:hover {
      background: var(--brown);
    }

    /* ============================================
       ELEMENTOR BLOCK 7: FAQ SECTION
       ============================================ */
    body.page-id-1652 .faq-section {
      background: var(--off-white);
      padding: 64px 0;
    }

    body.page-id-1652 .faq-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      max-width: 960px;
    }

    
@media (max-width: 768px) {

      body.page-id-1652 .faq-grid { grid-template-columns: 1fr; }
    
}


    body.page-id-1652 .faq-item {
      background: var(--white);
      border: 1px solid var(--gray-200);
      border-radius: 10px;
      overflow: hidden;
    }

    body.page-id-1652 .faq-question {
      width: 100%;
      padding: 20px 24px;
      font-size: 15px;
      font-weight: 600;
      font-family: 'DM Sans', sans-serif;
      color: var(--dark-brown);
      background: none;
      border: none;
      text-align: left;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    body.page-id-1652 .faq-question svg {
      width: 20px;
      height: 20px;
      flex-shrink: 0;
      color: var(--orangy);
      transition: transform 0.3s;
    }

    body.page-id-1652 .faq-item.open .faq-question svg {
      transform: rotate(45deg);
    }

    body.page-id-1652 .faq-answer {
      padding: 0 24px 20px;
      font-size: 14px;
      color: var(--gray-700);
      line-height: 1.65;
      display: none;
    }

    body.page-id-1652 .faq-item.open .faq-answer {
      display: block;
    }

    /* ============================================
       ELEMENTOR BLOCK 8: BOTTOM EMAIL CAPTURE
       ============================================ */
    body.page-id-1652 .bottom-capture {
      background: var(--dark-brown);
      padding: 80px 0;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    body.page-id-1652 .bottom-capture::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(243,146,29,0.08) 0%, transparent 70%);
      border-radius: 50%;
    }

    body.page-id-1652 .bottom-capture h2 {
      font-family: 'DM Serif Display', serif;
      font-size: 36px;
      color: var(--off-white);
      margin-bottom: 16px;
      position: relative;
    }

    body.page-id-1652 .bottom-capture p {
      font-size: 16px;
      color: var(--gray-200);
      margin-bottom: 32px;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.6;
      position: relative;
    }

    body.page-id-1652 .bottom-capture .substack-embed {
      max-width: 500px;
      margin: 0 auto;
      position: relative;
    }

    /* Utility */
    body.page-id-1652 .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
    }

    /* ============================================
       ELEMENTOR NOTES / COMMENTS FOR BLOCKS
       ============================================ */
  
<!-- ============================================
     ELEMENTOR BLOCK 1: HERO SECTION
     Background: Dark Brown (#320e02)
     ============================================ -->
/* ====== End hub #1652 CSS ====== */

/* ====== FAQ native <details> patch (replaces JS toggle) ====== */
body.page-id-1652 details.faq-item summary.faq-question { list-style: none; cursor: pointer; }
body.page-id-1652 details.faq-item summary.faq-question::-webkit-details-marker { display: none; }
body.page-id-1652 .faq-answer { display: none; }
body.page-id-1652 details.faq-item[open] .faq-answer { display: block; }
body.page-id-1652 summary.faq-question::after { content: "+"; float: right; color: #b26614; font-weight: 700; margin-left: 12px; }
body.page-id-1652 details.faq-item[open] summary.faq-question::after { content: "−"; }
/* ====== End FAQ native details patch ====== */

/* ====== Hub newsletter form ====== */
body.page-id-1652 .st-nl-form { display:flex; gap:10px; max-width:440px; flex-wrap:wrap; }
body.page-id-1652 .st-nl-input { flex:1; min-width:200px; padding:14px 16px; font-family:'DM Sans',sans-serif; font-size:15px; color:#320e02; background:#fff; border:1.5px solid #e8e0d0; border-radius:8px; outline:none; transition:border-color .2s; }
body.page-id-1652 .st-nl-input:focus { border-color:#f3921d; }
body.page-id-1652 .st-nl-btn { padding:14px 28px; font-family:'DM Sans',sans-serif; font-size:15px; font-weight:600; color:#320e02; background:#f3921d; border:none; border-radius:8px; cursor:pointer; transition:background .2s, transform .15s; }
body.page-id-1652 .st-nl-btn:hover { background:#fefaef; transform:translateY(-1px); }
body.page-id-1652 .st-nl-btn:disabled { opacity:.6; cursor:default; transform:none; }
body.page-id-1652 .st-nl-msg { font-family:'DM Sans',sans-serif; font-size:14px; margin:12px 0 0; min-height:18px; color:#2a6e47; }
body.page-id-1652 .st-nl-msg.err { color:#b71c1c; }
body.page-id-1652 .st-nl-fine { font-family:'DM Sans',sans-serif; font-size:12px; color:#8a7e6e; margin:8px 0 0; }
/* ====== End hub newsletter form ====== */


/* ====== Newsletter Fluent Form (id 4) brand styling ====== */
.fluentform_wrapper_4 .ff-el-group { margin-bottom: 0 !important; }
.fluentform_wrapper_4 form.ff-form-loading, .fluentform_wrapper_4 .fluentform { max-width: 480px; }
.fluentform_wrapper_4 .ff-el-input--content input[type=email], .fluentform_wrapper_4 input.ff-el-form-control {
  background:#fff !important; border:1.5px solid #e8e0d0 !important; border-radius:8px !important;
  padding:14px 16px !important; font-size:15px !important; color:#320e02 !important; height:auto !important;
  font-family:'DM Sans',sans-serif !important;
}
.fluentform_wrapper_4 input.ff-el-form-control:focus { border-color:#f3921d !important; box-shadow:none !important; }
.fluentform_wrapper_4 .ff-btn-submit, .fluentform_wrapper_4 button[type=submit] {
  background:#f3921d !important; color:#320e02 !important; border:none !important; border-radius:8px !important;
  padding:14px 28px !important; font-size:15px !important; font-weight:700 !important; cursor:pointer !important;
  font-family:'DM Sans',sans-serif !important; transition:background .2s, transform .15s !important;
}
.fluentform_wrapper_4 .ff-btn-submit:hover, .fluentform_wrapper_4 button[type=submit]:hover { background:#fefaef !important; transform:translateY(-1px) !important; }
/* try to lay input + button on one row */
.fluentform_wrapper_4 .ff-t-container, .fluentform_wrapper_4 .ff-step-body { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; }
.fluentform_wrapper_4 .ff-el-group.ff-el-input--container, .fluentform_wrapper_4 .ff_email_container { flex:1; min-width:200px; }
.fluentform_wrapper_4 .ff-el-group.ff_submit_btn_wrapper, .fluentform_wrapper_4 .ff-el-group:last-child { flex:0 0 auto; }
/* success/error messages on dark bg */
.fluentform_wrapper_4 .ff-message-success { color:#bfe6c9 !important; }
/* labels: hide for a clean inline opt-in (placeholder carries the meaning) */
.email-capture .fluentform_wrapper_4 .ff-el-input--label { display:none !important; }
/* ====== End newsletter form styling ====== */

/* newsletter heading/text light on dark section */
body.page-id-1652 .email-capture-title { color:#fefaef !important; font-family:'DM Serif Display',serif; }
body.page-id-1652 .email-capture-text { color:rgba(254,250,239,.75) !important; }
/* email-capture-title light marker */

/* hide hello-elementor default footer (#site-footer) - replaced by native functions.php footer */
#site-footer.site-footer { display: none !important; }

/* footer center override (page wildcard reset was zeroing margin:auto) */
.sf-main-inner, .sf-bottom-inner { margin-left:auto !important; margin-right:auto !important; }

/* ====== hub polish 2026-07-01: nav center, form width, footer breathing ====== */
/* 1. Center the filter/category nav */
body.page-id-1652 .filter-nav-inner { max-width:1100px; margin:0 auto; justify-content:center; gap:32px; padding-left:24px; padding-right:24px; }

/* 3. Footer breathing room on top */
body .sf-main { padding-top:88px !important; }
/* ====== End hub polish ====== */
/* ===== Decision Cost Calculator Popup (#st-dcc-popup) ===== */
/* Neutralise Popup Maker theme chrome for this popup only */
#pum-3660 .pum-container {
  background: #320e02 !important;
  background-color: #320e02 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,0.45) !important;
  padding: 0 !important;
}
#st-dcc-popup {
  font-family: 'DM Sans', sans-serif;
  position: relative;
  overflow: hidden;
  background: #320e02;
  border-radius: 10px;
  padding: 46px 44px 40px;
  text-align: center;
  color: #fefaef;
}
#st-dcc-popup .st-dcc-glow {
  position: absolute;
  top: -140px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  height: 320px;
  background: radial-gradient(ellipse at center, rgba(243,146,29,0.30), rgba(243,146,29,0) 68%);
  pointer-events: none;
  z-index: 0;
}
#st-dcc-popup .st-dcc-eyebrow {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #f3921d;
  margin-bottom: 18px;
}
#st-dcc-popup .st-dcc-h2 {
  position: relative;
  z-index: 1;
  font-family: 'DM Serif Display', serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.08;
  letter-spacing: -1px;
  color: #fefaef;
  margin: 0 0 16px;
  -webkit-text-stroke: 0.35px currentColor;
}
#st-dcc-popup .st-dcc-h2 i {
  font-style: italic;
  color: #f3921d;
}
#st-dcc-popup .st-dcc-sub {
  position: relative;
  z-index: 1;
  font-size: 16px;
  line-height: 1.65;
  color: #e8dccb;
  max-width: 480px;
  margin: 0 auto 26px;
  font-weight: 300;
}
#st-dcc-popup .st-dcc-metrics {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 0;
  list-style: none;
  margin: 0 auto 30px;
  padding: 0;
  max-width: 440px;
}
#st-dcc-popup .st-dcc-metric {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 14px;
  margin: 0;
}
#st-dcc-popup .st-dcc-metric + .st-dcc-metric {
  border-left: 1px solid rgba(254,250,239,0.14);
}
#st-dcc-popup .st-dcc-mval {
  font-family: 'DM Serif Display', serif;
  font-size: 26px;
  line-height: 1;
  color: #f3921d;
}
#st-dcc-popup .st-dcc-mlabel {
  font-size: 11px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #b7a892;
  font-weight: 500;
}
#st-dcc-popup .st-dcc-btn {
  position: relative;
  z-index: 1;
  display: inline-block;
  background: #f3921d;
  color: #320e02;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  padding: 16px 38px;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(243,146,29,0.32);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
#st-dcc-popup .st-dcc-btn:hover {
  background: #ffa435;
  color: #320e02;
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(243,146,29,0.42);
  text-decoration: none;
}
#st-dcc-popup .st-dcc-note {
  position: relative;
  z-index: 1;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #b7a892;
  margin: 16px 0 0;
  font-weight: 400;
}
@media (max-width: 560px) {
  #st-dcc-popup {
    padding: 40px 24px 32px;
  }
  #st-dcc-popup .st-dcc-h2 {
    font-size: 30px;
  }
  #st-dcc-popup .st-dcc-sub {
    font-size: 15px;
  }
  #st-dcc-popup .st-dcc-metric {
    padding: 0 8px;
  }
  #st-dcc-popup .st-dcc-mval {
    font-size: 21px;
  }
}
/* ===== End Decision Cost Calculator Popup ===== */

/* ====== NEWSLETTER FORM — clean authoritative layout ====== */
body.page-id-1652 .email-capture .fluentform_wrapper_4 { max-width:520px; }
body.page-id-1652 .fluentform_wrapper_4 form.frm-fluent-form {
  display:flex !important; flex-wrap:nowrap; gap:10px; align-items:center !important;
}
body.page-id-1652 .fluentform_wrapper_4 form.frm-fluent-form &gt; .ff-el-group {
  margin:0 !important; padding:0 !important; align-self:center !important;
}
body.page-id-1652 .fluentform_wrapper_4 form.frm-fluent-form &gt; .ff-el-group:not(.ff_submit_btn_wrapper) { flex:1 1 auto; min-width:0; }
body.page-id-1652 .fluentform_wrapper_4 .ff_submit_btn_wrapper { flex:0 0 auto; }
body.page-id-1652 .fluentform_wrapper_4 .ff-el-input--label { display:none !important; }
body.page-id-1652 .fluentform_wrapper_4 .ff-el-input--content { margin:0 !important; }
body.page-id-1652 .fluentform_wrapper_4 input[type=email] { width:100% !important; height:52px !important; margin:0 !important; box-sizing:border-box; }
body.page-id-1652 .fluentform_wrapper_4 .ff-btn-submit, body.page-id-1652 .fluentform_wrapper_4 button[type=submit] { height:52px !important; width:auto !important; padding:0 28px !important; margin:0 !important; white-space:nowrap; line-height:1 !important; box-sizing:border-box; }
@media (max-width:520px){
  body.page-id-1652 .fluentform_wrapper_4 form.frm-fluent-form { flex-wrap:wrap; }
  body.page-id-1652 .fluentform_wrapper_4 .ff_submit_btn_wrapper, body.page-id-1652 .fluentform_wrapper_4 button[type=submit] { width:100% !important; }
}
/* ====== End newsletter form clean ====== */

/* ====== form final touch: cap submit wrapper width + align ====== */
body.page-id-1652 .fluentform_wrapper_4 .ff_submit_btn_wrapper { max-width:160px !important; width:auto !important; }
body.page-id-1652 .fluentform_wrapper_4 .ff_submit_btn_wrapper .ff-btn-submit,
body.page-id-1652 .fluentform_wrapper_4 .ff_submit_btn_wrapper button { width:auto !important; display:inline-block !important; }
/* correct the small residual vertical offset (input border) */
/* ====== End form final touch ====== */

/* ====== Native Contact page (Task 3, Elementor-removal project) ====== */
.st-contact-wrap { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.st-contact-section { background: var(--st-off-white); padding: 72px 24px 80px; }
.st-contact-inner { max-width: 640px; margin: 0 auto; text-align: center; }
.st-contact-inner h1 { font-family: 'DM Serif Display', serif; font-size: clamp(32px,5vw,45px); font-weight: 600; color: var(--st-dark-brown); line-height: 1.15; margin: 0 0 18px; }
.st-contact-intro { font-size: 18px; color: var(--st-text-body); line-height: 1.6; margin: 0 0 40px; }
.st-contact-form-wrap { text-align: left; background: #fff; border: 1.5px solid var(--st-gray-200); border-radius: 16px; padding: 36px; margin-bottom: 40px; }
.st-contact-form-wrap .ff-el-group { margin-bottom: 18px !important; width: 100% !important; }
.st-contact-form-wrap label.ff-el-input--label { font-size: 13px; font-weight: 600; color: var(--st-dark-brown); }
.st-contact-form-wrap input.ff-el-form-control,
.st-contact-form-wrap textarea.ff-el-form-control { width: 100% !important; box-sizing: border-box !important; border: 1.5px solid var(--st-gray-200) !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; padding: 10px 14px !important; }
.st-contact-form-wrap input.ff-el-form-control:focus,
.st-contact-form-wrap textarea.ff-el-form-control:focus { border-color: var(--st-orange) !important; box-shadow: none !important; }
.st-contact-form-wrap .ff-btn-submit,
.st-contact-form-wrap button[type=submit] { background: var(--st-orange) !important; border: none !important; border-radius: 999px !important; font-weight: 700 !important; padding: 12px 32px !important; transition: background .2s, transform .2s; }
.st-contact-form-wrap .ff-btn-submit:hover,
.st-contact-form-wrap button[type=submit]:hover { background: var(--st-brown) !important; transform: translateY(-2px); }
.st-contact-details { font-size: 15px; color: var(--st-gray-500); line-height: 1.8; }
.st-contact-details p { margin: 0; }
/* ====== End native Contact page ====== */

/* ====== Native About page (Task 3, Elementor-removal project) ====== */
.st-about-wrap { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.st-about-hero { background: linear-gradient(64deg, var(--st-orangy) 24%, var(--st-brown) 100%); padding: 72px 24px; text-align: center; }
.st-about-hero h1 { font-family: 'DM Serif Display', serif; font-size: clamp(30px,5vw,43px); font-weight: 500; color: #fff; margin: 0; }
.st-about-row { display: flex; align-items: center; gap: 50px; padding: 60px 24px; }
.st-about-row.st-about-alt { background: var(--st-off-white); }
.st-about-row-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 50px; width: 100%; }
.st-about-text { flex: 1 1 50%; }
.st-about-text h2 { font-family: 'DM Serif Display', serif; font-size: 24px; font-weight: 600; color: var(--st-dark-brown); margin: 0 0 4px; }
.st-about-year { font-size: 20px; font-weight: 600; color: var(--st-orangy); margin: 0 0 12px; }
.st-about-text p { font-size: 16px; color: var(--st-text-body); line-height: 1.6; margin: 0; }
.st-about-image { flex: 1 1 50%; }
.st-about-image img { width: 100%; height: auto; border-radius: 14px; display: block; }
.st-about-row.st-about-flip .st-about-row-inner { flex-direction: row-reverse; }
@media (max-width: 780px) {
  .st-about-row, .st-about-row-inner { flex-direction: column !important; gap: 24px; padding: 36px 20px; }
  .st-about-text, .st-about-image { flex: 1 1 auto; width: 100%; }
}
/* ====== End native About page ====== */


/* ====== Native Podcast page (Task 3, Elementor-removal project) ====== */
/* Reset & base */
.pp-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.pp-wrap {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--st-text-body);
  line-height: 1.6;
}

/* HERO */
.pp-hero {
  background: linear-gradient(135deg, var(--st-dark-brown) 0%, var(--st-brown) 55%, var(--st-orangy) 100%);
  padding: 72px 24px 64px;
  position: relative;
  overflow: hidden;
}
.pp-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 60% at 30% 50%, rgba(243,146,29,0.10) 0%, transparent 70%);
  pointer-events: none;
}
.pp-hero-inner {
  position: relative; z-index: 1;
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
}
.pp-eyebrow {
  display: inline-block;
  background: rgba(243,146,29,0.15);
  border: 1px solid rgba(243,146,29,0.35);
  color: var(--st-orange);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 20px;
  margin-bottom: 24px;
}
.pp-hero h1 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(28px, 4vw, 50px);
  font-weight: 600;
  color: #fff;
  line-height: 1.1;
  margin: 0 0 18px;
  letter-spacing: -0.5px;
}
.pp-hero h1 span { color: var(--st-orange); }
.pp-hero-sub {
  font-size: 16px;
  color: rgba(255,255,255,0.72);
  margin: 0 0 36px;
  line-height: 1.7;
}
.pp-platforms {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.pp-hero-yt {
  position: relative; padding-top: 56.25%; border-radius: 14px; overflow: hidden;
  box-shadow: 0 24px 64px rgba(0,0,0,0.5);
}
.pp-hero-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
@media (max-width: 860px) {
  .pp-hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .pp-hero h1 { font-size: clamp(28px, 6vw, 42px); }
  .pp-platforms { justify-content: center; }
  .pp-hero-left { text-align: center; }
  .pp-eyebrow { margin-bottom: 16px; }
}
.pp-platform-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: transform 0.15s, opacity 0.2s;
}
.pp-platform-btn:hover { transform: translateY(-2px); opacity: 0.9; }
.pp-platform-btn.spotify { background: #1DB954; color: #fff !important; }
.pp-platform-btn.apple   { background: #fc3c44; color: #fff !important; }
.pp-platform-btn.youtube { background: #FF0000; color: #fff !important; }
.pp-platform-btn.amazon  { background: #00A8E0; color: #fff !important; }
.pp-platform-btn svg { width: 18px; height: 18px; flex-shrink: 0; }

/* STATS BAR */
.pp-stats { background: var(--st-dark-brown); padding: 40px 24px; }
.pp-stats-inner {
  max-width: 1080px; margin: 0 auto;
  display: flex; align-items: center; justify-content: center;
  gap: 56px; flex-wrap: wrap;
}
.pp-stat-item { text-align: center; }
.pp-stat-num { font-family: 'DM Serif Display', serif; font-size: 32px; font-weight: 600; color: var(--st-orange); line-height: 1; }
.pp-stat-label { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 4px; letter-spacing: 0.5px; }
.pp-stat-sep { width: 1px; height: 48px; background: rgba(255,255,255,0.12); }

/* SHARED */
.pp-container { max-width: 1080px; margin: 0 auto; }
.pp-section-label { font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--st-orange); margin-bottom: 12px; }
.pp-section-title { font-family: 'DM Serif Display', serif; font-size: clamp(26px, 3.5vw, 38px); font-weight: 600; color: var(--st-dark-brown); line-height: 1.2; letter-spacing: -0.3px; margin-bottom: 16px; }
.pp-section-sub { font-size: 16px; color: var(--st-text-body); max-width: 580px; margin-bottom: 48px; line-height: 1.7; }

/* EPISODE FILTERS */
.pp-episodes { background: #fff; padding: 80px 24px; }
.pp-filter-bar {
  display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 40px;
  border-bottom: 1px solid var(--st-gray-200); padding-bottom: 20px;
}
.pp-filter-btn {
  padding: 7px 16px; border-radius: 20px; font-size: 13px; font-weight: 600;
  border: 1.5px solid var(--st-gray-200); background: #fff; color: var(--st-text-body);
  cursor: pointer; transition: all 0.15s; white-space: nowrap;
}
.pp-filter-btn:hover { border-color: var(--st-orange); color: var(--st-orange); }
.pp-filter-btn.active { background: var(--st-orange); border-color: var(--st-orange); color: #fff; }

/* EPISODE GRID */
.pp-episodes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 28px;
}
.pp-ep-card {
  border: 1.5px solid var(--st-gray-200); border-radius: 16px; overflow: hidden;
  display: flex; flex-direction: column;
  transition: box-shadow 0.2s, transform 0.2s;
}
.pp-ep-card:hover { box-shadow: 0 16px 48px rgba(50,14,2,0.10); transform: translateY(-3px); }
.pp-ep-card[style*="display: none"] { transform: none; }

/* CUSTOM AUDIO PLAYER */
.pp-ep-player {
  background: var(--st-dark-brown); padding: 10px 14px;
  display: flex; align-items: center; gap: 10px;
  border-bottom: 1px solid rgba(243,146,29,0.18); flex-shrink: 0;
}
.pp-ep-ctrl {
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--st-orange); border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; transition: background 0.15s;
}
.pp-ep-ctrl:hover { background: var(--st-brown); }
.pp-ep-ctrl svg { width: 18px; height: 18px; fill: #fff; }
.pp-ep-skip {
  background: none; border: none; cursor: pointer;
  color: rgba(255,255,255,0.55); padding: 4px 2px;
  font-size: 10px; font-weight: 800; flex-shrink: 0;
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  transition: color 0.15s; line-height: 1;
}
.pp-ep-skip:hover { color: var(--st-orange); }
.pp-ep-skip svg { width: 15px; height: 15px; fill: currentColor; }
.pp-ep-prog-wrap { flex: 1; display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.pp-ep-prog {
  width: 100%; height: 3px; background: rgba(255,255,255,0.18);
  border-radius: 2px; cursor: pointer; transition: height 0.15s;
}
.pp-ep-prog:hover { height: 5px; }
.pp-ep-prog-fill { height: 100%; background: var(--st-orange); border-radius: 2px; width: 0%; pointer-events: none; }
.pp-ep-times { display: flex; justify-content: space-between; }
.pp-ep-times span { font-size: 10px; color: rgba(255,255,255,0.38); font-variant-numeric: tabular-nums; }

/* CARD CONTENT */
.pp-ep-body { padding: 20px 22px 22px; flex: 1; display: flex; flex-direction: column; }
.pp-ep-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.pp-ep-tag {
  font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  color: var(--st-orange); background: rgba(243,146,29,0.10); border: 1px solid rgba(243,146,29,0.25);
  padding: 3px 10px; border-radius: 12px;
}
.pp-ep-title {
  font-size: 16px; font-weight: 800; color: var(--st-dark-brown); line-height: 1.35;
  margin-bottom: 10px; letter-spacing: -0.2px;
}
.pp-ep-desc { font-size: 13.5px; color: var(--st-text-body); line-height: 1.6; margin-bottom: 18px; flex: 1; }
.pp-ep-divider { height: 1px; background: var(--st-gray-200); margin-bottom: 16px; }

/* PLATFORM LINKS */
.pp-ep-footer { display: flex; flex-direction: column; gap: 8px; }
.pp-ep-listen-cta { font-size: 11px; font-weight: 600; color: var(--st-gray-500); letter-spacing: 0.3px; }
.pp-ep-platform-icons { display: flex; gap: 6px; align-items: center; }
.pp-ep-icon {
  display: flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 8px;
  text-decoration: none !important; transition: transform 0.15s, opacity 0.15s;
  flex-shrink: 0;
}
.pp-ep-icon:hover { transform: translateY(-2px); opacity: 0.85; }
.pp-ep-icon.spotify { background: #1DB954; }
.pp-ep-icon.apple   { background: #fc3c44; }
.pp-ep-icon.youtube { background: #FF0000; }
.pp-ep-icon.amazon  { background: #00A8E0; }
.pp-ep-icon svg { width: 15px; height: 15px; fill: #fff; }

/* NO RESULTS */
.pp-no-results {
  grid-column: 1/-1; text-align: center; padding: 60px 24px;
  color: var(--st-gray-500); font-size: 16px; display: none;
}
.pp-no-results.visible { display: block; }

/* TOPICS */
.pp-topics { background: var(--st-off-white); padding: 72px 24px; }
.pp-topics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.pp-topic-card {
  background: #fff; border: 1px solid var(--st-gray-200); border-radius: 14px;
  padding: 28px 24px; text-align: center;
  transition: box-shadow 0.2s, transform 0.2s;
}
.pp-topic-card:hover { box-shadow: 0 8px 28px rgba(50,14,2,0.08); transform: translateY(-2px); }
.pp-topic-icon { font-size: 30px; margin-bottom: 14px; }
.pp-topic-card h3 { font-size: 15px; font-weight: 700; color: var(--st-dark-brown); margin-bottom: 8px; }
.pp-topic-card p { font-size: 13px; color: var(--st-gray-500); line-height: 1.55; }

/* HOST */
.pp-host { background: #fff; padding: 72px 24px; }
.pp-host-inner {
  max-width: 900px; margin: 0 auto;
  display: grid; grid-template-columns: auto 1fr; gap: 56px; align-items: center;
}
.pp-host-avatar {
  width: 160px; height: 160px; border-radius: 50%;
  background: linear-gradient(135deg, var(--st-orange), var(--st-brown));
  display: flex; align-items: center; justify-content: center;
  font-size: 56px; flex-shrink: 0;
  box-shadow: 0 8px 32px rgba(243,146,29,0.3); overflow: hidden;
}
.pp-host-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.pp-host-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--st-orange); margin-bottom: 10px; }
.pp-host-name { font-family: 'DM Serif Display', serif; font-size: 32px; font-weight: 600; color: var(--st-dark-brown); letter-spacing: -0.3px; margin-bottom: 12px; }
.pp-host-bio { font-size: 16px; color: var(--st-text-body); line-height: 1.7; margin-bottom: 24px; }
.pp-host-links { display: flex; gap: 12px; flex-wrap: wrap; }
.pp-host-link {
  display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600;
  color: var(--st-dark-brown) !important; text-decoration: none !important;
  border: 1.5px solid var(--st-gray-200); padding: 8px 16px; border-radius: 8px;
  transition: border-color 0.2s, background 0.2s;
}
.pp-host-link:hover { border-color: var(--st-orange); background: var(--st-cream); }

/* SUBSCRIBE */
.pp-subscribe { background: var(--st-off-white); padding: 72px 24px; text-align: center; }
.pp-subscribe-platforms { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 40px; }
.pp-subscribe-btn {
  display: inline-flex; align-items: center; gap: 10px; padding: 16px 28px;
  border-radius: 10px; font-size: 15px; font-weight: 700;
  text-decoration: none !important; transition: transform 0.15s, box-shadow 0.15s;
}
.pp-subscribe-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }
.pp-subscribe-btn.spotify { background: #1DB954; color: #fff !important; }
.pp-subscribe-btn.apple   { background: #fc3c44; color: #fff !important; }
.pp-subscribe-btn.youtube { background: #FF0000; color: #fff !important; }
.pp-subscribe-btn.amazon  { background: #00A8E0; color: #fff !important; }
.pp-subscribe-btn svg { width: 22px; height: 22px; }

/* SPONSOR CTA */
.pp-sponsor {
  background: linear-gradient(135deg, var(--st-dark-brown) 0%, var(--st-brown) 60%, var(--st-orangy) 100%);
  padding: 80px 24px; text-align: center; position: relative; overflow: hidden;
}
.pp-sponsor::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse 60% 50% at 50% 100%, rgba(243,146,29,0.10) 0%, transparent 70%);
  pointer-events: none;
}
.pp-sponsor h2 { font-family: 'DM Serif Display', serif; font-size: clamp(28px, 4vw, 44px); font-weight: 600; color: #fff; line-height: 1.2; max-width: 620px; margin: 0 auto 16px; letter-spacing: -0.3px; }
.pp-sponsor p { font-size: 17px; color: rgba(255,255,255,0.68); max-width: 500px; margin: 0 auto 40px; line-height: 1.7; }
.pp-btn-primary {
  display: inline-flex; align-items: center; gap: 8px; background: var(--st-orange);
  color: #fff !important; font-size: 16px; font-weight: 700; padding: 16px 36px;
  border-radius: 999px; text-decoration: none !important;
  transition: background 0.2s, transform 0.15s;
  box-shadow: 0 4px 24px rgba(243,146,29,0.35);
}
.pp-btn-primary:hover { background: var(--st-brown); transform: translateY(-2px); }

/* LATEST EPISODE (YouTube) */
.pp-latest { background: #fff; padding: 72px 24px; }
.pp-yt-wrap {
  max-width: 820px; margin: 0 auto;
  position: relative; padding-top: 46.25%;
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 20px 60px rgba(50,14,2,0.14);
  background: var(--st-dark-brown);
}
.pp-yt-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }

/* LOAD MORE */
.pp-load-more-wrap { text-align: center; margin-top: 48px; }
.pp-load-more-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 36px; border-radius: 999px;
  border: 2px solid var(--st-orange); color: var(--st-orange); background: transparent;
  font-size: 15px; font-weight: 700; cursor: pointer;
  transition: all 0.15s; letter-spacing: -0.1px;
}
.pp-load-more-btn:hover { background: var(--st-orange); color: #fff; }
.pp-archive-note { margin-top: 16px; font-size: 13px; color: var(--st-gray-500); }
.pp-archive-note a { color: var(--st-orange); text-decoration: none; font-weight: 600; }
.pp-archive-note a:hover { text-decoration: underline; }

/* TOPICS CTA */
.pp-topics-cta { text-align: center; margin-top: 48px; }
.pp-topics-cta a {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--st-orange); color: #fff !important; text-decoration: none !important;
  font-size: 15px; font-weight: 700; padding: 14px 32px; border-radius: 999px;
  transition: background 0.15s, transform 0.15s;
  box-shadow: 0 4px 20px rgba(243,146,29,0.3);
}
.pp-topics-cta a:hover { background: var(--st-brown); transform: translateY(-2px); }

/* HOST CTA */
.pp-host-cta {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--st-orange); color: #fff !important; text-decoration: none !important;
  font-size: 14px; font-weight: 700; padding: 11px 22px; border-radius: 999px;
  transition: background 0.15s, transform 0.15s;
  box-shadow: 0 4px 16px rgba(243,146,29,0.3);
}
.pp-host-cta:hover { background: var(--st-brown); transform: translateY(-1px); }

/* RESPONSIVE */
@media (max-width: 640px) {
  .pp-stat-sep { display: none; }
  .pp-stats-inner { gap: 28px; }
  .pp-host-inner { grid-template-columns: 1fr; text-align: center; gap: 28px; }
  .pp-host-avatar { margin: 0 auto; width: 120px; height: 120px; font-size: 42px; }
  .pp-host-links { justify-content: center; }
  .pp-yt-wrap { padding-top: 56.25%; }
}
/* Break the podcast page out of the parent theme's default 1140px content
   wrapper (with sidebar allowance) so full-bleed sections (hero, stats,
   sponsor CTA) can stretch edge-to-edge as designed. */
body.page-id-144 #content.site-main,
body.page-id-144 .page-content {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Hide the theme's default page title ("Podcast") above our custom hero */
body.page-id-144 h1.entry-title {
  display: none !important;
}
/* ====== End native Podcast page ====== */

/* ============================================================
   NATIVE HOME PAGE — styles
   Migrated from the Elementor-era standalone Home page HTML.
   Reskinned onto the site's --st-* design tokens (see the
   :root block already declared in st_render_native_header()).
   Layout/spacing left unchanged — this is a reskin, not a
   redesign. Append this file's content to the end of
   customizer-css-migrated.css (already enqueued site-wide).
   ============================================================ */

.st-home * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.st-home {
    font-family: 'DM Sans', sans-serif;
    color: var(--st-dark-brown);
    background-color: var(--st-off-white);
    line-height: 1.6;
}

.st-home h1, .st-home h2, .st-home h3, .st-home h4 {
    font-family: 'DM Serif Display', serif;
    color: var(--st-dark-brown);
    line-height: 1.2;
}

.st-home .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

.st-home .container-sm {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 40px;
}

/* ===== HERO SECTION ===== */
.st-home .hero {
    background: linear-gradient(135deg, var(--st-dark-brown) 0%, #4a1a0f 100%);
    padding: 100px 40px;
    position: relative;
    overflow: hidden;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.st-home .hero::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(243, 146, 29, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}

.st-home .hero-grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 80px;
    align-items: center;
    max-width: 1200px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.st-home .hero-content {
    animation: st-home-fadeInUp 0.9s ease-out both;
}

.st-home .hero h1 {
    font-size: 58px;
    margin-bottom: 24px;
    color: var(--st-off-white);
    font-weight: 700;
    line-height: 1.15;
}

.st-home .hero-highlight {
    color: var(--st-orange);
    display: inline;
}

.st-home .hero p {
    font-size: 18px;
    color: #f0e8d8;
    margin-bottom: 0;
    line-height: 1.8;
    max-width: 540px;
}

.st-home .hero-bullets {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.st-home .hero-bullets li {
    font-size: 17px;
    color: #f0e8d8;
    line-height: 1.6;
    padding-left: 28px;
    position: relative;
}

.st-home .hero-bullets li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background-color: var(--st-orange);
    border-radius: 50%;
}

.st-home .cta-buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 40px;
}

/* Portrait side */
.st-home .hero-portrait-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: st-home-fadeInScale 1s ease-out 0.25s both;
}

/* Rotating dashed ring */
.st-home .hero-portrait-wrap::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    border: 2px dashed rgba(243, 146, 29, 0.5);
    animation: st-home-slowSpin 50s linear infinite;
    z-index: 2;
    pointer-events: none;
}

/* Orange ambient glow */
.st-home .hero-portrait-wrap::after {
    content: '';
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(243, 146, 29, 0.2) 0%, transparent 65%);
    z-index: 0;
    pointer-events: none;
}

/* Hard-clipped circle — image cannot bleed outside this */
.st-home .hero-portrait-circle {
    width: 360px;
    height: 360px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow:
        0 0 60px rgba(243, 146, 29, 0.15),
        0 32px 80px rgba(10, 2, 0, 0.6);
}

.st-home .hero-portrait {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 15%;
    display: block;
}

@keyframes st-home-slowSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes st-home-fadeInScale {
    from { opacity: 0; transform: scale(0.92); }
    to   { opacity: 1; transform: scale(1); }
}

.st-home .cta-primary {
    background-color: var(--st-orange);
    color: var(--st-dark-brown);
    padding: 16px 40px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    font-family: 'DM Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.st-home .cta-primary:hover {
    background-color: var(--st-orangy);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(243, 146, 29, 0.3);
}

.st-home .cta-secondary {
    background-color: transparent;
    color: var(--st-orange);
    padding: 16px 40px;
    border: 2px solid var(--st-orange);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    font-family: 'DM Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.st-home .cta-secondary:hover {
    background-color: var(--st-orange);
    color: var(--st-dark-brown);
    box-shadow: 0 8px 24px rgba(243, 146, 29, 0.3);
}

@keyframes st-home-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== ASSESSMENT SECTION ===== */
.st-home .assessment {
    background-color: var(--st-cream);
    padding: 100px 40px;
}

.st-home .assessment-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.st-home .assessment-text h2 {
    font-size: 48px;
    margin-bottom: 30px;
    color: var(--st-dark-brown);
}

.st-home .assessment-text p {
    font-size: 16px;
    color: var(--st-brown);
    margin-bottom: 20px;
    line-height: 1.8;
}

.st-home .assessment-features {
    list-style: none;
    margin: 30px 0;
}

.st-home .assessment-features li {
    padding: 12px 0;
    padding-left: 30px;
    position: relative;
    color: var(--st-brown);
    font-size: 15px;
}

.st-home .assessment-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--st-orange);
    font-weight: bold;
    font-size: 18px;
}

.st-home .assessment-image {
    text-align: center;
}

.st-home .assessment-image img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 20px 40px rgba(50, 14, 2, 0.1);
}

/* ===== SERVICES SECTION ===== */
.st-home .services {
    background-color: var(--st-off-white);
    padding: 100px 40px;
}

.st-home .services-headline {
    text-align: center;
    margin-bottom: 60px;
}

.st-home .services-headline h2 {
    font-size: 48px;
    color: var(--st-dark-brown);
    margin-bottom: 16px;
}

.st-home .services-headline p {
    font-size: 17px;
    color: var(--st-brown);
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.8;
}

.st-home .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.st-home .service-card {
    background-color: var(--st-cream);
    border-radius: 4px;
    padding: 40px 32px;
    border-top: 4px solid var(--st-orange);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.st-home .service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 14, 2, 0.08);
}

.st-home .service-icon {
    font-size: 36px;
    margin-bottom: 20px;
    display: block;
}

.st-home .service-card h3 {
    font-size: 22px;
    color: var(--st-dark-brown);
    margin-bottom: 12px;
}

.st-home .service-card p {
    font-size: 14px;
    color: var(--st-brown);
    line-height: 1.8;
    margin-bottom: 20px;
}

.st-home .service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.st-home .service-tag {
    background-color: rgba(243, 146, 29, 0.12);
    color: var(--st-brown);
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== ABOUT SECTION ===== */
.st-home .about {
    background-color: var(--st-off-white);
    padding: 100px 40px;
}

.st-home .about-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.st-home .about-text h2 {
    font-size: 48px;
    margin-bottom: 20px;
    color: var(--st-dark-brown);
    position: relative;
    padding-left: 30px;
}

.st-home .about-text h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background-color: var(--st-orange);
}

.st-home .about-text p {
    font-size: 15px;
    color: var(--st-brown);
    margin-bottom: 20px;
    line-height: 1.8;
}

.st-home .social-links {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.st-home .social-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--st-orangy);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--st-off-white);
    text-decoration: none;
    font-size: 20px;
    transition: all 0.3s ease;
}

.st-home .social-icon:hover {
    background-color: var(--st-orange);
    transform: translateY(-4px);
}

.st-home .about-stats {
    display: flex;
    gap: 32px;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(114, 58, 11, 0.15);
}

.st-home .about-stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.st-home .about-stat-number {
    font-family: 'DM Serif Display', serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--st-orange);
    line-height: 1;
}

.st-home .about-stat-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--st-brown);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.st-home .about-image img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 20px 40px rgba(50, 14, 2, 0.1);
}

/* ===== PROBLEM SECTION ===== */
.st-home .problem {
    background-color: var(--st-cream);
    padding: 100px 40px;
}

.st-home .problem-headline {
    text-align: center;
    margin-bottom: 30px;
}

.st-home .problem-headline h2 {
    font-size: 48px;
    color: var(--st-dark-brown);
    margin-bottom: 20px;
}

.st-home .problem-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-top: 60px;
}

.st-home .problem-card {
    text-align: center;
    padding: 30px;
    background-color: var(--st-off-white);
    border-radius: 4px;
    transition: all 0.3s ease;
    border-top: 4px solid var(--st-orange);
}

.st-home .problem-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(50, 14, 2, 0.1);
}

.st-home .problem-card h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: var(--st-dark-brown);
}

.st-home .problem-card p {
    font-size: 15px;
    color: var(--st-brown);
    line-height: 1.8;
}

.st-home .problem-decoration {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--st-orangy) 0%, var(--st-orange) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    line-height: 1;
}

/* ===== VECTORS SECTION ===== */
.st-home .vectors {
    background: linear-gradient(135deg, var(--st-dark-brown) 0%, #4a1a0f 100%);
    padding: 100px 40px;
}

.st-home .vectors-headline {
    text-align: center;
    margin-bottom: 20px;
}

.st-home .vectors-headline h2 {
    font-size: 48px;
    color: var(--st-off-white);
}

.st-home .vectors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
    margin-top: 60px;
}

.st-home .vector-item {
    text-align: center;
    padding: 40px 30px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    border-bottom: 4px solid var(--st-orange);
    border-top: 1px solid rgba(255,255,255,0.08);
    transition: all 0.3s ease;
}

.st-home .vector-item:hover {
    transform: translateY(-8px);
    background-color: rgba(255, 255, 255, 0.09);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.st-home .vector-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-color: var(--st-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: var(--st-off-white);
}

.st-home .vector-item h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: var(--st-off-white);
}

.st-home .vector-item p {
    color: #d4c4a8;
}

/* ===== ELEMENTS SECTION ===== */
.st-home .elements {
    background-color: var(--st-cream);
    padding: 100px 40px;
    text-align: center;
}

.st-home .elements h2 {
    font-size: 48px;
    color: var(--st-dark-brown);
    margin-bottom: 50px;
}

.st-home .elements-image {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 20px 40px rgba(50, 14, 2, 0.15);
    margin-bottom: 40px;
}

/* ===== PODCAST SECTION ===== */
.st-home .podcast {
    background: linear-gradient(135deg, var(--st-dark-brown) 0%, #4a1a0f 100%);
    padding: 100px 40px;
}

.st-home .podcast-header {
    text-align: center;
    margin-bottom: 60px;
}

.st-home .podcast-header h2 {
    font-size: 48px;
    color: var(--st-off-white);
    margin-bottom: 15px;
}

.st-home .podcast-header p {
    font-size: 16px;
    color: #f0e8d8;
    max-width: 600px;
    margin: 0 auto;
}

.st-home .episodes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

.st-home .episode-card {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid rgba(243, 146, 29, 0.2);
}

.st-home .episode-card:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: var(--st-orange);
    transform: translateY(-4px);
}

.st-home .episode-image {
    width: 100%;
    height: 180px;
    background-color: var(--st-orangy);
    object-fit: cover;
}

.st-home .episode-content {
    padding: 20px;
}

.st-home .episode-title {
    color: var(--st-off-white);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.st-home .episode-duration {
    color: var(--st-orange);
    font-size: 14px;
    font-weight: 500;
}

.st-home .podcast-platforms {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.st-home .platform-btn {
    background-color: var(--st-off-white);
    color: var(--st-dark-brown);
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
}

.st-home .platform-btn:hover {
    background-color: var(--st-orange);
    transform: translateY(-2px);
}

/* ===== COURSE SECTION ===== */
.st-home .course {
    background-color: var(--st-off-white);
    padding: 100px 40px;
}

.st-home .course-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.st-home .course-text h2 {
    font-size: 48px;
    margin-bottom: 30px;
    color: var(--st-dark-brown);
}

.st-home .course-text ul {
    list-style: none;
    margin: 30px 0;
}

.st-home .course-text li {
    padding: 15px 0;
    padding-left: 40px;
    position: relative;
    color: var(--st-brown);
    font-size: 15px;
    line-height: 1.8;
}

.st-home .course-text li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--st-orange);
    font-weight: bold;
    font-size: 18px;
}

.st-home .course-image img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 20px 40px rgba(50, 14, 2, 0.1);
}

/* ===== NEWSLETTER SECTION ===== */
.st-home .newsletter {
    background: linear-gradient(135deg, var(--st-dark-brown) 0%, #4a1a0f 100%);
    padding: 100px 40px;
    text-align: center;
}

.st-home .newsletter h2 {
    font-size: 48px;
    color: var(--st-off-white);
    margin-bottom: 20px;
}

.st-home .newsletter-subtitle {
    font-size: 18px;
    color: #f0e8d8;
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.st-home .newsletter-widget {
    margin-top: 40px;
}

/* ===== CTA BANNER ===== */
.st-home .cta-banner {
    background: linear-gradient(135deg, var(--st-orange) 0%, var(--st-orangy) 100%);
    padding: 60px 40px;
    text-align: center;
    margin: 60px 0;
    border-radius: 4px;
}

.st-home .cta-banner h3 {
    font-size: 32px;
    color: var(--st-dark-brown);
    margin-bottom: 20px;
}

.st-home .cta-banner p {
    font-size: 16px;
    color: var(--st-dark-brown);
    margin-bottom: 30px;
    opacity: 0.95;
}

/* ===== PODCAST NEW LAYOUT ===== */
.st-home .podcast-featured {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 48px;
}

.st-home .podcast-video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.st-home .podcast-video-wrap iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}

.st-home .podcast-label {
    display: inline-block;
    background-color: var(--st-orange);
    color: var(--st-dark-brown);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 2px;
    margin-bottom: 16px;
}

.st-home .podcast-featured-info h3 {
    font-size: 28px;
    color: var(--st-off-white);
    margin-bottom: 16px;
    line-height: 1.3;
}

.st-home .podcast-featured-info p {
    font-size: 15px;
    color: #d4c4a8;
    line-height: 1.8;
    margin-bottom: 20px;
}

.st-home .episode-duration-badge {
    background-color: rgba(243,146,29,0.15);
    color: var(--st-orange);
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 2px;
    border: 1px solid rgba(243,146,29,0.3);
}

.st-home .recent-episodes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 48px;
}

.st-home .recent-episode-card {
    text-decoration: none;
    background-color: rgba(255,255,255,0.05);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.08);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.st-home .recent-episode-card:hover {
    transform: translateY(-4px);
    border-color: var(--st-orange);
}

.st-home .recent-episode-thumb {
    position: relative;
    overflow: hidden;
}

.st-home .recent-episode-thumb img {
    width: 100%;
    display: block;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.st-home .duration-tag {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: rgba(0,0,0,0.75);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 2px;
}

.st-home .recent-episode-info {
    padding: 16px;
}

.st-home .recent-episode-title {
    color: var(--st-off-white);
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.4;
}

.st-home .recent-episode-sub {
    color: #a08060;
    font-size: 13px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .st-home .hero-grid {
        grid-template-columns: 1fr;
        gap: 48px;
        text-align: center;
    }

    .st-home .hero-content {
        order: 2;
    }

    .st-home .hero-portrait-wrap {
        order: 1;
    }

    .st-home .hero p {
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    .st-home .cta-buttons {
        justify-content: center;
    }

    .st-home .hero-portrait-circle {
        width: 220px;
        height: 220px;
    }

    .st-home .hero-portrait-wrap::before {
        width: 260px;
        height: 260px;
    }

    .st-home .hero-portrait-wrap::after {
        width: 240px;
        height: 240px;
    }
}

@media (max-width: 768px) {
    .st-home .hero h1 {
        font-size: 36px;
    }

    .st-home .hero p {
        font-size: 16px;
    }

    .st-home .assessment-content,
    .st-home .about-content,
    .st-home .course-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .st-home .vectors-grid,
    .st-home .problem-grid,
    .st-home .services-grid,
    .st-home .recent-episodes-grid {
        grid-template-columns: 1fr;
    }

    .st-home .podcast-featured {
        grid-template-columns: 1fr;
    }

    .st-home h2 {
        font-size: 32px !important;
    }

    .st-home .container,
    .st-home .container-sm {
        padding: 0 20px;
    }

    .st-home .hero,
    .st-home .assessment,
    .st-home .about,
    .st-home .problem,
    .st-home .vectors,
    .st-home .elements,
    .st-home .podcast,
    .st-home .course,
    .st-home .newsletter {
        padding: 60px 20px;
    }
}

/* Hide the theme's default page title on the front page (defensive, same
   issue hit on the Podcast page) and break out of the parent theme's
   1140px content wrapper so full-bleed Home sections stretch edge-to-edge. */
body.home #content.site-main,
body.home .page-content {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.home h1.entry-title {
  display: none !important;
}

/* ====== Native Newsletter page (Task 8, Elementor-removal project) ====== */
.st-newsletter { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.st-newsletter-section { background: var(--st-off-white); padding: 72px 24px; }
.st-newsletter-inner { max-width: 900px; margin: 0 auto; text-align: center; }
.st-newsletter-inner h1 { font-family: 'DM Serif Display', serif; font-size: clamp(26px,4vw,36px); font-weight: 600; color: var(--st-dark-brown); margin: 0 0 16px; line-height: 1.25; }
.st-newsletter-intro { font-size: 17px; color: var(--st-text-body); line-height: 1.7; max-width: 640px; margin: 0 auto 40px; }
.st-newsletter-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin: 0 auto 40px; max-width: 820px; text-align: left; }
.st-newsletter-benefit h3 { font-size: 16px; font-weight: 700; color: var(--st-dark-brown); margin: 0 0 8px; }
.st-newsletter-benefit p { font-size: 14px; color: var(--st-text-body); line-height: 1.6; margin: 0; }
.st-newsletter-form-wrap { text-align: left; background: #fff; border: 1.5px solid var(--st-gray-200); border-radius: 16px; padding: 36px; max-width: 480px; margin: 0 auto 24px; }
.st-newsletter-form-wrap .ff-el-group { margin-bottom: 18px !important; width: 100% !important; }
.st-newsletter-form-wrap input.ff-el-form-control { width: 100% !important; box-sizing: border-box !important; border: 1.5px solid var(--st-gray-200) !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; padding: 10px 14px !important; }
.st-newsletter-form-wrap input.ff-el-form-control:focus { border-color: var(--st-orange) !important; box-shadow: none !important; }
.st-newsletter-form-wrap .ff-btn-submit,
.st-newsletter-form-wrap button[type=submit] { background: var(--st-orange) !important; border: none !important; border-radius: 999px !important; font-weight: 700 !important; padding: 12px 32px !important; width: 100% !important; transition: background .2s, transform .2s; }
.st-newsletter-form-wrap .ff-btn-submit:hover,
.st-newsletter-form-wrap button[type=submit]:hover { background: var(--st-brown) !important; transform: translateY(-2px); }
.st-newsletter-trust { font-size: 13px; color: var(--st-gray-500); }
@media (max-width: 720px) {
  .st-newsletter-benefits { grid-template-columns: 1fr; }
}
/* ====== End native Newsletter page ====== */


/* Emergency fix: restore the Productivity Quiz hidden by the legacy first-section rule. */
body.page-id-2097 .elementor-section:first-of-type {
    display: block !important;
}


/* Emergency fix: restore the Priority Calculator hidden by the legacy first-section rule. */
body.page-id-3446 .elementor-section:first-of-type {
    display: block !important;
}


/* Restore readable backgrounds on legacy transparent pages. */
body.page-id-601,
body.page-id-630,
body.page-id-1065,
body.page-id-1091,
body.page-id-1118,
body.page-id-1187,
body.page-id-1202,
body.page-id-1249,
body.page-id-1302,
body.page-id-1323,
body.page-id-1344,
body.page-id-1438,
body.page-id-1439,
body.page-id-1475,
body.page-id-2249,
body.page-id-2840,
body.page-id-2892,
body.page-id-3303,
body.page-id-3433,
body.page-id-3435,
body.page-id-3814 {
    background: #fefaef !important;
}


/* Prevent the off-canvas drawer from widening pages and centre full-bleed hub sections. */
html, body {
    overflow-x: clip;
}
body.page-id-1652 .page-content .alignfull {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}