/* =========================
   HIRING PLAYBOOK PAGE
========================= */

/* Page (start) */
.playbook-page{
  background:
    linear-gradient(180deg, #f8fbff 0%, #ffffff 22%, #ffffff 100%);
}
/* Page (end) */


/* =========================
   PLAYBOOK HERO
========================= */

/* Hero (start) */
.playbook-hero{
  padding: 92px 22px 34px;
}
/* Hero (end) */

/* Hero Inner (start) */
.playbook-hero-inner{
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}
/* Hero Inner (end) */

/* Kicker (start) */
.playbook-hero-kicker{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 40px;
  padding: 8px 14px;
  border-radius: 999px;

  background: rgba(0,113,235,.08);
  border: 1px solid rgba(0,113,235,.18);
  color: var(--blue);

  font-size: var(--extra-small);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
/* Kicker (end) */

/* Title (start) */
.playbook-hero-title{
  max-width: 980px;
  margin: 18px auto 0;

  font-size: clamp(42px, 6vw, 76px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.055em;
  color: var(--text-main);
}
/* Title (end) */

/* Subtitle (start) */
.playbook-hero-subtitle{
  max-width: 760px;
  margin: 18px auto 0;

  font-size: var(--extra-large);
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: var(--text-muted);
}
/* Subtitle (end) */

/* Actions (start) */
.playbook-hero-actions{
  margin-top: 28px;
  flex-wrap: wrap;
}
/* Actions (end) */

/* Credentials (start) */
.playbook-hero-credentials{
  max-width: 880px;
  margin: 34px auto 0;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px 28px;
  flex-wrap: wrap;
}

.playbook-hero-credential{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: var(--text-muted);
  font-size: var(--small);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.playbook-hero-credential-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex-shrink: 0;
}

.playbook-hero-credential-dot.blue{
  background: var(--blue);
}

.playbook-hero-credential-dot.green{
  background: var(--green);
}

.playbook-hero-credential-dot.purple{
  background: var(--purple);
}
/* Credentials (end) */



/* =========================
   PLAYBOOK HUBS
========================= */

/* Hubs (start) */
.playbook-hubs{
  padding: 30px 22px 72px;
}
/* Hubs (end) */

/* Hubs Inner (start) */
.playbook-hubs-inner{
  max-width: 1120px;
  margin: 0 auto;
}
/* Hubs Inner (end) */

/* Section Header (start) */
.playbook-section-header{
  max-width: 820px;
  margin: 0 auto 34px;
  text-align: center;
}

.playbook-section-title{
  margin-top: 14px;
  font-size: clamp(30px, 3.3vw, 46px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.045em;
  color: var(--text-main);
}

.playbook-section-text{
  margin-top: 14px;
  font-size: var(--large);
  line-height: 1.7;
  color: var(--text-muted);
}
/* Section Header (end) */

/* Hubs Grid (start) */
.playbook-hubs-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}
/* Hubs Grid (end) */

/* Hub Card (start) */
.playbook-hub-card{
  min-width: 0;
}

.playbook-hub-card-shell{
  height: 100%;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid var(--border-subtle);
  background: #fff;
  box-shadow: 0 12px 28px rgba(17,24,39,.06);

  display: flex;
  flex-direction: column;
}

.playbook-hub-card-featured .playbook-hub-card-shell{
  border-color: rgba(235,185,0,.34);
  box-shadow: 0 18px 38px rgba(17,24,39,.10);
}
/* Hub Card (end) */

/* Hub Card Top (start) */
.playbook-hub-card-top{
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.playbook-hub-card-icon{
  width: 58px;
  height: 58px;
  border-radius: 16px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;

  font-size: 28px;
  line-height: 1;
}

.playbook-hub-card-icon.bg-red{
  background: rgba(235,0,58,.08);
}

.playbook-hub-card-icon.bg-blue{
  background: rgba(0,113,235,.08);
}

.playbook-hub-card-icon.bg-green{
  background: rgba(0,154,68,.08);
}

.playbook-hub-card-icon.bg-purple{
  background: rgba(107,77,230,.08);
}

.playbook-hub-card-icon.bg-yellow{
  background: rgba(235,185,0,.14);
}

.playbook-hub-card-heading{
  min-width: 0;
}

.playbook-hub-card-label{
  font-size: var(--extra-small);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.playbook-hub-card-title{
  margin-top: 6px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: var(--text-main);
}
/* Hub Card Top (end) */

/* Hub Card Description (start) */
.playbook-hub-card-description{
  margin-top: 18px;
  font-size: var(--default);
  line-height: 1.75;
  color: var(--text-muted);
}
/* Hub Card Description (end) */

/* Hub Card Links (start) */
.playbook-hub-card-links{
  margin-top: 20px;
}

.playbook-hub-card-links-title{
  font-size: var(--small);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--text-main);
}

.playbook-hub-card-list{
  list-style: none;
  margin: 12px 0 0;
  padding: 0;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

.playbook-hub-card-list li a{
  display: block;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--border-subtle);
  background: #f8fafc;

  text-decoration: none;
  color: var(--text-main);
  font-size: var(--default);
  font-weight: 700;
  line-height: 1.55;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    color .18s ease;
}

.playbook-hub-card-list li a:hover{
  background: #eef5ff;
  border-color: rgba(0,113,235,.20);
  box-shadow: 0 8px 18px rgba(17,24,39,.05);
  transform: translateY(-1px);
  color: var(--blue);
}

.playbook-hub-card-list li a:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(59,93,255,.16);
}
/* Hub Card Links (end) */

/* Hub Card Resource (start) */
.playbook-hub-card-resource{
  margin-top: 20px;
  padding: 18px;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(0,113,235,.06) 0%, rgba(0,62,130,.05) 100%),
    #fff;
  border: 1px solid rgba(0,113,235,.10);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.playbook-hub-card-resource-copy{
  min-width: 0;
}

.playbook-hub-card-resource-label{
  font-size: var(--extra-small);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blue);
}

.playbook-hub-card-resource-title{
  margin-top: 6px;
  font-size: var(--default);
  font-weight: 800;
  line-height: 1.5;
  color: var(--text-main);
}
/* Hub Card Resource (end) */

/* Hub Card Footer (start) */
.playbook-hub-card-footer{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--border-subtle);
}

.playbook-inline-link{
  display: inline-flex;
  align-items: center;

  text-decoration: none;
  color: var(--blue);
  font-size: var(--default);
  font-weight: 700;
  line-height: 1.5;
}

.playbook-inline-link:hover{
  color: var(--blue-hover);
}

.playbook-inline-link:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(59,93,255,.16);
  border-radius: 8px;
}
/* Hub Card Footer (end) */


/* =========================
   PLAYBOOK BOTTOM CTA
========================= */

/* Bottom CTA (start) */
.playbook-bottom-cta{
  padding: 0 22px 90px;
}
/* Bottom CTA (end) */

/* Bottom CTA Inner (start) */
.playbook-bottom-cta-inner{
  max-width: 1120px;
  margin: 0 auto;

  padding: 34px;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(0,113,235,.08) 0%, rgba(107,77,230,.08) 100%),
    #fff;
  border: 1px solid rgba(0,113,235,.14);
  box-shadow: 0 18px 40px rgba(17,24,39,.08);

  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 24px;
  align-items: stretch;
}
/* Bottom CTA Inner (end) */

/* Bottom CTA Copy (start) */
.playbook-bottom-cta-copy{
  min-width: 0;
}

.playbook-bottom-cta-kicker{
  font-size: var(--extra-small);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blue);
}

.playbook-bottom-cta-title{
  margin-top: 10px;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--text-main);
}

.playbook-bottom-cta-text{
  max-width: 58ch;
  margin-top: 14px;
  font-size: var(--large);
  line-height: 1.75;
  color: var(--text-muted);
}

.playbook-bottom-cta-actions{
  margin-top: 24px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
/* Bottom CTA Copy (end) */



/* =========================
   PLAYBOOK RESPONSIVENESS
========================= */

/* Responsiveness (start) */
@media (max-width: 980px){
  .playbook-hubs-grid{
    grid-template-columns: 1fr;
  }

  .playbook-bottom-cta-inner{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px){
  .playbook-hero{
    padding: 68px 22px 26px;
  }

  .playbook-hero-title{
    font-size: 46px;
  }

  .playbook-hero-subtitle{
    font-size: var(--default);
  }

  .playbook-section-text{
    font-size: var(--default);
  }

  .playbook-bottom-cta-text{
    font-size: var(--default);
  }

  .playbook-bottom-cta-actions{
    justify-content: center;
  }
}

@media (max-width: 560px){

  .playbook-hub-card-shell{
    padding: 20px;
  }

  .playbook-hub-card-title{
    font-size: 24px;
  }

  .playbook-hub-card-icon{
    width: 50px;
    height: 50px;
    border-radius: 14px;
    font-size: 24px;
  }

  .playbook-hub-card-resource{
    padding: 16px;
  }

  .playbook-bottom-cta-inner{
    padding: 24px 18px;
  }
}

@media (max-width: 480px){
  .playbook-hero{
    padding: 56px 18px 22px;
  }

  .playbook-hubs,
  .playbook-bottom-cta{
    padding-left: 18px;
    padding-right: 18px;
  }

  .playbook-hero-title{
    font-size: 36px;
  }

  .playbook-section-title{
    font-size: 32px;
  }

  .playbook-bottom-cta-title{
    font-size: 30px;
  }

  .playbook-hub-card-resource,
  .playbook-hub-card-footer{
    align-items: flex-start;
  }
}
/* Responsiveness (end) */








/* =========================
   HUB PAGE
========================= */

/* Hub Hero (start) */
.playbook-hub-hero{
  padding: 86px 22px 28px;
}

.playbook-hub-hero-inner{
  max-width: 1120px;
  margin: 0 auto;
}

.playbook-hub-hero-copy{
  min-width: 0;
}

.market-hub-hero .playbook-hub-hero-copy{
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 34px 34px;
  border-radius: 24px;
  border: 1px solid rgba(107,77,230,.14);
  background:
    linear-gradient(135deg, rgba(107,77,230,.08) 0%, rgba(0,113,235,.06) 100%),
    #fff;
  box-shadow: 0 18px 40px rgba(17,24,39,.08);
  display: flex;
  flex-direction: column;
  align-items: center;
}


.playbook-hub-hero-title{
  margin-top: 18px;
  max-width: 760px;
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.05em;
  color: var(--text-main);
  text-align: center;
}

.playbook-hub-hero-subtitle{
  max-width: 600px;
  margin-top: 18px;
  font-size: var(--extra-large);
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: var(--text-muted);
  text-align: center;
}

.playbook-hub-hero-actions{
  margin-top: 28px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.playbook-hub-hero-credentials{
  margin-top: 28px;

  display: flex;
  align-items: center;
  gap: 14px 22px;
  flex-wrap: wrap;
}

.playbook-hub-hero-credential{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: var(--text-muted);
  font-size: var(--small);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.playbook-hub-hero-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex-shrink: 0;
}

.playbook-hub-hero-dot.purple{
  background: var(--purple);
}

.playbook-hub-hero-dot.blue{
  background: var(--blue);
}

.playbook-hub-hero-dot.green{
  background: var(--green);
}
/* Hub Hero (end) */


/* Breadcrumbs (start) */
.playbook-breadcrumbs{
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 8px;
  flex-wrap: wrap;

  font-size: var(--small);
  line-height: 1.5;
  color: var(--text-muted);
}

.playbook-breadcrumbs a{
  text-decoration: none;
  color: var(--blue);
  font-weight: 600;
}

.playbook-breadcrumbs a:hover{
  color: var(--blue-hover);
}
/* Breadcrumbs (end) */


/* Hub Quick Nav (start) */
.playbook-hub-nav{
  padding: 0 22px 20px;
}

.playbook-hub-nav-inner{
  max-width: 1120px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.playbook-hub-nav-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 42px;
  padding: 8px 14px;
  border-radius: 999px;

  background: #fff;
  border: 1px solid var(--border-subtle);
  box-shadow: 0 6px 16px rgba(17,24,39,.04);

  text-decoration: none;
  color: var(--text-main);
  font-size: var(--small);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.playbook-hub-nav-link:hover{
  border-color: rgba(0,113,235,.20);
  color: var(--blue);
}
/* Hub Quick Nav (end) */


/* Hub Section (start) */
.playbook-hub-section{
  padding: 34px 22px 34px;
}

.playbook-hub-section-alt{
  background: linear-gradient(180deg, #fbfcff 0%, #ffffff 100%);
}

.playbook-hub-section-inner{
  max-width: 1120px;
  margin: 0 auto;
}
/* Hub Section (end) */


/* Featured Grid (start) */
.playbook-feature-grid{
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 22px;
}

.playbook-feature-card{
  padding: 24px;
  border-radius: 22px;
  border: 1px solid var(--border-subtle);
  background: #fff;
  box-shadow: 0 12px 28px rgba(17,24,39,.06);

  display: flex;
  flex-direction: column;
  min-width: 0;
}

.playbook-feature-card-primary{
  border-color: rgba(107,77,230,.18);
  box-shadow: 0 18px 38px rgba(17,24,39,.10);
}

.playbook-feature-card-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.playbook-feature-card-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 32px;
  padding: 6px 12px;
  border-radius: 999px;

  background: var(--purple);
  color: #fff;

  font-size: var(--extra-small);
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.playbook-feature-card-meta{
  font-size: var(--small);
  font-weight: 700;
  color: var(--text-muted);
}

.playbook-feature-card-title{
  margin-top: 16px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: var(--text-main);
}

.playbook-feature-card-text{
  margin-top: 14px;
  font-size: var(--default);
  line-height: 1.75;
  color: var(--text-muted);
}

.playbook-feature-card-footer{
  margin-top: auto;
  padding-top: 22px;
}
/* Featured Grid (end) */


/* Article Cluster (start) */
.playbook-article-cluster{
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 22px;
  align-items: start;
}

.playbook-article-cluster-card{
  padding: 24px;
  border-radius: 22px;
  border: 1px solid var(--border-subtle);
  background: #fff;
  box-shadow: 0 12px 28px rgba(17,24,39,.06);
}

.playbook-article-cluster-title{
  font-size: 28px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: var(--text-main);
}

.playbook-article-cluster-text{
  margin-top: 12px;
  font-size: var(--default);
  line-height: 1.75;
  color: var(--text-muted);
}

.playbook-article-cluster-list{
  list-style: none;
  margin: 20px 0 0;
  padding: 0;

  display: flex;
  flex-direction: column;
  gap: 12px;
}

.playbook-article-cluster-list li a{
  display: block;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--border-subtle);
  background: #f8fafc;

  text-decoration: none;
  color: var(--text-main);
  font-size: var(--default);
  font-weight: 700;
  line-height: 1.55;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    color .18s ease;
}

.playbook-article-cluster-list li a:hover{
  background: #eef5ff;
  border-color: rgba(0,113,235,.20);
  box-shadow: 0 8px 18px rgba(17,24,39,.05);
  transform: translateY(-1px);
  color: var(--blue);
}
/* Article Cluster (end) */


/* Cluster Panel (start) */
.playbook-cluster-panel{
  display: block;
}

.playbook-download-aside{
  height: 100%;
}

.playbook-download-aside-card{
  height: 100%;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(0,113,235,.12);
  background:
    linear-gradient(135deg, rgba(0,113,235,.06) 0%, rgba(107,77,230,.05) 100%),
    #fff;
  box-shadow: 0 12px 28px rgba(17,24,39,.06);

  display: flex;
  flex-direction: column;
}

.playbook-download-aside-top{
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.playbook-download-aside-icon{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  flex-shrink: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 24px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(15,23,42,.08);
}

.playbook-download-aside-heading{
  min-width: 0;
}

.playbook-download-aside-label{
  font-size: var(--extra-small);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blue);
}

.playbook-download-aside-title{
  margin-top: 6px;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.03em;
  color: var(--text-main);
}

.playbook-download-aside-text{
  margin-top: 16px;
  font-size: var(--default);
  line-height: 1.75;
  color: var(--text-muted);
}

.playbook-download-aside-list{
  list-style: none;
  margin: 18px 0 0;
  padding: 0;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

.playbook-download-aside-list li{
  position: relative;
  padding-left: 18px;

  font-size: var(--small);
  font-weight: 600;
  line-height: 1.6;
  color: var(--text-main);
}

.playbook-download-aside-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--blue);
}

.playbook-download-aside-btn{
  width: 100%;
  margin-top: auto;
  padding: 14px 18px;
}
/* Cluster Panel (end) */


/* Related Hubs (start) */
.playbook-related-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.playbook-related-card{
  padding: 24px;
  border-radius: 22px;
  border: 1px solid var(--border-subtle);
  background: #fff;
  box-shadow: 0 12px 28px rgba(17,24,39,.06);
}

.playbook-related-card-top{
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.playbook-related-card-icon{
  width: 52px;
  height: 52px;
  border-radius: 14px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;

  font-size: 24px;
}

.playbook-related-card-icon.bg-yellow{
  background: rgba(235,185,0,.14);
}

.playbook-related-card-icon.bg-red{
  background: rgba(235,0,58,.08);
}

.playbook-related-card-icon.bg-blue{
  background: rgba(0,113,235,.08);
}

.playbook-related-card-label{
  font-size: var(--extra-small);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.playbook-related-card-title{
  margin-top: 6px;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.03em;
  color: var(--text-main);
}

.playbook-related-card-text{
  margin-top: 16px;
  font-size: var(--default);
  line-height: 1.75;
  color: var(--text-muted);
}
/* Related Hubs (end) */


/* Responsiveness (start) */
@media (max-width: 980px){
  .playbook-hub-hero-inner,
  .playbook-feature-grid,
  .playbook-article-cluster,
  .playbook-related-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px){
  .playbook-hub-hero{
    padding: 68px 22px 24px;
  }

  .playbook-hub-hero-title{
    font-size: 42px;
  }

  .playbook-hub-hero-subtitle{
    font-size: var(--default);
  }

  .playbook-hub-hero-actions{
    justify-content: center;
  }

  .playbook-hub-nav{
    padding-bottom: 12px;
  }

  .playbook-feature-card-title,
  .playbook-article-cluster-title{
    font-size: 24px;
  }

  .playbook-related-card-title{
    font-size: 22px;
  }
}

@media (max-width: 560px){
  .market-hub-hero .playbook-hub-hero-copy,
  .playbook-feature-card,
  .playbook-article-cluster-card,
  .playbook-related-card{
    padding: 20px;
  }

  .playbook-hub-hero-panel-card,
  .playbook-cluster-panel-card{
    padding: 18px;
  }

  .playbook-hub-hero-credentials{
    gap: 12px 16px;
  }
}

@media (max-width: 480px){
  .playbook-hub-hero{
    padding: 56px 18px 20px;
  }

  .playbook-hub-nav,
  .playbook-hub-section{
    padding-left: 18px;
    padding-right: 18px;
  }

  .playbook-hub-hero-title{
    font-size: 34px;
  }

  .playbook-feature-card-title,
  .playbook-article-cluster-title{
    font-size: 22px;
  }

  .playbook-related-card-title{
    font-size: 20px;
  }
}
/* Responsiveness (end) */









/* =========================
   ARTICLE PAGE
========================= */

/* Article Hero (start) */
.playbook-article-hero{
  padding: 86px 22px 30px;
}

.playbook-article-hero-inner{
  max-width: 1120px;
  margin: 0 auto;
}

.playbook-article-hero-card{
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 34px 34px;
  border-radius: 24px;
  border: 1px solid rgba(107,77,230,.14);
  background:
    linear-gradient(135deg, rgba(107,77,230,.08) 0%, rgba(0,113,235,.06) 100%),
    #fff;
  box-shadow: 0 18px 40px rgba(17,24,39,.08);

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

.playbook-article-hero-intro{
  margin-top: 8px;
  max-width: 860px;
}

.playbook-article-title{
  margin-top: 18px;
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.05em;
  color: var(--text-main);
  text-align: center;
}

.playbook-article-deck{
  max-width: 760px;
  margin: 18px auto 0;
  font-size: var(--extra-large);
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: var(--text-muted);
  text-align: center;
}
/* Article Hero (end) */


/* Article Body (start) */
.playbook-article-body{
  padding: 6px 22px 72px;
}

.playbook-article-body-inner{
  max-width: 1120px;
  margin: 0 auto;
}

.playbook-article-content{
  max-width: 820px;
  margin: 0 auto;
}

.playbook-article-section + .playbook-article-section{
  margin-top: 68px;
}

.playbook-article-section h2{
  margin: 0 0 28px;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.04em;
  color: var(--text-main);
}

.playbook-article-section h3{
  margin: 38px 0 18px;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--text-main);
}

.playbook-article-section p{
  margin: 0;
  font-size: var(--large);
  line-height: 1.9;
  letter-spacing: 0.005em;
  color: var(--text-main);
}

.playbook-article-section p.source-text {
    font-size: var(--small);
}


.playbook-article-section p + p{
  margin-top: 22px;
}

.playbook-article-section ul{
  margin: 22px 0 0;
  padding-left: 28px;
}

.playbook-article-section ul + p{
  margin-top: 26px;
}

.playbook-article-section li{
  font-size: var(--large);
  line-height: 1.9;
  letter-spacing: 0.005em;
  color: var(--text-main);
  padding-left: 4px;
}

.playbook-article-section li + li{
  margin-top: 12px;
}

.playbook-article-section h2 + .playbook-article-table-wrap,
.playbook-article-section h3 + .playbook-article-table-wrap,
.playbook-article-section p + .playbook-article-table-wrap{
  margin-top: 26px;
}

.playbook-article-section .playbook-article-table-wrap + p{
  margin-top: 24px;
}

/* Chart Image (start) */

.playbook-chart-image{
  width: 100%;
  display: block;

  border-radius: 22px;
  border: 1px solid rgba(107,77,230,.14);

  background: #fff;

  box-shadow: 0 12px 28px rgba(17,24,39,.05);

  object-fit: contain;
}

/* Chart Image (end) */

.playbook-article-section .playbook-chart-placeholder + p{
  margin-top: 16px;
}

.playbook-article-section > :last-child{
  margin-bottom: 0;
}
/* Article Body (end) */


/* Article Table (start) */
.playbook-article-table-wrap{
  margin-top: 26px;
  margin-bottom: 6px;
  overflow-x: auto;
}

.playbook-article-table{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--border-subtle);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(17,24,39,.05);
}

.playbook-article-table th,
.playbook-article-table td{
  padding: 18px 20px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--border-subtle);
  font-size: var(--default);
  line-height: 1.7;
  color: var(--text-main);
}

.playbook-article-table thead th{
  background: #f8fafc;
  font-weight: 800;
}

.playbook-article-table tbody tr:last-child td{
  border-bottom: none;
}
/* Article Table (end) */


/* Chart Placeholder (start) */
.playbook-chart-placeholder{
  margin: 30px 0 12px;
}

.playbook-chart-placeholder-box{
  min-height: 280px;
  border-radius: 22px;
  border: 1px dashed rgba(107,77,230,.28);
  background:
    linear-gradient(135deg, rgba(107,77,230,.06) 0%, rgba(0,113,235,.05) 100%),
    #fff;
  box-shadow: 0 12px 28px rgba(17,24,39,.05);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  padding: 28px;
}

.playbook-chart-placeholder-box span{
  font-size: var(--extra-small);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--purple);
}

.playbook-chart-placeholder-box strong{
  font-size: var(--large);
  line-height: 1.5;
  color: var(--text-main);
}
/* Chart Placeholder (end) */



/* Article Responsiveness (start) */
@media (max-width: 860px){
  .playbook-article-hero{
    padding: 68px 22px 22px;
  }

  .playbook-article-title{
    font-size: 42px;
  }

  .playbook-article-deck,
  .playbook-article-section p,
  .playbook-article-section li{
    font-size: var(--default);
  }

  .playbook-article-section h2{
    font-size: 32px;
  }

  .playbook-article-section h3{
    font-size: 22px;
  }

  .playbook-article-section + .playbook-article-section{
    margin-top: 56px;
  }
}

@media (max-width: 560px){
  .playbook-article-hero-card{
    padding: 20px;
  }

  .playbook-chart-placeholder-box{
    min-height: 220px;
    padding: 22px;
  }

  .playbook-article-table th,
  .playbook-article-table td{
    padding: 14px 14px;
    font-size: 15px;
  }

  .playbook-article-section p + p{
    margin-top: 18px;
  }

  .playbook-article-section ul{
    padding-left: 22px;
  }
}

@media (max-width: 480px){
  .playbook-article-hero{
    padding: 56px 18px 18px;
  }

  .playbook-article-body{
    padding: 4px 18px 64px;
  }

  .playbook-article-title{
    font-size: 34px;
  }

  .playbook-article-deck{
    font-size: var(--default);
  }

  .playbook-article-section h2{
    font-size: 28px;
    margin-bottom: 22px;
  }

  .playbook-article-section h3{
    font-size: 20px;
    margin-top: 30px;
  }
}
/* Article Responsiveness (end) */



/* FAQ Section (start) */
.playbook-article-faq{
  padding-top: 8px;
  padding-bottom: 2rem;
}

figcaption {
    display: none;
}