/* GPT-PANEL: compact closing roadmap card. Scoped to the continuous improvement
   aside only. Existing text, other roadmap stages, and form flows are unchanged. */
#roadmap .roadmap-continuous {
  display: block !important;
  position: relative !important;
  align-self: stretch !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f2f7fc !important;
  border: 1px solid #cfdfed !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#roadmap .roadmap-continuous::before,
#roadmap .roadmap-continuous::after {
  content: none !important;
  display: none !important;
}
#roadmap .roadmap-continuous-inner {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  justify-items: stretch !important;
  align-content: center !important;
  gap: 5px 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 22px 25px !important;
  text-align: left !important;
}
#roadmap .roadmap-continuous-top { display: contents !important; }
#roadmap .roadmap-continuous-symbol {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  margin: 0 !important;
  border: 1px solid #ccdeef !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: none !important;
}
#roadmap .roadmap-continuous-symbol .roadmap-loop {
  width: 27px !important;
  height: 27px !important;
  stroke: #3175b9 !important;
  stroke-width: 2 !important;
}
#roadmap .roadmap-continuous h3 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  color: #234a79 !important;
  -webkit-text-fill-color: #234a79 !important;
  font-size: clamp(18px, 1.9vw, 23px) !important;
  line-height: 1.24 !important;
  letter-spacing: -.027em !important;
  font-weight: 700 !important;
  text-align: left !important;
}
#roadmap .roadmap-continuous p,
#roadmap .roadmap-continuous-inner > p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  flex-basis: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #546b85 !important;
  font-size: 14px !important;
  line-height: 1.52 !important;
  text-align: left !important;
  text-wrap: pretty;
}
#roadmap .roadmap-continuous .roadmap-state,
#roadmap .roadmap-continuous .roadmap-state--current {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  justify-self: end !important;
  align-self: center !important;
  max-width: none !important;
  width: max-content !important;
  white-space: nowrap !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 660 !important;
  border-radius: 100px !important;
  color: #275e9d !important;
  background: #e2efff !important;
}
@media(max-width: 700px) {
  #roadmap .roadmap-continuous-inner {
    grid-template-columns: 39px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 6px 12px !important;
    min-height: 0 !important;
    padding: 18px 17px !important;
  }
  #roadmap .roadmap-continuous-symbol {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;
    border-radius: 11px !important;
  }
  #roadmap .roadmap-continuous-symbol .roadmap-loop {
    width: 24px !important;
    height: 24px !important;
  }
  #roadmap .roadmap-continuous h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    font-size: clamp(18px, 4.7vw, 21px) !important;
  }
  #roadmap .roadmap-continuous p,
  #roadmap .roadmap-continuous-inner > p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    font-size: 13px !important;
  }
  #roadmap .roadmap-continuous .roadmap-state,
  #roadmap .roadmap-continuous .roadmap-state--current {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    padding: 5px 10px !important;
    margin-top: 3px !important;
    font-size: 11px !important;
  }
}
@media(forced-colors: active) {
  #roadmap .roadmap-continuous h3 {
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
  }
}


/* Connected, chronological roadmap: Phase 0 through Phase 4.
   The source is already an ordered list. This provides a visible progression
   instead of the original two-column table-like card grid. */
#roadmap .roadmap-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  gap:22px!important;
}
#roadmap .roadmap-timeline{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:1050px!important;
  align-self:center!important;
  padding:0!important;
  margin:0!important;
  gap:0!important;
  list-style:none!important;
  isolation:isolate!important;
}
#roadmap .roadmap-timeline::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
  width:3px!important;
  left:26px!important;
  top:42px!important;
  bottom:64px!important;
  border-radius:100px!important;
  background:linear-gradient(180deg,#9dcdb5 0%,#96c7b1 32%,#78aae2 55%,#d5e2ef 68%,#d5e2ef 100%)!important;
}
#roadmap .roadmap-step{
  display:grid!important;
  position:relative!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:clamp(14px,2.5vw,24px)!important;
  align-items:start!important;
  min-width:0!important;
  margin:0!important;
  padding:11px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#roadmap .roadmap-step>.roadmap-symbol{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  grid-column:1!important;
  align-self:start!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  margin:17px 0 0!important;
  border:1px solid #d4e2f1!important;
  border-radius:50%!important;
  background:#eef4fc!important;
  box-shadow:0 0 0 6px #fff!important;
}
#roadmap .roadmap-step--complete>.roadmap-symbol{
  border-color:#b4dece!important;
  background:#e7f6ef!important;
}
#roadmap .roadmap-step--current>.roadmap-symbol{
  border-color:#8fbce9!important;
  background:#e2f0ff!important;
  box-shadow:0 0 0 6px #fff,0 0 0 9px rgba(67,129,205,.13)!important;
}
#roadmap .roadmap-step .roadmap-icon{
  width:24px!important;
  height:24px!important;
  color:#4178b2!important;
}
#roadmap .roadmap-step--complete .roadmap-icon{color:#348771!important}
#roadmap .roadmap-step-body,
#roadmap .roadmap-step--current .roadmap-step-body{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:clamp(17px,2vw,23px) clamp(18px,2.7vw,30px)!important;
  border:1px solid #e0e9f2!important;
  border-radius:16px!important;
  background:#f9fbfe!important;
  box-shadow:none!important;
}
#roadmap .roadmap-step--complete .roadmap-step-body{background:#fbfdfc!important}
#roadmap .roadmap-step--current .roadmap-step-body{
  border-color:#8db9e8!important;
  background:#ecf5ff!important;
  box-shadow:0 6px 23px rgba(37,95,164,.055)!important;
}
#roadmap .roadmap-step-heading{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px 20px!important;
  width:100%!important;
  margin:0!important;
}
#roadmap .roadmap-step-title{
  min-width:0!important;
  margin:0!important;
  font-size:clamp(18px,1.65vw,22px)!important;
  line-height:1.28!important;
  letter-spacing:-.025em!important;
  color:#163251!important;
}
#roadmap .roadmap-phase{
  display:block!important;
  margin:0 0 6px!important;
  color:#4d77a9!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.115em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
#roadmap .roadmap-step--current .roadmap-phase{color:#235da8!important}
#roadmap .roadmap-step .roadmap-state{
  flex:0 0 auto!important;
  align-self:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:5px 11px!important;
  border-radius:99px!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1.3!important;
  white-space:normal!important;
  text-align:center!important;
}
#roadmap .roadmap-phase-list{
  display:block!important;
  max-width:96ch!important;
  margin:13px 0 0!important;
  padding:0 0 0 19px!important;
  color:#4a617f!important;
  font-size:14px!important;
  line-height:1.6!important;
  list-style:disc outside!important;
}
#roadmap .roadmap-phase-list li{
  margin:0!important;
  padding:0!important;
}
#roadmap .roadmap-phase-list li+li{margin-top:5px!important}
#roadmap .roadmap-continuous{
  width:min(100%,1050px)!important;
  margin:0 auto!important;
}
@media(max-width:650px){
  #roadmap .roadmap-layout{gap:18px!important}
  #roadmap .roadmap-timeline::before{
    left:19px!important;
    top:38px!important;
    bottom:57px!important;
    width:2px!important;
  }
  #roadmap .roadmap-step{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:11px!important;
    padding:8px 0!important;
  }
  #roadmap .roadmap-step>.roadmap-symbol{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    margin-top:14px!important;
    box-shadow:0 0 0 4px #fff!important;
  }
  #roadmap .roadmap-step--current>.roadmap-symbol{
    box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(67,129,205,.13)!important;
  }
  #roadmap .roadmap-step .roadmap-icon{width:20px!important;height:20px!important}
  #roadmap .roadmap-step-body,
  #roadmap .roadmap-step--current .roadmap-step-body{
    padding:15px 13px!important;
    border-radius:13px!important;
  }
  #roadmap .roadmap-step-heading{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  #roadmap .roadmap-step-title{
    font-size:16px!important;
    line-height:1.32!important;
  }
  #roadmap .roadmap-phase{font-size:10px!important;margin-bottom:5px!important}
  #roadmap .roadmap-phase-list{
    max-width:none!important;
    margin-top:11px!important;
    padding-left:16px!important;
    font-size:13px!important;
    line-height:1.53!important;
  }
  #roadmap .roadmap-phase-list li+li{margin-top:7px!important}
  #roadmap .roadmap-step .roadmap-state{
    padding:4px 9px!important;
    font-size:10px!important;
  }
}
@media(forced-colors:active){
  #roadmap .roadmap-timeline::before{background:CanvasText!important}
  #roadmap .roadmap-step>.roadmap-symbol{outline:1px solid CanvasText!important}
}