/* 2 Nov 2026 (Sophie): one hero for the tools and forms: the teal band, white headline, lime eyebrow.
   Added as class "tband" on each page's own hero; doubled selectors win over the pages' inline styles.
   Line illustrations sit on a soft cream tile so they still read on teal; on phones they step aside
   so the headline is the first thing on screen. */
.tband.tband{background:var(--teal,#02615D)!important;border-bottom:0!important;color:#fff}
.tband.tband h1{color:#fff!important;font-weight:300}
.tband.tband p,.tband.tband .lede,.tband.tband .lead,.tband.tband .ip-sub,.tband.tband .ins-byline,.tband.tband li{color:rgba(255,255,255,.87)!important}
.tband.tband .eyebrow,.tband.tband .kick{color:#C6E084!important;--eyebrow-ink:#C6E084;--eyebrow-rule:#A6C84A}
.tband.tband a:not(.btn):not([class*=btn]){color:#fff!important;text-decoration-color:rgba(255,255,255,.55)}
.tband.tband .cc-ticks span,.tband.tband .pw-ticks span{color:rgba(255,255,255,.9)!important}
.tband.tband .cc-ticks svg,.tband.tband .pw-ticks svg{stroke:#C6E084!important}
.tband.tband .pw-ticks i{background:rgba(255,255,255,.12)!important;color:#C6E084!important}
.tband.tband figure img,.tband.tband .ip-art img,.tband.tband .t-art,.tband.tband .cc-art,.tband.tband .ins-art{background:#F6F3EA;border-radius:28px;padding:clamp(14px,2vw,24px);box-sizing:border-box}
.tband.tband [style*="background:#A6C84A"]{background:#C6E084!important}
@media (max-width:700px){.tband.tband figure,.tband.tband .ip-art,.tband.tband .t-art,.tband.tband .cc-art,.tband.tband .ins-art{display:none!important}}
/* page-specific pieces inside the band */
.tband.tband .cc-heroart img,.tband.tband .intro-grid>div>img,.tband.tband .intro-grid img,.tband.tband [style*="flex"]>img,.tband.tband [style*="flex"]>div>img{background:#F6F3EA;border-radius:28px;padding:clamp(14px,2vw,24px);box-sizing:border-box}
.tband.tband .pw-heroart p,.tband.tband .pw-heroart b,.tband.tband .pw-heroart span{color:#0F3D39!important}
.tband.tband .pw-hero a[class*=btn],.tband.tband .pw-herot a{background:#fff!important;color:#02615D!important;border-color:#fff!important}
.tband.tband .ip-destlbl{color:rgba(255,255,255,.8)!important}
.tband.tband .ip-tool{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
.tband.tband .ip-pill:not(.is-sel),.tband.tband [aria-pressed=false]{color:#fff!important;border-color:rgba(255,255,255,.6)!important;background:transparent!important}
@media (max-width:700px){.tband.tband .cc-heroart,.tband.tband .intro-grid img,.tband.tband [style*="flex"]>img,.tband.tband [style*="flex"]>div>img{display:none!important}
 .tband.tband .rt-wrap{padding-left:22px!important;padding-right:22px!important}}
.tband.tband .pw-herot a.go.go.go{background:#fff!important;color:#02615D!important}
/* the same spacing on every tool page: one width, one left edge, one rhythm top and bottom */
.tband.tband{padding:clamp(52px,6vw,80px) 0 clamp(44px,5vw,64px)!important;margin:0!important}
.tband.tband>*{max-width:var(--w-shell,1180px)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:0 clamp(22px,4vw,40px)!important;box-sizing:border-box}
.tband.tband>*>*{margin-top:0}
.tband.tband h1{margin-top:0!important}
.tband.tband .eyebrow,.tband.tband .kick{margin-top:0!important}
.tband.tband.submit-pad{padding-bottom:clamp(110px,12vw,150px)!important}
/* the reassurance row, as on the Pathway Navigator: a small tick in a soft circle, then the fact */
.th-ticks{display:flex;flex-wrap:wrap;gap:10px 24px;margin:22px 0 4px}
.th-ticks span{display:inline-flex;align-items:center;gap:9px;font-family:var(--display,'Work Sans'),sans-serif;font-weight:600;font-size:14px;color:rgba(255,255,255,.92)}
.th-ticks i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(198,224,132,.18);color:#C6E084;flex:none}
.th-ticks svg{width:13px;height:13px}
@media (max-width:700px){.th-ticks{flex-direction:column;gap:9px}}
.tband.tband .th-ticks{margin-top:20px!important}