/* Public Doybit discovery journey – planned 0.46.83.
   Navigation and visual guidance only. No customer state, commerce or data collection. */
body.public-body .dx-journey-breadcrumb {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:12px auto 18px;
  color:#63748e;
  font-size:12px;
  line-height:1.6;
}
body.public-body .dx-journey-breadcrumb a {
  color:#275788;
  font-weight:700;
  text-decoration:none;
}
body.public-body .dx-journey-breadcrumb [aria-current="page"] {font-weight:800;color:#203754}
body.public-body .dx-journey-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  margin:0 0 22px;
}
body.public-body .dx-journey-steps > :is(a,span) {
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:82px;
  padding:14px;
  border-radius:17px;
  border:1px solid rgba(105,136,183,.27);
  background:linear-gradient(145deg,#fff,#f2f7ff);
  color:#243c5e;
  text-decoration:none;
  overflow-wrap:anywhere;
}
body.public-body .dx-journey-steps > a:hover {
  border-color:#789fdb;
  background:#ebf3ff;
}
body.public-body .dx-journey-steps .dx-journey-step-active {
  background:linear-gradient(145deg,#1b355b,#275382);
  color:#fff;
  border-color:#2f679c;
}
body.public-body .dx-journey-step-number {
  flex:none;
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  border-radius:12px;
  background:#e0ecfc;
  color:#2e609e;
  font-size:14px;
  font-weight:800;
}
body.public-body .dx-journey-step-active .dx-journey-step-number {
  color:#153659;
  background:#ecf5ff;
}
body.public-body .dx-journey-steps > :is(a,span) > span:last-child {
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:4px;
}
body.public-body .dx-journey-steps strong {font-size:13px;line-height:1.35}
body.public-body .dx-journey-steps small {color:#586e8c;font-size:11px;line-height:1.4}
body.public-body .dx-journey-step-active small {color:#dceaff}
body.public-body .dx-journey-next {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:22px;
  margin-top:28px;
  padding:clamp(20px,3vw,34px);
  border:1px solid rgba(110,151,200,.24);
  border-radius:24px;
  background:linear-gradient(140deg,#f4f8ff,#fff);
  box-shadow:0 12px 30px rgba(35,60,100,.06);
}
body.public-body .dx-journey-next > div:first-child {flex:1 1 270px;max-width:640px}
body.public-body .dx-journey-next h2 {
  color:#19375a;
  font-size:clamp(22px,3vw,30px);
  letter-spacing:-.03em;
  line-height:1.2;
  margin:8px 0 9px;
}
body.public-body .dx-journey-next p {margin:0;color:#526982;font-size:13px;line-height:1.65}
body.public-body .dx-journey-next-actions {
  display:flex;
  flex-direction:column;
  gap:9px;
  flex:1 1 250px;
  max-width:380px;
}
body.public-body .dx-journey-next-actions a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  gap:8px;
  padding:12px;
  border-radius:12px;
  text-align:center;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
  overflow-wrap:anywhere;
}
body.public-body .dx-journey-next-actions .dx-journey-next-secondary {
  border:1px solid #b9cce4;
  color:#315a8a;
  background:#fff;
  text-decoration:none;
}
body.public-body .dx-journey-intro {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 16px;
  margin:19px 0;
  padding:16px;
  background:linear-gradient(145deg,#eef5ff,#fff);
  border:1px solid rgba(112,144,187,.25);
  border-radius:15px;
  color:#2b4466;
  font-size:13px;
  line-height:1.6;
}
body.public-body .dx-journey-intro strong {color:#1e3b64;font-weight:800}
body.public-body .dx-journey-intro span {flex:1 1 270px;min-width:0}
body.public-body .dx-journey-intro a {color:#225d9a;font-weight:800}
body.public-body .dx-journey-bottom-link {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:27px 0 6px;
  align-items:center;
}
body.public-body .dx-journey-bottom-link a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:9px 12px;
  font-size:12px;
  font-weight:800;
  color:#2d5f99;
  border:1px solid rgba(120,151,193,.3);
  border-radius:10px;
  text-decoration:none;
  background:#f4f8ff;
}
body.public-body .dx-journey-studio-bridge {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:24px;
  justify-content:space-between;
  background:linear-gradient(140deg,rgba(235,243,255,.95),rgba(255,255,255,.98));
  border-radius:23px;
  border:1px solid rgba(115,150,201,.23);
}
body.public-body .dx-journey-studio-copy {flex:1 1 280px;max-width:680px}
body.public-body .dx-journey-studio-copy h2 {
  margin:7px 0 10px;
  font-size:clamp(23px,3vw,33px);
  line-height:1.2;
  text-wrap:balance;
}
body.public-body .dx-journey-studio-copy p {
  color:#4f647d;
  font-size:14px;
  line-height:1.7;
}
body.public-body .dx-journey-studio-actions {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  flex:1 1 230px;
  max-width:320px;
  gap:10px;
}
body.public-body .dx-journey-studio-actions a {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:46px;
  text-align:center;
  white-space:normal;
}
body.public-body :is(.dx-journey-breadcrumb a,.dx-journey-steps a,.dx-journey-next-actions a,.dx-journey-bottom-link a,.dx-journey-intro a,.dx-journey-studio-actions a):focus-visible {
  outline:3px solid #3985e1;
  outline-offset:3px;
}
@media(max-width:760px) {
  body.public-body .dx-journey-steps {grid-template-columns:1fr;gap:8px;margin-bottom:16px}
  body.public-body .dx-journey-steps > :is(a,span) {min-height:65px;padding:10px 12px}
  body.public-body .dx-journey-next {padding:19px 15px;gap:16px}
  body.public-body .dx-journey-next-actions {max-width:none}
  body.public-body .dx-journey-intro {padding:13px}
  body.public-body .dx-journey-studio-bridge {padding:20px 16px;gap:16px}
  body.public-body .dx-journey-studio-actions {max-width:none}
}
@media(max-width:350px) {
  body.public-body .dx-journey-steps .dx-journey-step-number {width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce) {
  body.public-body .dx-journey-steps a {transition:none}
}
