.stl-track-box{--stl-brand:#0b3d91;--stl-line:#e5e7eb;--stl-muted:#6b7280;font-size:15px;line-height:1.6;max-width:820px;margin:0 auto}
.stl-track-box *{box-sizing:border-box}
.stl-track-box form.track{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}
.stl-track-box form.track input[type=text]{flex:1 1 260px;padding:12px 14px;border:1px solid var(--stl-line);border-radius:6px;font-size:15px}
.stl-track-box .btn{background:var(--stl-brand);color:#fff;border:0;padding:12px 22px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
.stl-track-box .btn:hover{opacity:.9;color:#fff}
.stl-track-err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 14px;border-radius:6px}
.stl-track-box .cols{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.stl-track-box .cols>div{flex:1 1 200px;border:1px solid var(--stl-line);border-radius:6px;padding:12px 14px}
.stl-track-box .cols h4{margin:0 0 6px;font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--stl-muted)}
.stl-track-box .badge{display:inline-block;color:#fff;padding:5px 13px;border-radius:999px;font-size:13px;font-weight:700}
.stl-track-box .note{font-size:12.5px;color:var(--stl-muted);margin-top:4px}
.stl-track-box table.kv{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px}
.stl-track-box table.kv td{border:1px solid var(--stl-line);padding:9px 11px}
.stl-track-box table.kv td.k{background:#f9fafb;font-weight:600;width:34%}
.stl-track-box .timeline{list-style:none;margin:0 0 18px;padding:0 0 0 22px;border-left:2px solid var(--stl-line)}
.stl-track-box .timeline li{position:relative;padding:0 0 16px 16px}
.stl-track-box .timeline .dot{position:absolute;left:-28px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--stl-line)}
.stl-track-box .timeline .st{font-weight:700}
.stl-track-box .timeline .sub{font-size:12.5px;color:var(--stl-muted)}
@media (max-width:640px){.stl-track-box .cols>div{flex:1 1 100%}}