/* Scoped to the service guide; form controls and validation retain their styles. */
@layer govtech {
html body #form-service-steps{padding:24px 18px 18px;margin-bottom:24px;border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(120deg,#f0fdfa 0%,#f8fafc 48%,#eff6ff 100%)!important;box-shadow:0 8px 28px rgba(15,23,42,.045)}
html body #form-service-steps .timeline-header{margin-bottom:30px;letter-spacing:0}
html body #form-service-steps .step-item{--step-color:#047857;--step-soft:#d1fae5;--step-border:#a7f3d0}
html body #form-service-steps .step-item:nth-child(2){--step-color:#1d4ed8;--step-soft:#dbeafe;--step-border:#bfdbfe}
html body #form-service-steps .step-item:nth-child(3){--step-color:#7c3aed;--step-soft:#ede9fe;--step-border:#ddd6fe}
html body #form-service-steps .step-item:nth-child(4){--step-color:#b45309;--step-soft:#fef3c7;--step-border:#fde68a}
html body #form-service-steps .timeline-steps::before{top:32px;height:3px;background:linear-gradient(90deg,#6ee7b7,#93c5fd,#c4b5fd,#fcd34d)!important;opacity:.7}
html body #form-service-steps .step-icon-wrapper{background:linear-gradient(145deg,#fff,var(--step-soft))!important;border-color:var(--step-border)!important;color:var(--step-color)!important;box-shadow:0 6px 16px rgba(15,23,42,.08),inset 0 1px 0 #fff;animation:none!important;transition:transform .22s ease,box-shadow .22s ease}
html body #form-service-steps .step-icon-wrapper>i,html body #form-service-steps .step-icon-wrapper>i::before{color:var(--step-color)!important;-webkit-text-fill-color:var(--step-color)!important}
html body #form-service-steps .step-badge{background:var(--step-color)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 8px rgba(15,23,42,.15)}
html body #form-service-steps .step-title,html body #form-service-steps .step-link-text{color:var(--step-color)!important;-webkit-text-fill-color:var(--step-color)!important}
html body #form-service-steps .step-link-text{border-bottom-color:var(--step-border)!important}
html body #form-service-steps .step-item:hover .step-icon-wrapper,html body #form-service-steps .step-item:focus-within .step-icon-wrapper{transform:translateY(-4px);box-shadow:0 10px 20px rgba(15,23,42,.13)}
html body #form-service-steps a:focus-visible{outline:3px solid var(--step-color);outline-offset:5px;border-radius:8px}
@media(max-width:768px){html body #form-service-steps{padding:20px 12px}html body #form-service-steps .timeline-steps::before{top:32px;left:52px;right:auto;width:3px;height:calc(100% - 64px);background:linear-gradient(180deg,#6ee7b7,#93c5fd,#c4b5fd,#fcd34d)!important}}
@media(prefers-reduced-motion:reduce){html body #form-service-steps .step-icon-wrapper,html body #form-service-steps .step-link-text{transition:none!important;animation:none!important;transform:none!important}}
}