.trk{max-width:98rem;margin:auto;padding:clamp(2.4rem,6vw,6rem) var(--edge,1.5rem) clamp(3rem,7vw,7rem)}.trk-head>span,.trk-stage-name,.trk dt,.trk-tab small{font-size:.84rem;line-height:1.35;color:var(--muted)}.trk-head h1{font-size:clamp(3.25rem,7.7vw,7.6rem);max-width:15ch;line-height:.94;letter-spacing:-.065em;margin:.9rem 0 1.3rem}.trk-head>p{font-size:clamp(1rem,1.4vw,1.22rem);max-width:59ch}
.trk-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:clamp(2rem,5.5vw,5.5rem) 0 2.4rem}.trk-tab{position:relative;display:grid;align-content:start;justify-items:start;min-height:5.5rem;padding:0 .35rem .4rem 0}.trk-tab::before{content:'';position:absolute;top:9px;left:17px;right:-1px;height:1px;background:var(--rule)}.trk-tab:last-child::before{display:none}.trk-tab i{display:block;height:19px;width:19px;border:1px solid var(--muted);border-radius:100%;background:var(--paper);margin-bottom:.75rem;position:relative}.trk-tab[data-state=done] i{background:var(--tone);border-color:var(--tone)}.trk-tab[data-state=current] i::after{content:'';position:absolute;inset:4px;border-radius:100%;background:var(--tone)}.trk-tab[aria-selected=true] i{outline:2px solid var(--ink);outline-offset:3px}.trk-tab b{font-size:clamp(.93rem,1.5vw,1.4rem);font-weight:580;line-height:1.2}.trk-tab small{margin-top:.3rem}.trk-tab:focus-visible,.trk-actions button:focus-visible,.trk-reset:focus-visible{outline:2px solid var(--tone);outline-offset:4px}
.trk-split{display:grid;grid-template-columns:1.5fr .8fr;gap:clamp(2rem,7vw,9rem);border-top:1px solid var(--rule);padding-top:2.1rem}.trk-panel[hidden],.trk-reset[hidden]{display:none}.trk-panel h2{font-size:clamp(2.2rem,4.4vw,4.3rem);letter-spacing:-.055em;line-height:1;margin:.5rem 0 1rem}.trk-text{max-width:53ch}.trk dl{margin:1.8rem 0}.trk dl div{display:grid;grid-template-columns:minmax(7rem,.42fr) 1fr;gap:1rem;margin-bottom:.7rem}.trk dd{margin:0;line-height:1.45}.trk-actions{display:flex;gap:.6rem;flex-wrap:wrap}.trk-actions button,.trk-reset{min-height:44px;padding:.65rem .95rem;border:1px solid var(--rule);color:var(--ink);font-weight:550;border-radius:0}.trk-actions button:first-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}.trk-history h2{font-size:clamp(1.5rem,2.5vw,2.3rem);letter-spacing:-.035em}.trk-history ol{margin:.9rem 0 1.4rem;padding-left:1.2rem}.trk-history li{padding:.45rem 0 .45rem .35rem;line-height:1.4}.trk-history li::marker{color:var(--muted);font-variant-numeric:tabular-nums}.trk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.trk:not([data-enhanced]) .trk-panel+.trk-panel{margin-top:2.5rem}
@media(prefers-reduced-motion:no-preference){.trk-actions button,.trk-reset{transition:transform 120ms var(--ease)}.trk-actions button:active,.trk-reset:active{transform:scale(.97)}}
@media(max-width:760px){.trk-split{grid-template-columns:1fr;gap:2rem}.trk-tabs{grid-template-columns:1fr;gap:0;margin-block:1.8rem}.trk-tab{display:grid;grid-template-columns:20px 1fr auto;align-items:center;align-content:center;min-height:44px;gap:.75rem}.trk-tab small,.trk-tab i{margin:0}.trk-tab small{justify-self:end}.trk-tab::before{width:1px;height:auto;left:9px;top:50%;bottom:-50%;right:auto}.trk dl div{grid-template-columns:1fr;gap:.18rem}.trk dl{margin:1.1rem 0}.trk-history{border-top:1px solid var(--rule);padding-top:1.6rem}.trk-panel h2{margin-top:.35rem}}
