/* Page-end call-to-action bands.
   Each band gets the style that suits the page it sits on, instead of one flat navy bar everywhere:
   A  cream institutional panel  : .bapi-cta  .ix-cta  .bap-join  .pp-cta
   B  picture band (artwork)     : .ro-cta (network art)  .bpr-cta (certification art)
   C  split card with book covers: .bap-cta  .ph-write
   D  light, minimal             : .ms-icard (Mission Centre link card)
   F  saffron box                : .sk-cta
   Loaded after the page styles (from the footer), so it overrides the older navy look. */

/* ---------- shared ---------- */
.bapi-cta,.ix-cta,.bap-join,.pp-cta,.ro-cta,.bpr-cta,.bap-cta,.ph-write,.sk-cta{position:relative!important;overflow:hidden!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.bapi-cta::before,.ix-cta::before,.bap-join::before,.pp-cta::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(120deg,#9a7726,#cfa94f 22%,#f6e2a6 48%,#d4b25c 72%,#a07c2a)}

/* ---------- A: cream panel ---------- */
.bapi-cta,.ix-cta,.bap-join,.pp-cta{background:#fdf6ea!important;border:1px solid #e6d3a0!important;border-radius:14px!important;box-shadow:0 10px 26px rgba(16,35,63,.09)!important;color:#3b4456!important;padding:28px 32px 26px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:18px 32px!important}
.bapi-cta>div:first-child,.ix-cta>div:first-child,.bap-join>div:first-child,.pp-cta>div:first-child{flex:1 1 440px;min-width:0}
.bapi-cta h3,.ix-cta h3,.bap-join h3,.pp-cta h3,.pp-cta h2{color:#16325e!important;margin:0 0 6px!important}
.bapi-cta p,.ix-cta p,.bap-join p,.pp-cta p{color:#3b4456!important;margin:0!important}
.bapi-cta .bapi-btn,.ix-cta .ix-btn,.bap-join .bap-btn,.pp-cta a[class*="btn"]{background:#ff850c!important;border:1px solid #ff850c!important;color:#fff!important;border-radius:8px!important;box-shadow:0 6px 14px rgba(255,133,12,.25)!important;white-space:nowrap}
.ix-cta .ix-btn--line,.pp-cta a[class*="--line"]{background:#16325e!important;border-color:#16325e!important;box-shadow:0 6px 14px rgba(16,35,63,.2)!important}
.ix-cta .ix-btns{display:flex;flex-wrap:wrap;gap:10px}
.bap-join .bap-chips2 span{background:#fff!important;color:#16325e!important;border:1px solid #e6d3a0!important}
.bapi-cta .bapi-btn:hover,.ix-cta .ix-btn:hover,.bap-join .bap-btn:hover{filter:brightness(1.07)}

/* ---------- B: picture band ---------- */
.ro-cta,.bpr-cta{border:0!important;border-radius:16px!important;color:#e4ecf8!important;box-shadow:0 16px 34px rgba(10,20,40,.28)!important}
.ro-cta{background:linear-gradient(100deg,rgba(9,20,44,.95),rgba(9,20,44,.84) 52%,rgba(9,20,44,.62)),url(../../images/bg/opensource-network.jpg) center/cover no-repeat!important;padding:34px 36px!important}
.bpr-cta{background:linear-gradient(100deg,rgba(26,20,6,.96),rgba(34,26,8,.9) 55%,rgba(40,30,10,.66)),url(../../images/bg/certification-seal.jpg) center 55%/cover no-repeat!important;padding:30px 34px!important;border-top:3px solid #cfa94f!important}
.ro-cta{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important}
.ro-cta h2,.bpr-cta h3{color:#fff!important}
.ro-cta p,.bpr-cta p{color:#dbe5f3!important}
.bpr-cta p{color:#f3e7cc!important}
.ro-cta .ro-kick{color:#ffb35c!important}
.ro-cta .ro-mail a{color:#ffd08a!important}
.ro-cta .ro-cta__b{display:grid!important;grid-template-columns:1fr;gap:9px!important}
.ro-cta .ro-btn{border-radius:8px!important;justify-content:center}
.ro-cta .ro-btn--l{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.38)!important;color:#fff!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.ro-cta .ro-btn--l:hover{background:rgba(255,133,12,.22)!important;border-color:#ff9a2e!important}
.bpr-cta .bpr-btn{background:linear-gradient(135deg,#f3d27a,#cfa94f)!important;color:#2a1e06!important;border:0!important;border-radius:8px!important}
.bpr-cta .bpr-btn--line{background:transparent!important;color:#fff!important;border:1px solid rgba(255,236,190,.6)!important}

/* ---------- C: split card with book covers ---------- */
.bap-cta,.ph-write{display:grid!important;grid-template-columns:250px minmax(0,1fr) auto!important;align-items:center!important;gap:0 30px!important;padding:0 30px 0 0!important;background:#fff!important;color:#3b4456!important;border:1px solid #e3e8f0!important;border-radius:16px!important;box-shadow:0 14px 32px rgba(16,35,63,.11)!important;min-height:190px}
.bap-cta::before,.ph-write::before{content:"";align-self:stretch;min-height:190px;background:url(../../images/bg/cta-books.jpg) center/cover no-repeat,#0e1e3e}
.bap-cta>div,.ph-write>div{padding:24px 0}
.bap-cta h3,.ph-write h2{color:#16325e!important;margin:0 0 8px!important}
.bap-cta p,.ph-write p{color:#4a5466!important}
.ph-write .ph-fam__k{color:#b65a09!important}
.bap-cta .bap-btns,.ph-write .ph-write__b{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:230px}
.bap-cta .bap-btn,.ph-write .ph-btn{display:flex!important;justify-content:center;text-align:center;border-radius:8px!important;background:#16325e!important;color:#fff!important;border:1px solid #16325e!important}
.bap-cta .bap-btn--gold,.ph-write .ph-btn:not(.ph-btn--l){background:#ff850c!important;border-color:#ff850c!important;color:#fff!important}
.bap-cta .bap-btn+.bap-btn+.bap-btn,.ph-write .ph-btn--l+.ph-btn--l{background:#fff!important;color:#16325e!important;border-color:#d9c38d!important}

/* ---------- D: light, minimal (Mission Centre card) ---------- */
.ms-icard{background:#fff!important;color:#3b4456!important;border:1px solid #e3e8f0!important;border-left:5px solid #ff850c!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(16,35,63,.07)!important}
.ms-icard>i{color:#16325e!important;background:#f3f6fb;border-radius:50%;width:56px;height:56px;display:flex!important;align-items:center;justify-content:center;font-size:24px!important}
.ms-icard small{color:#b65a09!important}
.ms-icard strong{color:#16325e!important}
.ms-icard span span{color:#4a5466!important}
.ms-icard em{background:#16325e!important;color:#fff!important;border-radius:30px!important;padding:10px 16px!important;font-style:normal}
.ms-icard:hover{border-color:#e6d3a0!important;box-shadow:0 12px 26px rgba(16,35,63,.12)!important}

/* ---------- F: saffron box ---------- */
.sk-cta{background:linear-gradient(110deg,#ff8a1a,#f26b0f 55%,#d9590b)!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:26px 30px!important;box-shadow:0 12px 26px rgba(217,89,11,.22)!important}
.sk-cta::after{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;border:36px solid rgba(255,255,255,.09);pointer-events:none}
.sk-cta h3{color:#fff!important}
.sk-cta p{color:#fff4e6!important}
.sk-cta a{position:relative;z-index:1;background:#fff!important;color:#c4520a!important;border:0!important;border-radius:8px!important;box-shadow:0 6px 14px rgba(120,40,0,.2)!important}

/* ---------- tablets ---------- */
@media (max-width:991px){
  .bap-cta,.ph-write{grid-template-columns:200px minmax(0,1fr)!important;padding-right:24px!important}
  .bap-cta .bap-btns,.ph-write .ph-write__b{grid-column:2;flex-direction:row!important;flex-wrap:wrap;padding:0 0 22px;min-width:0}
  .ro-cta{grid-template-columns:1fr!important}
  .ro-cta .ro-cta__b{grid-template-columns:1fr 1fr}
  .ro-cta .ro-cta__b a:first-child{grid-column:1/-1}
}
/* ---------- phones ---------- */
@media (max-width:640px){
  .bpr-cta{background:linear-gradient(180deg,rgba(26,20,6,.95),rgba(34,26,8,.9)),url(../../images/bg/certification-seal.jpg) center/cover no-repeat!important}
  .bapi-cta,.ix-cta,.bap-join,.pp-cta{padding:24px 18px 20px!important;flex-direction:column!important;align-items:stretch!important;text-align:left}
  .bapi-cta>div:first-child,.ix-cta>div:first-child,.bap-join>div:first-child,.pp-cta>div:first-child{flex:0 0 auto}
  .bapi-cta .bapi-btn,.ix-cta .ix-btn,.bap-join .bap-btn,.sk-cta a{display:flex!important;justify-content:center;width:100%;box-sizing:border-box}
  .ix-cta .ix-btns{display:grid;grid-template-columns:1fr 1fr}
  .ro-cta,.bpr-cta{padding:24px 18px!important}
  .ro-cta .ro-cta__b{grid-template-columns:1fr!important}
  .bpr-cta>div:last-child{width:100%}.bpr-cta .bpr-btn{flex:1 1 100%;justify-content:center}
  .bap-cta,.ph-write{grid-template-columns:1fr!important;padding:0 0 20px!important}
  .bap-cta::before,.ph-write::before{min-height:170px;background-size:auto 115%,auto!important}
  .bap-cta>div,.ph-write>div{padding:18px 18px 0!important}
  .bap-cta .bap-btns,.ph-write .ph-write__b{grid-column:1;flex-direction:column!important;padding:14px 18px 0!important}
  .sk-cta{padding:22px 18px!important;flex-direction:column;align-items:stretch!important}
  .ms-icard{border-left-width:4px!important}
  .ms-icard em{justify-self:stretch!important;text-align:center}
}