.case__layout{gap:var(--space-5);align-items:start;display:grid}.case__card{gap:var(--space-3);border-radius:var(--radius-lg);padding:clamp(1.25rem,1rem + 1vw,1.75rem);display:grid}.case__meta{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.case__media{margin-top:var(--space-3);border-radius:var(--radius-md)}.case__steps{gap:var(--space-5);min-width:0;display:grid}.case__rail{scrollbar-width:none;padding-bottom:4px;position:relative;overflow-x:auto}.case__rail::-webkit-scrollbar{display:none}.case__inner{min-width:calc(var(--steps,7) * 72px);position:relative}.case__tabs{grid-template-columns:repeat(var(--steps,7), minmax(64px, 1fr));display:grid;position:relative}.case__track{top:22px;left:calc(100% / var(--steps,7) / 2);right:calc(100% / var(--steps,7) / 2);background:var(--line-strong);border-radius:2px;height:2px;position:absolute}.case__fill{border-radius:inherit;background:var(--brand);transform-origin:0;height:100%;scale:var(--progress,0) 1;transition:scale var(--dur-slow) var(--ease-out);display:block}.case__tab{justify-items:center;gap:var(--space-2);color:var(--fg-muted);font-size:var(--text-xs);padding:0 4px;font-weight:560;display:grid;position:relative}.case__node{background:var(--surface);border:1px solid var(--line-strong);width:44px;height:44px;color:var(--fg-muted);transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-spring);border-radius:50%;place-items:center;display:grid}.case__node svg{width:18px;height:18px}.case__tab:hover .case__node{border-color:var(--fg-muted);color:var(--fg)}.case__tab.is-done .case__node{border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent)}.case__tab[aria-selected=true]{color:var(--fg)}.case__tab[aria-selected=true] .case__node{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 5px var(--info-soft);scale:1.06}.case__tab-label{white-space:nowrap}.case__panel{gap:var(--space-3);border-radius:var(--radius-lg);align-content:start;min-height:240px;display:grid}.case__count{font-variant-numeric:tabular-nums}.case__nav{gap:var(--space-2);justify-content:flex-end;display:flex}.case__nav .btn:disabled{opacity:.4;pointer-events:none}.case__back{width:1em;height:1em;rotate:180deg}@media (width>=1024px){.case__layout{gap:var(--space-7);grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}@media (width<=640px){.case__rail{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.case__nav .btn{flex:1}}@media (prefers-reduced-motion:reduce){.case__fill,.case__node{transition:none}}@media (width<=480px){.case .band__foot .btn{white-space:normal;text-align:center;max-width:100%}}