.sample-stage-nav{background:var(--color-surface, #fff);border-top:var(--border-rule);border-bottom:var(--border-rule)}.sample-stage-nav__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-3) var(--gutter);display:flex;align-items:center;gap:var(--space-6)}.sample-stage-nav__project{display:flex;flex-direction:column;font-family:var(--font-display);font-size:var(--text-body-lg);color:var(--color-obsidian);text-decoration:none;line-height:var(--leading-snug);flex-shrink:0}.sample-stage-nav__project-sub{font-family:var(--font-body);font-size:var(--text-caption);color:var(--color-intelligence-blue)}.sample-stage-nav__project:hover .sample-stage-nav__project-sub{text-decoration:underline;text-underline-offset:2px}.sample-stage-nav__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);flex:1}.sample-stage-nav__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md, 8px);text-decoration:none;color:var(--color-slate);min-height:44px;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.sample-stage-nav__link:hover{background:var(--color-bg-warm)}.sample-stage-nav__link--active{border-color:var(--color-gold);background:var(--color-gold-pale, var(--color-bg-warm));color:var(--color-obsidian)}.sample-stage-nav__step{flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-full);border:1px solid var(--color-gold-deep);color:var(--color-gold-deep);font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-semibold);display:inline-flex;align-items:center;justify-content:center}.sample-stage-nav__link--active .sample-stage-nav__step{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-obsidian)}.sample-stage-nav__text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.sample-stage-nav__label{font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-gold-deep)}.sample-stage-nav__abbr{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:var(--weight-medium)}@media (max-width: 860px){.sample-stage-nav__inner{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--gutter-mobile, 16px)}.sample-stage-nav__list{grid-template-columns:repeat(2,minmax(0,1fr))}}