/* Service Translator components. Load after tokens.css. Classes are prefixed st- so they don't clash with site.css. */
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--green);border-radius:var(--radius-sm);background:var(--green);color:var(--on-green);padding:14px 23px;text-decoration:none;font:600 14px/1.65 var(--font-sans);cursor:pointer}
.st-btn:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.st-btn.small{padding:10px 17px}
.st-btn.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.st-btn.lime{background:var(--lime);color:var(--ink);border:0}
.st-card{padding:var(--space-28);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white)}
.st-card h3{font:700 20px/1.3 var(--font-sans);margin:0 0 8px}
.st-card p{font-size:14px;color:var(--muted);margin:0}
.st-step{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:var(--sage-step);font-size:13px;margin-bottom:24px}
.st-eyebrow{font:700 11px/1.65 var(--font-sans);letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:20px}
.st-offer{background:var(--green);color:var(--on-green);border-radius:var(--radius-panel);padding:var(--space-45)}
.st-offer .st-eyebrow{color:var(--on-green-eyebrow)}
.st-offer p{color:var(--on-green-muted);margin:8px 0 24px}
.st-credit{font:400 80px/1 var(--font-serif);letter-spacing:-3px}
.st-field label{display:block;font:600 13px/1.65 var(--font-sans);margin:0 0 6px}
.st-field input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--field-border);border-radius:var(--radius-field);background:var(--field);color:var(--ink);font:inherit}
.st-field input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.st-error{color:var(--error);background:var(--error-bg);padding:14px;border-radius:var(--radius-sm)}
.st-success{background:var(--success-bg);padding:15px;border-radius:var(--radius-sm)}
.st-steps{display:flex;flex-wrap:wrap;gap:15px;padding:0;margin:0;list-style:none;font-size:12px}
.st-steps li{padding:8px 15px;border-radius:var(--radius-pill);border:1px solid var(--line)}
.st-steps .current{background:var(--green);color:var(--on-green);border-color:var(--green)}
