

/* ── 2. Section centering fix ── */
/* Global .k-section-desc has max-width:600px but no auto margins */
body.page-id-15565 .k-section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
body.page-id-15565 .k-section-desc {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.page-id-15565 .k-section-title {
  word-wrap: break-word;
  overflow-wrap: break-word;
}


/* ── 3. Role grid — 4-col on large, 2-col on medium, 1-col on small ── */
/* Uses .k-sp-roles-grid from global.css — no additional overrides needed */


/* ── 4. CTA white button override for orange section ── */
.k-btn-primary--white,
.entry-content a.k-btn-primary--white {
  background: #fff !important;
  color: #f48830 !important;
}
.k-btn-primary--white:hover {
  background: #f5f5f5 !important;
  color: #e07520 !important;
}


/* ── 5. Responsive ── */
@media (max-width: 1024px) {
  body.page-id-15565 .k-section-title {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  body.page-id-15565 .k-section--light,
  body.page-id-15565 .k-section--white {
    padding: 70px 20px;
  }
}
