
.track{padding:clamp(40px,7vw,88px) 0 var(--section)}
.track-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.track-form{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;box-shadow:var(--shadow-md)}
.result{background:var(--surface);border-radius:var(--r-xl);padding:32px}
.case-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:24px}
.case-head h2{font-size:1.4rem;margin:0}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{position:relative;padding:0 0 26px 44px}
.timeline li::before{content:"";position:absolute;left:13px;top:28px;bottom:0;border-left:2px solid var(--border)}
.timeline li:last-child::before{display:none}
.dot{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--border)}
.dot .i{width:14px;height:14px}
.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:10px;height:10px;border-radius:50%;background:var(--violet)}
.timeline h4{margin:2px 0 2px;font-size:1rem}
.timeline .when{font-size:var(--fs-xs);color:var(--muted)}
.timeline p{font-size:var(--fs-sm);margin:4px 0 0}
.links{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);margin-top:8px}
.tg-help{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;padding:14px 16px;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:14px 18px;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:22px}}

/* moved from inline style attributes (CSP) */
.nav-current{color:var(--violet)}
.track h1{font-size:var(--fs-h1)}
.track-form .btn-lg{width:100%}
.track-note{margin:14px 0 0;display:flex;gap:6px;align-items:center}
.links-h{font-size:1rem;margin-top:8px}
.track-error{display:flex;gap:8px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;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 14px}
