/* Route chooser (B1), HR fork (B3) and named proof (B4).
   Palette, type and buttons follow the site: Plus Jakarta Sans, Fraunces, pink #D70877, navy #0A1530. */
html.cipd-promo-off [data-cipd-promo]{display:none!important}

.tess-band{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  background:#FFFBEF;
  border-top:1px solid #E5DFCE;
  border-bottom:1px solid #E5DFCE;
  padding:28px 20px;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#0A1530;
  text-align:left;
}
/* Page styles often set unscoped section padding, colour and alignment.
   The class has to win on programme pages such as HR Support Level 3. */
section.tess-band{
  padding:28px 20px!important;
  margin-left:0!important;
  margin-right:0!important;
  color:#0A1530!important;
  background:#FFFBEF!important;
  text-align:left!important;
  /* HR Support fades every intersecting section in from opacity 0. Keep this block solid. */
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
.tess-band *,
.tess-band *::before,
.tess-band *::after{box-sizing:border-box}
.prose .tess-band,
article .tess-band{margin:1.6em 0!important;border:1px solid #E5DFCE;border-radius:18px;padding:22px 18px!important}
.tess-route,
.tess-hrfork,
.tess-proof{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  min-width:0;
}
.tess-kicker{
  margin:0 0 8px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#D70877!important;
  line-height:1.3!important;
  border:0!important;
  padding:0!important;
}
.tess-route h2,
.tess-hrfork h2,
.tess-proof h2{
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(26px,4vw,38px)!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  line-height:1.15!important;
  color:#0A1530!important;
  text-wrap:balance;
}
.tess-route h2 .serif,
.tess-hrfork h2 .serif,
.tess-proof h2 .serif{
  font-family:Fraunces,Georgia,serif!important;
  font-style:italic!important;
  font-weight:500!important;
  color:#D70877!important;
}
.tess-sub,
.tess-route-card p,
.tess-hrfork-card p,
.tess-both,
.tess-quiet,
.tess-proof-meta,
.tess-proof-context{
  margin:0!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  color:#3E434C!important;
  font-weight:500!important;
  text-wrap:pretty;
}
.tess-sub{margin:0 0 18px!important;max-width:68ch}
.tess-route-grid,
.tess-hrfork-grid,
.tess-proof-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:14px;
  min-width:0;
}
.tess-hrfork-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.tess-route-card,
.tess-hrfork-card,
.tess-proof-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  background:#fff;
  border:1px solid #E5DFCE;
  border-radius:16px;
  padding:18px 16px 16px;
  box-shadow:0 4px 16px -8px rgba(10,21,48,.08);
}
/* /ai-for-hr sets article{padding:48px 40px;margin:-30px auto 40px}. These cards must not inherit it. */
.tess-band article.tess-route-card,.tess-band article.tess-hrfork-card,.tess-band article.tess-proof-card{margin:0!important;padding:18px 16px 16px!important}
.tess-route-card{border-top:4px solid #D70877}
.tess-route-card--hr{border-top-color:#14B8B8}
.tess-route-card--leaders{border-top-color:#1B75BC}
.tess-route-card--units{border-top-color:#FFC20E}
.tess-hrfork-card--lead{border-top:4px solid #D70877}
.tess-hrfork-card--career{border-top:4px solid #1B75BC}
.tess-proof-card{border-left:4px solid #D70877}
.tess-proof-card--covea{border-left-color:#1B75BC}
.tess-proof-card--dpd{border-left-color:#5BA631}
.tess-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:12px;
  flex:0 0 auto;
}
.tess-ico svg{display:block;width:22px;height:22px}
.tess-ico--pink{background:#FCE4F0;color:#D70877}
.tess-ico--teal{background:#DBF6F6;color:#0C7C7C}
.tess-ico--blue{background:#E3EDFB;color:#1B75BC}
.tess-ico--yellow{background:#FFF6D8;color:#0A1530}
.tess-ico--green{background:#EEF7DC;color:#3F7A22}
.tess-who{
  margin:0!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#5F6470!important;
  line-height:1.35!important;
}
.tess-route-card h3,
.tess-hrfork-card h3,
.tess-proof-card h3{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  line-height:1.25!important;
  color:#0A1530!important;
}
.tess-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:auto;
  min-width:0;
}
.tess-ctas{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
  min-width:0;
}
.tess-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  max-width:100%;
  min-height:44px;
  padding:12px 16px;
  border-radius:999px;
  border:1.5px solid transparent;
  background:#fff;
  color:#0A1530!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14.5px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:-.01em;
  text-align:center;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  box-shadow:none;
}
.tess-ctas .tess-btn{width:auto;flex:1 1 240px}
.tess-route-card .tess-btn:not(.tess-btn--primary),
.tess-hrfork-card .tess-btn:not(.tess-btn--primary),
.tess-proof-card .tess-btn:not(.tess-btn--primary){
  border-color:#E5DFCE!important;
}
.tess-btn--primary{
  background:#D70877!important;
  color:#fff!important;
  border-color:#D70877;
}
.tess-btn--ghost{
  background:transparent!important;
  color:#0A1530!important;
  border-color:#0A1530;
}
.tess-btn:hover,
.tess-btn:focus-visible{transform:translateY(-1px)}
.tess-btn--primary:hover,
.tess-btn--primary:focus-visible{background:#B81272!important;color:#fff!important}
.tess-btn--ghost:hover,
.tess-btn--ghost:focus-visible{background:#0A1530!important;color:#fff!important}
.prose .tess-band a.tess-btn,
.prose .tess-band a.tess-btn:hover,
article .tess-band a.tess-btn,
article .tess-band a.tess-btn:hover{border-bottom:0!important;background:#fff!important;background-image:none!important;color:#0A1530!important}
.prose .tess-band a.tess-btn--primary,
.prose .tess-band a.tess-btn--primary:hover,
article .tess-band a.tess-btn--primary,
article .tess-band a.tess-btn--primary:hover{background:#D70877!important;color:#fff!important}
.prose .tess-band a.tess-btn--ghost,
article .tess-band a.tess-btn--ghost{background:transparent!important;color:#0A1530!important;border-color:#0A1530!important}
.prose .tess-band a.tess-btn--ghost:hover,
article .tess-band a.tess-btn--ghost:hover{background:#0A1530!important;color:#fff!important}
.tess-proof-line,
.tess-both{
  margin:16px 0 0!important;
  padding:12px 14px;
  background:#fff;
  border:1px solid #E5DFCE;
  border-radius:12px;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.45!important;
  color:#0A1530!important;
}
.tess-quiet{
  margin:10px 0 0!important;
  font-size:13.5px!important;
  color:#5F6470!important;
}
.tess-quiet a,
.tess-colart a,
.tess-inline{
  color:#D70877!important;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  overflow-wrap:anywhere;
}
.tess-colart{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px 12px;
  margin:14px 0 0!important;
  min-width:0;
  font-size:15px!important;
  line-height:1.5!important;
  color:#3E434C!important;
}
.tess-label{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  background:#FCE4F0;
  color:#0A1530!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  line-height:1.3!important;
}
.tess-proof-card blockquote{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-family:Fraunces,Georgia,serif!important;
  font-style:italic!important;
  font-weight:500!important;
  font-size:17px!important;
  line-height:1.45!important;
  letter-spacing:-.015em;
  color:#0A1530!important;
}
.tess-proof-card blockquote::before,
.tess-proof-card blockquote::after{content:none!important}
.tess-attr{
  margin:0!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.4!important;
  color:#0A1530!important;
}
.tess-attr span{
  font-weight:500!important;
  color:#5F6470!important;
}
.tess-proof-card .tess-btn{margin-top:auto}
.tess-band a:focus-visible{
  outline:3px solid #D70877;
  outline-offset:3px;
}
@media (max-width:390px){
  .tess-band,
  section.tess-band{padding:22px 14px!important}
  .prose .tess-band,
  article .tess-band{padding:18px 12px!important}
  .tess-route h2,
  .tess-hrfork h2,
  .tess-proof h2{font-size:24px!important}
  .tess-proof-card blockquote{font-size:16px!important}
}