/* Capability solution pages — one centered column, not a two-pane split */

.capability-page .hero .wrap,
.capability-page .cap-body .sec > .wrap,
.capability-page .cap-body .band > .wrap,
.capability-page > .sec > .wrap,
.capability-page > .final > .wrap{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
  padding-left:1.5rem;
  padding-right:1.5rem
}

.capability-page .hero{
  text-align:center
}
.capability-page .hero-top{
  display:block
}
.capability-page .hero-copy{
  max-width:none;
  margin:0 auto;
  padding-bottom:0;
  text-align:center
}
.capability-page .hero h1{
  max-width:none;
  margin-left:auto;
  margin-right:auto
}
.capability-page .hero-lead{
  max-width:none;
  margin-left:auto;
  margin-right:auto
}
.capability-page .hero-cta.btn-group{
  justify-content:center
}
.capability-page .cap-crumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:center;
  font-size:15px !important;
  color:rgba(255,255,255,.72);
  margin:0 0 22px
}
.capability-page .cap-crumbs a{color:var(--cyan-light)}
.capability-page .cap-crumbs a:hover{text-decoration:underline}

.capability-page .hero-stats{
  text-align:left;
  margin-top:28px
}

.capability-page .cap-body .sec > .wrap,
.capability-page .cap-body .band > .wrap{
  display:block
}
.capability-page .cap-body .sec-head{
  max-width:none;
  margin:0 auto 28px;
  text-align:center
}
.capability-page .cap-body .sec-head .lede{
  max-width:none;
  margin-left:auto;
  margin-right:auto
}
.capability-page .cap-body p,
.capability-page .cap-body li{
  font-size:20px !important
}
.capability-page .cap-body .ticks{
  text-align:left;
  max-width:640px;
  margin-left:auto;
  margin-right:auto
}
.capability-page .cap-body .ticks li{
  font-size:19px !important
}

html.js .capability-page .cap-body .rv{
  opacity:1;
  transform:none
}

.capability-page .cap-sib{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px
}
.capability-page .cap-sib-card{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:64px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--navy) !important;
  font-weight:700;
  font-size:17px !important;
  box-shadow:var(--shadow)
}
.capability-page a.cap-sib-card:hover{
  border-color:var(--cyan);
  transform:translateY(-2px);
  text-decoration:none
}
.capability-page .cap-sib-card.is-current{
  background:var(--cyan-soft);
  border-color:var(--cyan);
  cursor:default
}

.capability-page .cap-table-wrap{
  overflow-x:auto;
  margin:0 auto 8px;
  -webkit-overflow-scrolling:touch
}
.capability-page .cap-compare{
  width:100%;
  border-collapse:collapse;
  text-align:left
}
.capability-page .cap-compare th,
.capability-page .cap-compare td{
  border:1px solid var(--line);
  padding:12px 14px;
  vertical-align:top;
  font-size:18px !important
}
.capability-page .cap-compare thead th{
  background:var(--cyan-soft);
  color:var(--navy);
  font-weight:800
}
.capability-page .cap-compare tbody th{
  font-weight:700;
  width:28%;
  background:#fff
}

.capability-page .cap-examples{
  display:grid;
  gap:16px
}
.capability-page .cap-example-card{
  display:block;
  padding:20px 22px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--shadow);
  text-decoration:none;
  color:inherit
}
.capability-page a.cap-example-card:hover{
  border-color:var(--cyan);
  transform:translateY(-2px);
  text-decoration:none
}
.capability-page .cap-example-card h3{
  margin:0 0 8px;
  font-size:22px !important
}
.capability-page .cap-example-card p{
  margin:0;
  color:var(--muted);
  font-size:18px !important
}
.capability-page .cap-empty{
  text-align:center;
  max-width:640px;
  margin:0 auto
}

@media only screen and (max-width:576px){
  .capability-page .cap-sib{grid-template-columns:1fr}
  .capability-page .hero-stats{grid-template-columns:1fr}
  .capability-page .cap-compare tbody th{width:auto}
}