.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)}
.cso{--cso-tone:#0a72c4;gap:clamp(1.25rem,1rem + 1vw,2rem);margin:clamp(1.5rem,1.2rem + 1.2vw,2.5rem) 0 clamp(2rem,1.6rem + 1.6vw,3rem);display:grid}:root[data-theme=dark] .cso{--cso-tone:#5cc4ef}.cso-heading{font-family:var(--ins-disp);letter-spacing:-.02em;color:var(--ins-ink);margin:0;font-size:clamp(1.4rem,1.15rem + 1vw,1.9rem)}.cso-fig{border:1px solid var(--ins-line);background:var(--ins-surface);border-radius:14px;min-width:0;margin:0;padding:clamp(1.1rem,.9rem + .8vw,1.75rem)}.cso-fig__head{flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;margin-bottom:.5rem;display:flex}.cso-kind{font-family:var(--ins-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--cso-tone);font-size:.68rem}.cso-title{font-family:var(--ins-disp);color:var(--ins-ink);font-size:clamp(1.05rem,.95rem + .5vw,1.3rem)}.cso-caption{max-width:80ch;color:var(--ins-mute);margin:0 0 1rem;font-size:.95rem;line-height:1.6}.cso-scroll{-webkit-overflow-scrolling:touch;background:var(--ins-paper);border:1px solid var(--ins-line);border-radius:10px;overflow-x:auto}.cso-svg{max-width:none;font-family:var(--ins-body);margin:0 auto;display:block}@media (min-width:1100px){.cso-svg{max-width:100%;height:auto}}.cso-ent__box{fill:var(--ins-surface);stroke:var(--ins-line);stroke-width:1.5px}.cso-ent__head{fill:color-mix(in oklch, var(--cso-tone) 14%, var(--ins-surface))}.cso-ent--custom .cso-ent__head{fill:color-mix(in oklch, var(--cso-tone) 24%, var(--ins-surface))}.cso-ent--external .cso-ent__head,.cso-ent--service .cso-ent__head{fill:color-mix(in oklch, var(--ins-ink) 10%, var(--ins-surface))}.cso-ent__stereo{font-family:var(--ins-mono);fill:var(--cso-tone);font-size:10px}.cso-ent__name{font-family:var(--ins-disp);fill:var(--ins-ink);font-size:14px;font-weight:700}.cso-ent__field{font-family:var(--ins-mono);fill:var(--ins-mute);font-size:11.5px}.cso-rel line{stroke:var(--cso-tone);stroke-width:1.6px}.cso-card{font-family:var(--ins-mono);fill:var(--cso-tone);font-size:11px;font-weight:600}.cso-rel__label{fill:var(--ins-ink);paint-order:stroke;stroke:var(--ins-paper);stroke-width:5px;stroke-linejoin:round;font-size:11.5px;font-style:italic}.cso-actor__box{fill:color-mix(in oklch, var(--cso-tone) 14%, var(--ins-surface));stroke:var(--cso-tone);stroke-width:1.2px}.cso-actor__name{font-family:var(--ins-disp);fill:var(--ins-ink);font-size:13px;font-weight:700}.cso-life{stroke:var(--ins-line);stroke-width:1.5px;stroke-dasharray:5 5}.cso-msg line,.cso-msg path{fill:none;stroke:var(--cso-tone);stroke-width:1.6px}.cso-msg.is-reply line,.cso-msg.is-reply path{stroke-dasharray:6 5;stroke:var(--ins-mute)}.cso-arrowhead{fill:var(--cso-tone)}.cso-msg__label{fill:var(--ins-ink);paint-order:stroke;stroke:var(--ins-paper);stroke-width:5px;stroke-linejoin:round;font-size:12px}.cso-tablewrap{overflow-x:auto}.cso-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.93rem;line-height:1.5}.cso-table th,.cso-table td{border-bottom:1px solid var(--ins-line);text-align:left;vertical-align:top;color:var(--ins-ink);padding:.7rem .8rem}.cso-table thead th{font-family:var(--ins-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ins-mute);font-size:.68rem;font-weight:600}.cso-table tbody th{font-family:var(--ins-disp);white-space:nowrap;font-weight:700}.cso-table td:last-child{color:var(--ins-mute)}.cso-gate{border:1px solid var(--ins-line);background:var(--ins-surface);border-radius:14px;min-height:300px;position:relative;overflow:hidden}.cso-gate__preview{filter:blur(6px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;padding:1.5rem}.cso-gate__svg{width:100%;max-width:820px;height:auto;margin:0 auto;display:block}.cso-gate__svg line{stroke:var(--cso-tone);stroke-width:2px}.cso-gate__box{fill:var(--ins-surface);stroke:var(--ins-line);stroke-width:2px}.cso-gate__head{fill:color-mix(in oklch, var(--cso-tone) 22%, var(--ins-surface))}.cso-gate__bar{fill:color-mix(in oklch, var(--ins-mute) 35%, var(--ins-surface))}.cso-gate__panel{text-align:center;background:color-mix(in oklch, var(--ins-surface) 45%, transparent);place-content:center;justify-items:center;gap:.6rem;padding:1.5rem;display:grid;position:absolute;inset:0}.cso-gate__lock{background:var(--cso-tone);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.cso-gate__lock svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round}.cso-gate__title{font-family:var(--ins-disp);color:var(--ins-ink);margin:0;font-size:clamp(1.15rem,1rem + .6vw,1.45rem);font-weight:700}.cso-gate__text{max-width:52ch;color:var(--ins-ink);margin:0;font-size:.97rem;line-height:1.6}.cso-gate__btn{margin-top:.4rem}