/* c1: About split - #promise (D) / #team (L) / #history (D); timeline on the homepage how-it-works pattern (home.css .hiw/.hrail/.hfill/.bn) */
/* team block on light */
html body.t-about #team .ab-team{margin-top:0!important;background:#fff!important;border:1px solid var(--line);box-shadow:0 18px 40px -22px rgba(0,5,62,.28)}
html body.t-about #team .ab-h3{color:var(--ink)}
html body.t-about #team .ab-tt p:not(.eb){color:var(--txt,#3A4466)}
html body.t-about #team .ab-tm img{border-color:#fff;box-shadow:0 10px 24px -14px rgba(0,5,62,.4)}
/* history block: heading + timeline */
@media(min-width:900px){html body.t-about .ab-hiw .steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:899px){html body.t-about .ab-hiw .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:40px!important;column-gap:24px!important}}
html body.t-about #team .ab-team{padding:20px!important}
@media(min-width:700px){html body.t-about #team .ab-team{padding:28px!important}}
html body.t-about .ab-hiw .steps li{list-style:none}
html body.t-about .ab-hiw h3{color:#fff}
html body.t-about .ab-hiw p{color:rgba(255,255,255,.82)}
html body.t-about .ab-hiw .ab-yr{display:inline-block;margin:6px 0 2px;padding:2px 9px;border-radius:999px;background:var(--y);color:var(--ink);font-weight:800;font-size:13px;line-height:1.4}
@media(max-width:699px){html body.t-about .ab-hiw .steps li{text-align:left}}
html body.t-about #history .shead{margin-bottom:24px!important}
@media(min-width:700px){html body.t-about #history .shead{margin-bottom:34px!important}}

/* === sth-resources-fix1 (loads after bundle) === */
/* White card on dark: Book = navy outline (Bang 08:37 fqcall reference) */
html body .card-on-light .btn.book,
html body .sec.D .talk .btn.book,
html body .sec.D .fqcall .btn.book,
html body .pcallc .fqcall .btn.book,
html body .fqcall .btn.book{
  border:2px solid var(--ink)!important;
  color:var(--ink)!important;
  background:transparent!important;
}
html body .sec.D .talk .ctas{
  display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;width:100%;
}
html body .sec.D .talk .ctas .btn{width:100%!important;justify-content:center;margin:0!important}
@media(min-width:700px){html body .sec.D .talk .ctas{min-width:220px}}
/* HIW traveler above bn */
html body .hiw .walker,html body #how .hiw .walker,html body .hiw[data-hiw] .walker{z-index:1!important}
html body .hiw .bn,html body #how .hiw .bn,html body .hiw[data-hiw] .bn{z-index:6!important}
/* About history unclip */
html body.t-about #history,html body.t-about #history .wrap,html body.t-about #history .ab-hiw,html body.t-about #history .hiw{overflow:visible!important}
html body.t-about #history .ab-hiw,html body.t-about #history .hiw{padding-left:28px!important;padding-right:28px!important;padding-bottom:18px!important}
@media(min-width:700px){html body.t-about #history .ab-hiw,html body.t-about #history .hiw{padding-left:36px!important;padding-right:36px!important;padding-bottom:24px!important}}
/* About chips AA + icon badge */
html body.t-about #services .sx-chips li{background:#eef3fa!important;color:#00053E!important}
html body.t-about #services .sx-num{display:inline-grid!important;place-items:center;width:34px;height:34px;padding:0;border:3px solid #00053e;border-radius:50%;background:#fed14d;color:#00053e}
html body.t-about #services .sx-num svg{display:block;width:18px;height:18px}
html body.t-about #services .sx-card.on .sx-num{background:#00053e;color:#fed14d}
html body.t-about #services .sx-card:not(.on) .sx-body{display:none!important}
/* Club visit step 4 AA */
html body .cv-sec .cv-s4 h3{color:#fff!important}
html body .cv-sec .cv-s4 p{color:rgba(230,236,248,.92)!important}
html body .cv-sec.cv-in .cv-s4,html body .cv-sec:not(.cv-pre) .cv-s4{opacity:1!important}

/* sth-hiw-behind2: numbered circles ABOVE walker (fix stacking; walker was z:4!important and steps z:1 so bn could never win) */
html body .hiw .walker,
html body #how .hiw .walker,
html body .hiw[data-hiw] .walker,
html body .svc-how .hiw .walker,
html body .ab-hiw .walker{
  z-index:1!important;
}
html body .hiw .steps,
html body #how .hiw .steps,
html body .hiw[data-hiw] .steps,
html body .svc-how .hiw .steps,
html body .ab-hiw .steps{
  position:relative!important;
  z-index:5!important;
}
html body .hiw .bn,
html body #how .hiw .bn,
html body .hiw[data-hiw] .bn,
html body .svc-how .hiw .bn,
html body .ab-hiw .bn,
html body .hiw .steps li .bn{
  z-index:6!important;
}
