
.track{padding:clamp(28px,4vw,48px) 0 var(--section)}
.track-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:start}
.track-form{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-md)}
.result{background:var(--surface);border-radius:var(--r-xl);padding:20px}
.case-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.case-head h2{font-size:1.125rem;margin:0}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{position:relative;padding:0 0 18px 34px}
.timeline li::before{content:"";position:absolute;left:10px;top:22px;bottom:0;border-left:2px solid var(--border)}
.timeline li:last-child::before{display:none}
.dot{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--border)}
.dot .i{width:12px;height:12px}
.done .dot{background:var(--mint);border-color:var(--mint);color:#fff}
.now .dot{border-color:var(--violet);background:var(--violet-50)}
.now .dot::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--violet)}
.timeline h4{margin:1px 0 1px;font-size:var(--fs-body)}
.timeline .when{font-size:var(--fs-xs);color:var(--muted)}
.timeline p{font-size:var(--fs-sm);margin:2px 0 0}
.links{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);margin-top:8px}
.tg-help{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;background:var(--surface);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--ink)}
.tg-help .i{flex:none;color:var(--violet);margin-top:2px}
.tg-help a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.link-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}
.link-row:last-child{border:0}
.link-row code{font-family:inherit;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){.track-grid{grid-template-columns:1fr}}
@media (max-width:640px){.track-form,.result{padding:16px}}

/* moved from inline style attributes (CSP) */
.track h1{font-size:var(--fs-h1)}
.track-form{margin-top:16px}
.track-form .btn-lg{width:100%}
.track-note{margin:10px 0 0;display:flex;gap:6px;align-items:flex-start}
.track-note .i{margin-top:2px}
.links-h{font-size:var(--fs-body);margin-top:8px}
.track-error{display:flex;gap:8px;align-items:flex-start;margin:0 0 14px;padding:10px 12px;border-radius:var(--r-md);background:var(--red-50);color:var(--ink);font-size:var(--fs-sm);font-weight:600}
.track-error .i{color:var(--red);flex:none;margin-top:2px}
.result-empty{text-align:center;color:var(--muted)}
.track-form .cf-turnstile{margin:0 0 12px}
.track-account{margin:14px 0 0;font-size:var(--fs-sm)}
