/* ============================================================
   Work — section 03 (mobile, <900px horizontal track)
   Ported from refer/work-track-mobile.html. Class names remapped
   to the desktop BEM convention (.card__meta etc, was .meta/.triad/
   .ba/.foot) so the card CONTENT styles in work.css are shared —
   only the outer positioning differs between thread and track.
   ============================================================ */

/* Owner request Aug 2026: no mobile version for now — a full-screen
   gate (site.css's #mobile-gate) blocks everything below 900px with a
   "desktop only, for now" message instead. This mobile-only track is
   unreachable either way, so it's forced off unconditionally rather
   than left conditionally on below 900px; #work's own independent
   gate (work.css, display:none below 900px, block at 900px+) is
   untouched and unaffected by this either way. Rest of this file is
   inert dead weight now, not deleted — trivial to re-enable by
   reverting this one rule if mobile support gets built later. */
#wk{ display:none; }

.wk{ position:relative; }
.wk__stick{
  position:sticky; top:0; height:100svh; overflow:hidden;
  display:flex; flex-direction:column; justify-content:center;
}

.wk__head{ position:absolute; top:var(--sp-7); left:var(--pad-inline); right:var(--pad-inline); z-index:2; }

.track{ display:flex; align-items:stretch; padding-left:var(--pad-inline); will-change:transform; }

/* Card width: one card plus a clear sliver of the next. 100vw hides
   that more exists; 60vw squeezes the metric triad below three columns.
   Only two steps needed — track never renders >=900px. */
.track .card{
  flex:0 0 auto; width:78vw; margin-right:var(--sp-4);
  display:flex; flex-direction:column; justify-content:center;
}
@media (min-width:640px){ .track .card{ width:52vw; } }

/* .rail/.rail__n/.rail__bar/.rail__fill are shared primitives — see site.css */

/* Fallback: reduced motion, or JS unavailable */
.wk.is-flat{ height:auto !important; }
.wk.is-flat .wk__stick{ position:static; height:auto; overflow:visible; padding-block:var(--sp-7); }
.wk.is-flat .wk__head{ position:static; margin-bottom:var(--sp-6); }
.wk.is-flat .rail{ display:none; }
.wk.is-flat .track{ flex-direction:column; padding:0; transform:none !important; }
.wk.is-flat .track .card{ width:auto; margin:0 0 var(--sp-5); }