/* ── CTO Staffing & Executive Search — page-cto-staffing.css (page 21403) ── */
/* Relies on global.css for .k-section*, .k-inner, .k-badge*, .k-btn*, .k-sp-split*,
   .k-sp-faq*, .k-sp-cards3/.k-sp-card3, .k-section--dark, .k-orange-bar, .k-section-*.
   Loaded after page-data-science.css (shared hero/cards4 base). */

/* Full-width overrides */
body.page-id-21403 .site-content,
body.page-id-21403 .content-area,
body.page-id-21403 .inside-article,
body.page-id-21403 .entry-content,
body.page-id-21403 article,
body.page-id-21403 .grid-container,
body.page-id-21403 #content,
body.page-id-21403 .site-main,
body.page-id-21403 #primary{
  max-width:100%!important;
  width:100%!important;
  padding:0!important;
  margin:0!important
}

/* Hide default WP title */
body.page-id-21403 .entry-title,
body.page-id-21403 .entry-header{
  display:none!important
}

/* Kill sidebar white bar */
body.page-id-21403 #right-sidebar,
body.page-id-21403 .sidebar{
  display:none!important
}
body.page-id-21403{
  overflow-x:hidden!important
}
body.page-id-21403 .site-content .content-area{
  float:none!important
}

/* wpautop interference fix */
body.page-id-21403 .entry-content > p:empty,
body.page-id-21403 .entry-content > br{
  display:none!important
}
body.page-id-21403 .k-sp-split > p:not(:empty){
  display:contents!important
}

/* Hide GP featured image thumbnail */
body.page-id-21403 .featured-image,
body.page-id-21403 .page-hero-image,
body.page-id-21403 .post-image{
  display:none!important
}

/* Kill residual top spacing */
body.page-id-21403 .site-content,
body.page-id-21403 .site-content > .content-area,
body.page-id-21403 #primary > .inside-primary,
body.page-id-21403 .inside-article,
body.page-id-21403 .entry-header,
body.page-id-21403 article.page{
  padding-top:0!important;
  margin-top:0!important
}

/* Scope images to entry-content */
body.page-id-21403 .entry-content img{
  width:100%;
  height:auto;
  display:block;
  border-radius:14px
}

/* ── AEO answer band (section 2) ── */
.k-inner--narrow{
  max-width:840px
}
.k-updated{
  font-size:13px;
  font-weight:600;
  letter-spacing:.3px;
  color:#9098a3;
  margin:0 0 16px
}
.k-aeo-lead{
  font-size:20px;
  line-height:1.6;
  font-weight:600;
  color:#2d2d3d;
  margin:0 0 26px;
  padding:22px 26px;
  background:#fbf6f0;
  border-left:4px solid #f48830;
  border-radius:0 12px 12px 0
}

/* ── Stats (section 5) ── */
.k-cto-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin-top:8px
}
.k-cto-stat{
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:14px;
  padding:32px 24px;
  text-align:center;
  transition:transform .25s ease,box-shadow .25s ease
}
.k-cto-stat:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(0,0,0,0.07)
}
.k-cto-stat-num{
  font-size:46px;
  font-weight:800;
  color:#f48830;
  line-height:1;
  letter-spacing:-1.5px
}
.k-cto-stat-label{
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:#2d2d3d;
  margin-top:12px
}
.k-cto-stat-ctx{
  font-size:14px;
  line-height:1.6;
  color:#6b7280;
  margin:12px 0 0
}

/* ── Full-Time vs Fractional compare (section 7) ── */
.k-cto-compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}
.k-cto-compare-col{
  background:#fff;
  border:2px solid #f48830;
  border-radius:14px;
  padding:28px 24px
}
.k-cto-compare-col--alt{
  border-color:#e0e0e0;
  background:#f8f9fb
}
.k-cto-compare-col h4{
  font-size:18px;
  font-weight:800;
  color:#2d2d3d;
  margin:0 0 16px;
  text-align:center
}
.k-cto-compare-col ul{
  list-style:none;
  padding:0;
  margin:0
}
.k-cto-compare-col li{
  font-size:14px;
  line-height:1.7;
  color:#4b5563;
  padding:7px 0;
  border-bottom:1px solid rgba(0,0,0,0.05)
}
.k-cto-compare-col li:last-child{
  border-bottom:none
}
.k-cto-compare-col:first-child li::before{
  content:"\2713 ";
  color:#f48830;
  font-weight:700
}
.k-cto-compare-col--alt li::before{
  content:"\2713 ";
  color:#6b7280;
  font-weight:700
}

/* ── Where we place CTOs grid (section 9) ── */
.k-cto-stages{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:8px
}
.k-cto-stage{
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:10px;
  padding:22px 16px;
  text-align:center;
  font-size:15px;
  font-weight:600;
  color:#2d2d3d;
  transition:border-color .25s ease,box-shadow .25s ease
}
.k-cto-stage:hover{
  border-color:rgba(244,136,48,0.3);
  box-shadow:0 4px 16px rgba(0,0,0,0.06)
}

/* ── FAQ answer wrapper (speakable target; styled via global .k-sp-faq-a p) ── */
.k-faq-answer{
  margin:0
}

/* ── Responsive ── */
@media(max-width:900px){
  .k-cto-stats{grid-template-columns:repeat(2,1fr)}
  .k-cto-stages{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .k-cto-compare{grid-template-columns:1fr}
  .k-sp-split{display:block}
  .k-sp-split-img{margin-bottom:24px}
}
@media(max-width:560px){
  .k-cto-stats{grid-template-columns:1fr}
  .k-cto-stages{grid-template-columns:1fr}
  .k-aeo-lead{font-size:18px;padding:18px 18px}
  .k-cto-stat-num{font-size:40px}
}