.elementor-7019491 .elementor-element.elementor-element-c92e3c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7019491 .elementor-element.elementor-element-c92e3c8:not(.elementor-motion-effects-element-type-background), .elementor-7019491 .elementor-element.elementor-element-c92e3c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-7019491 .elementor-element.elementor-element-6f7ffac{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:12px 12px 12px 12px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7019491 .elementor-element.elementor-element-475e0d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:6px 6px;--row-gap:6px;--column-gap:6px;}.elementor-7019491 .elementor-element.elementor-element-c4b11b8 .elementor-heading-title{font-size:14px;font-weight:600;text-transform:uppercase;text-decoration:underline;letter-spacing:1.5px;color:#64748B;}.elementor-7019491 .elementor-element.elementor-element-750009a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7019491 .elementor-element.elementor-element-750009a:not(.elementor-motion-effects-element-type-background), .elementor-7019491 .elementor-element.elementor-element-750009a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-7019491 .elementor-element.elementor-element-8e73e5e{width:auto;max-width:auto;text-align:start;}.elementor-7019491 .elementor-element.elementor-element-8e73e5e > .elementor-widget-container{margin:12px 0px 12px 0px;padding:0px 0px 30px 0px;}.elementor-7019491 .elementor-element.elementor-element-8e73e5e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:46px;font-weight:700;line-height:1.4em;color:#0F172A;}.elementor-7019491 .elementor-element.elementor-element-c485ec5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7019491 .elementor-element.elementor-element-c485ec5:not(.elementor-motion-effects-element-type-background), .elementor-7019491 .elementor-element.elementor-element-c485ec5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-7019491 .elementor-element.elementor-element-d83e28b > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-7019491 .elementor-element.elementor-element-d83e28b{text-align:start;}.elementor-7019491 .elementor-element.elementor-element-d83e28b .elementor-heading-title{color:#64748B;}.elementor-7019491 .elementor-element.elementor-element-cf2a837{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7019491 .elementor-element.elementor-element-cf2a837:not(.elementor-motion-effects-element-type-background), .elementor-7019491 .elementor-element.elementor-element-cf2a837 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7019491 .elementor-element.elementor-element-5bd461b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:12px 12px 12px 12px;--margin-top:05px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7019491 .elementor-element.elementor-element-1174964{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:12px 12px 12px 12px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-7019491 .elementor-element.elementor-element-1174964:not(.elementor-motion-effects-element-type-background), .elementor-7019491 .elementor-element.elementor-element-1174964 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1E293B 0%, #0F172A 100%);}.elementor-7019491 .elementor-element.elementor-element-5694eef{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-7019491 .elementor-element.elementor-element-5694eef.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-7019491 .elementor-element.elementor-element-5761f22{width:auto;max-width:auto;}.elementor-7019491 .elementor-element.elementor-element-5761f22 > .elementor-widget-container{background-color:#334155;padding:22px 19px 16px 26px;border-radius:18px 18px 18px 18px;}.elementor-7019491 .elementor-element.elementor-element-5761f22.elementor-element{--align-self:center;}.elementor-7019491 .elementor-element.elementor-element-5761f22 .elementor-icon-wrapper{text-align:center;}.elementor-7019491 .elementor-element.elementor-element-5761f22.elementor-view-stacked .elementor-icon{background-color:#94A3B8;}.elementor-7019491 .elementor-element.elementor-element-5761f22.elementor-view-framed .elementor-icon, .elementor-7019491 .elementor-element.elementor-element-5761f22.elementor-view-default .elementor-icon{color:#94A3B8;border-color:#94A3B8;}.elementor-7019491 .elementor-element.elementor-element-5761f22.elementor-view-framed .elementor-icon, .elementor-7019491 .elementor-element.elementor-element-5761f22.elementor-view-default .elementor-icon svg{fill:#94A3B8;}.elementor-7019491 .elementor-element.elementor-element-65230e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7019491 .elementor-element.elementor-element-65230e4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7019491 .elementor-element.elementor-element-d465f58 .elementor-heading-title{font-size:14px;font-weight:400;color:#94A3B8;}.elementor-7019491 .elementor-element.elementor-element-eab662e .elementor-heading-title{font-size:14px;font-weight:700;color:#FFFFFF;}.elementor-7019491 .elementor-element.elementor-element-19bc101 .elementor-heading-title{font-size:14px;font-weight:400;color:#94A3B8;}.elementor-7019491 .elementor-element.elementor-element-b3fe5f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7019491 .elementor-element.elementor-element-bcce223 .elementor-button{background-color:#4F46E5;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-7019491 .elementor-element.elementor-element-bcce223 > .elementor-widget-container{padding:12px 24px 12px 24px;border-radius:8px 8px 8px 8px;}.elementor-7019491 .elementor-element.elementor-element-569253d{color:#334155;font-size:18px;font-weight:400;}.elementor-7019491 .elementor-element.elementor-element-59744ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:12px 12px 12px 12px;--margin-top:040px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-7019491 .elementor-element.elementor-element-59744ff:not(.elementor-motion-effects-element-type-background), .elementor-7019491 .elementor-element.elementor-element-59744ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1E293B 0%, #0F172A 100%);}.elementor-7019491 .elementor-element.elementor-element-e03c64f{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#334155;--border-color:#334155;}.elementor-7019491 .elementor-element.elementor-element-b326050 .elementor-heading-title{font-size:22px;font-weight:700;color:#FFFFFF;}.elementor-7019491 .elementor-element.elementor-element-f25b10a{font-size:16px;font-weight:400;color:#94A3B8;}.elementor-7019491 .elementor-element.elementor-element-ece17a6 .elementor-button{background-color:#4F46E5;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-7019491 .elementor-element.elementor-element-86e7ce5{--display:flex;}.elementor-7019491 .elementor-element.elementor-element-f29c0e7 .elementor-heading-title{font-size:22px;font-weight:700;color:#FFFFFF;}.elementor-7019491 .elementor-element.elementor-element-465fc20{font-size:16px;font-weight:400;color:#94A3B8;}.elementor-7019491 .elementor-element.elementor-element-b2df561 .elementor-button{background-color:#4F46E5;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;}body.elementor-page-7019491{padding:0px 0px 0px 0px;}@media(max-width:1024px){body.elementor-page-7019491{padding:72px 72px 72px 72px;}}@media(min-width:768px){.elementor-7019491 .elementor-element.elementor-element-6f7ffac{--content-width:800px;}.elementor-7019491 .elementor-element.elementor-element-cf2a837{--content-width:800px;}.elementor-7019491 .elementor-element.elementor-element-5bd461b{--content-width:800px;}.elementor-7019491 .elementor-element.elementor-element-5694eef{--width:121.305px;}.elementor-7019491 .elementor-element.elementor-element-65230e4{--width:32.633%;}}@media(max-width:767px){.elementor-7019491 .elementor-element.elementor-element-8e73e5e .elementor-heading-title{font-size:22px;}body.elementor-page-7019491{padding:56px 0px 0px 0px;}}/* Start custom CSS *//* ========================================
   PLAYBOOK POST TYPOGRAPHY & SPACING
   Purpose-built for SaaS Club playbook content
   ======================================== */

/* Root typography for playbook posts */
.single-playbook .elementor-widget-theme-post-content {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: #1f2937;
}

/* ========================================
   HEADINGS - Clear Hierarchy
   ======================================== */

/* H1: Post Title (handled by theme) */
.single-playbook h1.entry-title,
.single-playbook h1.elementor-heading-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #0f172a;
  margin-bottom: 16px;
}

/* H2: Section Headers (The Insight, How They Did It, etc.) */
.single-playbook .elementor-widget-theme-post-content h2 {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.25;
  margin-top: 2.5rem;      /* breathing room before section */
  margin-bottom: 1.25rem;  /* tight space to content below */
}

/* First h2 needs less top margin (right after episode box) */
.single-playbook .elementor-widget-theme-post-content h2:first-of-type {
  margin-top: 1.5rem;
}

/* H3: Subsection headers (rarely used in playbook, but clean if present) */
.single-playbook .elementor-widget-theme-post-content h3 {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
}

/* H6: Topic label below title */
.single-playbook .post-topic-label {
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  margin-top: 12px;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* ========================================
   PARAGRAPHS
   ======================================== */

.single-playbook .elementor-widget-theme-post-content p {
  margin-bottom: 1.1rem;
  line-height: 1.65;
}

/* First paragraph after section header - no extra space */
.single-playbook .elementor-widget-theme-post-content h2 + p {
  margin-top: 0;
}

/* ========================================
   NUMBERED LISTS (Steps / Process)
   ======================================== */

.single-playbook .elementor-widget-theme-post-content ol {
  margin: 1.25rem 0 1.5rem 0;
  padding-left: 28px;
}

.single-playbook .elementor-widget-theme-post-content li {
  margin-bottom: 1.4rem;    /* Generous space between items for readability */
  line-height: 1.6;
  color: #1f2937;
}

/* Bold text in list items (e.g., "Build the core problem only...") */
.single-playbook .elementor-widget-theme-post-content li > strong:first-child {
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.35rem;
}

/* Nested bullets under numbered items */
.single-playbook .elementor-widget-theme-post-content ol li ul {
  margin: 0.75rem 0 0.75rem -8px;
  padding-left: 24px;
}

.single-playbook .elementor-widget-theme-post-content ol li ul li {
  margin-bottom: 0.6rem;
  font-size: 16px;
}

/* ========================================
   BULLET LISTS (Options / Criteria)
   ======================================== */

.single-playbook .elementor-widget-theme-post-content ul {
  margin: 1.25rem 0 1.5rem 0;
  padding-left: 28px;
  list-style-type: disc;
}

.single-playbook .elementor-widget-theme-post-content ul li {
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

/* Bold criteria headers in bullets (e.g., "Attendance rate:") */
.single-playbook .elementor-widget-theme-post-content ul li strong {
  font-weight: 700;
  color: #0f172a;
  display: inline;
}

/* ========================================
   INLINE FORMATTING
   ======================================== */

.single-playbook .elementor-widget-theme-post-content strong {
  font-weight: 700;
  color: #0f172a;
}

.single-playbook .elementor-widget-theme-post-content em {
  font-style: italic;
  color: #374151;
}

/* ========================================
   EPISODE REFERENCE BOX (Top)
   ======================================== */

.playbook-episode-reference {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #0f172a;
  padding: 20px 24px;
  border-radius: 10px;
  margin-bottom: 32px;
  color: white;
}

.playbook-episode-reference .play-icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.playbook-episode-reference .play-icon svg {
  width: 24px;
  height: 24px;
  fill: white;
}

.playbook-episode-reference .details {
  flex: 1;
}

.playbook-episode-reference .founder-name {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 4px;
}

.playbook-episode-reference .company-name {
  font-size: 14px;
  opacity: 0.8;
}

.playbook-episode-reference .cta-button {
  background: #7c4dff;
  color: white;
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease;
}

.playbook-episode-reference .cta-button:hover {
  background: #6b3ecc;
}

/* ========================================
   MOBILE RESPONSIVENESS
   ======================================== */

@media (max-width: 768px) {
  .single-playbook h1.entry-title {
    font-size: 32px;
    margin-bottom: 24px;
  }

  .single-playbook .elementor-widget-theme-post-content h2 {
    font-size: 22px;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .single-playbook .elementor-widget-theme-post-content {
    font-size: 16px;
  }

  .single-playbook .elementor-widget-theme-post-content ol,
  .single-playbook .elementor-widget-theme-post-content ul {
    padding-left: 24px;
  }

  .single-playbook .elementor-widget-theme-post-content li {
    margin-bottom: 1.1rem;
  }

  .playbook-episode-reference {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }

  .playbook-episode-reference .details {
    text-align: center;
  }
}

/* ========================================
   REMOVE LEGACY PODCAST STYLES
   (These should not apply to playbook posts)
   ======================================== */

/* Remove podcast-specific body.elementor-page-7019491s */
.single-playbook .elementor-widget-theme-post-content h3:first-of-type {
  margin-top: 0 !important;  /* No special treatment for first h3 */
}

.single-playbook .elementor-widget-theme-post-content h2:contains("Transcript") {
  /* Not used in playbook posts */
  display: none;
}

.single-playbook .elementor-widget-theme-post-content h2:contains("Episode Q&A") {
  /* Not used in playbook posts */
  display: none;
}

.episode-chapters-section {
  /* Not used in playbook posts */
  display: none;
}

.episode-hook {
  /* Legacy: playbooks have their own episode reference box */
  display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('https://saasclub.io/wp-content/uploads/2025/09/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */