.srail{align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:grid}.srail-node{background:linear-gradient(180deg,#fff,var(--canvas-warm));box-shadow:var(--sh-1);border-radius:16px;flex-direction:column;gap:11px;margin:0 12px;padding:20px 18px 22px;display:flex;position:relative}.srail-n{width:34px;height:34px;font-family:var(--display-font);color:#fff;box-shadow:var(--sh-1);border-radius:11px;place-items:center;font-size:16px;font-weight:600;display:grid}.srail.acc-cobalt .srail-n{background:linear-gradient(135deg,var(--cobalt),var(--cobalt-deep))}.srail.acc-violet .srail-n{background:linear-gradient(135deg,var(--violet),var(--violet-deep))}.srail.acc-blush .srail-n{background:linear-gradient(135deg,var(--blush),var(--violet))}.srail-copy b{font-family:var(--display-font);letter-spacing:-.2px;color:var(--ink);margin-bottom:4px;font-size:16.5px;font-weight:600;display:block}.srail-copy small{color:var(--ink-muted);font-size:12.5px;line-height:1.45;display:block}.srail-conn{width:48px;color:var(--lilac-deep);z-index:2;place-items:center;display:grid;position:absolute;top:37px;right:-24px}.srail-arrow{width:34px;height:20px}.srail.on-dark .srail-node{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.srail.on-dark .srail-copy b{color:#fff}.srail.on-dark .srail-copy small{color:rgba(255,255,255,.7)}.srail.on-dark .srail-conn{color:rgba(255,255,255,.4)}@media (max-width:900px){.srail{gap:24px;max-width:440px;margin:0 auto;grid-template-columns:1fr!important}.srail-node{flex-direction:row;align-items:flex-start;gap:14px;margin:0}.srail-n{flex:none}.srail-conn{width:24px;top:auto;bottom:-30px;left:35px;right:auto;transform:rotate(90deg)}}