.track-main{padding:var(--s-6) 0 var(--s-8)}.track-shell{display:grid;grid-template-columns:1fr;gap:var(--s-6);align-items:start;min-width:0}.track-intro h1{font-size:clamp(2rem,4.4vw,3.4rem);margin-bottom:var(--s-3)}.track-intro p{color:var(--text-muted);max-width:44ch}.track-form{display:grid;gap:var(--s-3);min-width:0}.track-form-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:end;min-width:0}.track-form .field{flex:1 1 16rem}.track-form input{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.track-hint,.track-demo-note{margin:0;color:var(--text-muted);font-size:.8rem}.track-error{margin:0;color:color-mix(in srgb,var(--danger) 78%,var(--text));font-size:.9rem;font-weight:600}.track-error[hidden]{display:none}.track-examples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);min-width:0}.track-examples p{margin:0;color:var(--text-muted);font-size:.8rem}.example-id{border:.0625rem solid var(--field-border);border-radius:99rem;padding:var(--s-1) var(--s-3);color:var(--text);background:var(--surface);font-family:var(--font-mono);font-size:.8rem}.example-id:hover{background:var(--surface-2);border-color:var(--text-muted)}.track-idle{padding:var(--s-6);border:.0625rem dashed var(--border);border-radius:var(--r-lg);color:var(--text-muted);text-align:center;font-size:.9rem}.track-idle[hidden]{display:none}.track-result{padding:var(--s-5);border:.0625rem solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}.track-result[hidden]{display:none}.track-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;min-width:0}.track-result-head h2{margin:0;font-size:1.5rem;font-family:var(--font-mono);letter-spacing:-.02em}.track-result-head .eyebrow{margin-bottom:var(--s-1)}.track-route{margin:var(--s-2) 0 0;color:var(--text-muted)}.track-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin:var(--s-5) 0;min-width:0}.track-fact{min-width:0}.track-fact dt{color:var(--text-muted);font-size:.72rem}.track-fact dd{margin:var(--s-1) 0 0;font-weight:800;overflow-wrap:anywhere}.track-progress-head{display:flex;justify-content:space-between;margin-bottom:var(--s-2);font-size:.85rem;font-weight:800;min-width:0}.track-progress-track{height:.5rem;overflow:hidden;border-radius:99rem;background:var(--surface-2)}.track-progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent-fill);transform-origin:left center}.track-timeline-title{margin:var(--s-5) 0 var(--s-3);font-size:1rem}.track-actions{margin-top:var(--s-4);display:flex;flex-wrap:wrap;gap:var(--s-3)}@media(min-width:64rem){.track-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:30rem){.track-facts{grid-template-columns:1fr}.track-result{padding:var(--s-4)}}