.csd{border:1px solid var(--ins-line);background:var(--ins-surface);border-radius:14px;margin:clamp(2rem,1.6rem + 1.6vw,3rem) 0;padding:clamp(1.1rem,.9rem + .8vw,1.75rem)}.csd__head{flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;margin-bottom:.5rem;display:flex}.csd__kind{font-family:var(--ins-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ins-tone);font-size:.68rem}.csd__title{font-family:var(--ins-disp);letter-spacing:-.015em;color:var(--ins-ink);font-size:clamp(1.05rem,.95rem + .5vw,1.3rem);font-weight:700}.csd__caption{max-width:62ch;color:var(--ins-body-ink);margin:0 0 1.4rem;font-size:.94rem;line-height:1.6}.csd__track{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.csd__stage{border:1px solid var(--ins-line-soft);background:var(--ins-paper);border-radius:11px;padding:.9rem 1rem 1rem;position:relative}.csd__stageHead{align-items:baseline;gap:.6rem;margin-bottom:.6rem;display:flex}.csd__n{font-family:var(--ins-mono);color:var(--ins-tone);font-size:.7rem;font-weight:600}.csd__label{font-family:var(--ins-disp);letter-spacing:-.01em;color:var(--ins-ink);margin:0;font-size:.98rem;font-weight:700}.csd__items{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.csd__item{border:1px solid var(--ins-line);background:var(--ins-surface-2);font-family:var(--ins-mono);color:var(--ins-body-ink);border-radius:6px;padding:.24rem .55rem;font-size:.76rem;line-height:1.45}.csd__note{max-width:58ch;color:var(--ins-mute);margin:.7rem 0 0;font-size:.86rem;line-height:1.55}@media (min-width:1040px){.csd--flow .csd__track,.csd--layers .csd__track{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1.4rem}.csd--flow .csd__stage:not(:last-child):after,.csd--layers .csd__stage:not(:last-child):after{content:"";background:var(--ins-line);width:.7rem;height:1px;position:absolute;top:50%;right:-1.05rem}.csd--flow .csd__stage:not(:last-child):before,.csd--layers .csd__stage:not(:last-child):before{content:"";border:3px solid #0000;border-left-color:var(--ins-line);position:absolute;top:calc(50% - 3px);right:-1.1rem}.csd--beforeafter .csd__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.csd--lifecycle .csd__track{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem}}.csd--beforeafter .csd__stage:first-child{border-color:color-mix(in oklch, var(--ins-line) 70%, currentColor 6%)}.csd--beforeafter .csd__stage:last-child{border-color:var(--ins-tone);background:var(--ins-tone-soft)}