.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{border-right:2px solid var(--line);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s4);position:sticky;top:0;height:100vh}
.side nav{display:grid;gap:4px}.side nav a{display:flex;gap:12px;align-items:center;padding:12px;text-decoration:none;font:700 15px var(--f-sans);font-stretch:85%;text-transform:uppercase;letter-spacing:.05em;border-left:4px solid transparent;transition:background .2s,padding .25s var(--ease)}
.side nav a:hover{background:var(--surface-2);padding-left:18px}.side nav a[aria-current]{border-color:var(--signal);background:var(--surface-2)}
.side nav .b{margin-left:auto;background:var(--signal);color:#12151A;font:700 11px var(--f-mono);padding:3px 7px}
.me{margin-top:auto;display:flex;gap:12px;align-items:center;font-size:14px}
.main{padding:var(--s4) var(--s5) var(--s6);display:grid;gap:var(--s4);align-content:start}
.top{display:flex;justify-content:space-between;align-items:end;gap:var(--s3)}
.cols2{display:grid;grid-template-columns:7fr 5fr;gap:var(--gut);align-items:start}
.next{display:grid;grid-template-columns:1fr auto;gap:var(--s3);align-items:end}
.track{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:var(--s3);counter-reset:s}
.track div{padding-top:22px;position:relative;font:600 12px/1.3 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.track div::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--hair)}.track div.done::before{background:var(--ok)}.track div.now::before{background:repeating-linear-gradient(45deg,var(--signal) 0 8px,transparent 8px 14px);animation:mv 1s linear infinite;background-size:20px 20px}
@keyframes mv{to{background-position:20px 0}}.track div.done,.track div.now{color:var(--text)}
.ord{display:grid;grid-template-columns:90px 1.6fr 1fr auto;gap:var(--s2);align-items:center;padding:16px 0;border-bottom:2px solid var(--line);transition:background .25s,padding .25s var(--ease);text-decoration:none}.ord:hover{background:var(--surface-2);padding-left:12px;padding-right:12px}
.ord:first-child{border-top:2px solid var(--line)}
.bnav{display:none}
.state-note{font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){
 .shell{grid-template-columns:1fr}.side{display:none}.main{padding:var(--s3) var(--gut) 110px}.cols2{grid-template-columns:1fr}.next{grid-template-columns:1fr}
 .track{grid-template-columns:repeat(5,1fr);font-size:10px}.track div{font-size:9.5px}.ord{grid-template-columns:1fr auto;row-gap:6px}.ord>:nth-child(1){grid-column:1}.ord>:nth-child(3){display:none}
 .bnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:2px solid var(--line);z-index:20}
 .bnav a{display:grid;justify-items:center;gap:4px;padding:10px 0 12px;font:700 11px var(--f-mono);text-transform:uppercase;text-decoration:none;position:relative}.bnav a[aria-current]::before{content:"";position:absolute;top:-2px;left:20%;right:20%;height:4px;background:var(--signal)}
 .bnav svg{width:22px;height:22px}.mh{display:flex;justify-content:space-between;align-items:center;padding:14px var(--gut);border-bottom:2px solid var(--line)}
}
@media(min-width:901px){.mh{display:none}}
.next h2{font-size:clamp(26px,2.8vw,38px)}