.lgcy-sap{--sap-accent: color-mix(in srgb, var(--red) 82%, var(--gray-500));--sap-gap: clamp(.75rem, .45rem + .9vw, 1.25rem);--sap-stem: .75rem;--sap-node: 7px}.lgcy-sap-art{min-width:0}.lgcy-sap-art__flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--sap-gap) + var(--sap-stem) + var(--sap-node) + .75rem) var(--sap-gap);margin:0;padding:0 0 calc(var(--sap-stem) + var(--sap-node));list-style:none}@media(min-width:640px){.lgcy-sap-art__flow{grid-template-columns:repeat(4,minmax(0,1fr))}}.lgcy-sap-art__stage{position:relative;display:flex;flex-direction:column;gap:1.1rem;min-width:0;min-height:clamp(9.5rem,7.5rem + 5vw,13.5rem);padding:.9rem .85rem 1rem;background:var(--card-white);border:1px solid var(--line);border-radius:6px}.lgcy-sap-art__stage--active{border-color:var(--sap-accent);box-shadow:inset 0 2px 0 var(--sap-accent)}.lgcy-sap-art__stage:before{content:"";position:absolute;top:calc(100% + 1px);left:calc(50% - .5px);width:1px;height:var(--sap-stem);background:var(--line-strong)}.lgcy-sap-art__node{position:absolute;top:calc(100% + 1px + var(--sap-stem));left:calc(50% - var(--sap-node) / 2);width:var(--sap-node);height:var(--sap-node);box-sizing:border-box;background:var(--color-bg);border:1px solid var(--line-strong);border-radius:50%}.lgcy-sap-art__stage--active .lgcy-sap-art__node{background:var(--sap-accent);border-color:var(--sap-accent)}.lgcy-sap-art__link{position:absolute;top:calc(100% + 1px + var(--sap-stem) + var(--sap-node) / 2 - .5px);left:calc(50% + var(--sap-node) / 2);width:calc(100% + 2px + var(--sap-gap) - var(--sap-node));height:1px;background:var(--line-strong);transform-origin:left center}@media(max-width:639px){.lgcy-sap-art__stage:nth-child(2) .lgcy-sap-art__link{display:none}}.lgcy-sap-art__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.lgcy-sap-art__name{font-family:var(--font-display);font-size:clamp(.85rem,.78rem + .25vw,.98rem);font-weight:600;letter-spacing:-.02em;color:var(--ink)}.lgcy-sap-art__idx{font-family:var(--font-mono, ui-monospace, monospace);font-size:.68rem;color:var(--gray-400)}.lgcy-sap-art__stage--active .lgcy-sap-art__idx{color:var(--sap-accent)}.lgcy-sap-art__body{display:grid;gap:.6rem}.lgcy-sap-art__bar{display:block;width:var(--w, 100%);height:.5rem;background:var(--line);border-radius:2px}.lgcy-sap-art__cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:min(100%,5.25rem)}.lgcy-sap-art__cell{aspect-ratio:1;background:var(--color-bg);border:1px solid var(--line-strong);border-radius:4px}.lgcy-sap-art__cell--on{background:color-mix(in srgb,var(--red-bg) 70%,var(--card-white));border-color:var(--sap-accent)}.lgcy-sap-art__line{display:flex;align-items:center;gap:.4rem}.lgcy-sap-art__line .lgcy-sap-art__bar{flex:1 1 auto;max-width:var(--w, 100%)}.lgcy-sap-art__line svg{flex:none;width:.75rem;height:.75rem;fill:none;stroke:var(--ink-soft);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.lgcy-sap-art.lgcy-reveal:not(.is-inview),.lgcy-sap-art.lgcy-reveal.is-inview{opacity:1;transform:none;transition:none}.lgcy-sap-art.lgcy-reveal:not(.is-inview) .lgcy-sap-art__stage{opacity:0;transform:translateY(6px)}.lgcy-sap-art.lgcy-reveal:not(.is-inview) .lgcy-sap-art__link{transform:scaleX(0)}.lgcy-sap-art.lgcy-reveal:not(.is-inview) .lgcy-sap-art__stage--active{border-color:var(--line);box-shadow:none}.lgcy-sap-art.lgcy-reveal:not(.is-inview) .lgcy-sap-art__stage--active .lgcy-sap-art__node,.lgcy-sap-art.lgcy-reveal:not(.is-inview) .lgcy-sap-art__cell--on{background:var(--color-bg);border-color:var(--line-strong)}.lgcy-sap-art.lgcy-reveal.is-inview .lgcy-sap-art__stage{transition:opacity .42s ease,transform .42s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * .18s)}.lgcy-sap-art.lgcy-reveal.is-inview .lgcy-sap-art__link{transition:transform .32s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--i, 0) * .18s + .22s)}.lgcy-sap-art.lgcy-reveal.is-inview .lgcy-sap-art__stage--active{transition:opacity .42s ease .18s,transform .42s cubic-bezier(.2,.7,.2,1) .18s,border-color .4s ease .9s,box-shadow .4s ease .9s}.lgcy-sap-art.lgcy-reveal.is-inview .lgcy-sap-art__stage--active .lgcy-sap-art__node,.lgcy-sap-art.lgcy-reveal.is-inview .lgcy-sap-art__cell--on{transition:background-color .4s ease .9s,border-color .4s ease .9s}@media(prefers-reduced-motion:reduce){.lgcy-sap-art .lgcy-sap-art__stage,.lgcy-sap-art .lgcy-sap-art__link,.lgcy-sap-art .lgcy-sap-art__node,.lgcy-sap-art .lgcy-sap-art__cell--on{transition:none!important}}
