/* Page-layer signature — Gasoline ATV FR200ATV-UT
   Unique 13-step manufacturing flow timeline (mfg- prefix).
   Base classes / tokens come from /assets/site.css; nothing here redefines them. */

.mfg-flow{margin-top:2.5rem}
.mfg-phase{margin-bottom:2.6rem}
.mfg-phase:last-child{margin-bottom:0}
.mfg-phase-head{align-items:center;display:flex;gap:.7rem;margin-bottom:1.3rem}
.mfg-phase-tag{background:var(--accent);border-radius:6px;color:var(--accent-ink);font-size:.7rem;font-weight:800;letter-spacing:.09em;padding:.3rem .68rem;text-transform:uppercase}
.mfg-phase-name{color:var(--paper);font-size:1.04rem;font-weight:700;margin:0}
.mfg-phase-meta{color:var(--muted);font-size:.74rem;margin-left:auto;white-space:nowrap}
.mfg-track{padding-left:2.9rem;position:relative}
.mfg-track::before{background:linear-gradient(180deg,var(--accent),rgba(200,245,66,.14));bottom:8px;content:"";left:15px;position:absolute;top:6px;width:2px}
.mfg-step{padding:0 0 1.35rem;position:relative}
.mfg-step:last-child{padding-bottom:0}
.mfg-node{align-items:center;background:var(--ink-3);border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 5px var(--bg);color:var(--accent);display:flex;font-size:.72rem;font-weight:800;height:32px;justify-content:center;left:-2.9rem;position:absolute;top:0;width:32px}
.mfg-card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.05rem 1.25rem}
.mfg-step-name{align-items:center;color:var(--paper);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 .4rem}
.mfg-ico{font-size:1.05rem;line-height:1}
.mfg-step-desc{color:var(--paper-soft);font-size:.86rem;line-height:1.66;margin:0}

@media (max-width:640px){
  .mfg-track{padding-left:2.35rem}
  .mfg-node{height:28px;left:-2.35rem;width:28px}
  .mfg-phase-meta{display:none}
}
@media (prefers-reduced-motion:reduce){
  .mfg-track::before{background:var(--accent)}
}