.guide-figure{--figure-surface:var(--silo);--figure-ink:var(--silo-ink);--figure-line:#8a877f;--figure-signal:#2868f8;--figure-muted:#5d5a53;box-shadow:inset 0 0 0 1px var(--ld-line);overflow-wrap:anywhere;background:#fff;border-radius:22px;margin:8px 0;padding:28px;container-type:inline-size}.guide-figure .guide-figure-title{letter-spacing:.02em;color:var(--ld-charcoal);margin:0 0 22px;font-size:16px;font-weight:600;line-height:1.4}.guide-figure figcaption{color:var(--figure-muted);margin-top:22px;font-size:15px;line-height:1.6}.guide-figure :is(.guide-flow,.guide-flow-steps,.guide-flow-trunk,.guide-flow-branches,.guide-timeline){margin:0;padding:0;list-style:none}.guide-figure :is(.guide-flow,.guide-flow-fork,.guide-timeline) li{font-size:inherit;line-height:inherit;color:inherit;margin:0}.guide-figure .guide-flow>li{padding-bottom:22px}.guide-figure .guide-flow>li+li{border-top:1px solid var(--ld-line);padding-top:22px}.guide-figure .guide-flow>li:last-child{padding-bottom:0}.guide-figure .guide-flow-label{color:var(--figure-muted);margin:0 0 12px;font-size:15px;line-height:1.4}.guide-figure :is(.guide-flow-steps,.guide-flow-trunk){row-gap:30px;max-width:360px;display:grid}.guide-figure :is(.guide-flow-steps,.guide-flow-trunk)>li{display:flex;position:relative}.guide-figure .guide-flow-card{background:var(--figure-surface);min-height:64px;color:var(--figure-ink);text-align:center;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:12px 14px;font-size:17px;font-weight:600;line-height:1.3;display:flex}.guide-figure .guide-flow-link{width:12px;height:30px;margin-left:-6px;position:absolute;top:-30px;left:50%}.guide-figure .guide-flow-link svg{fill:none;width:30px;height:12px;stroke:var(--figure-line);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.guide-figure .guide-flow-link path:first-child{stroke-dasharray:3 4}.guide-figure .guide-flow-link i{background:var(--figure-signal);width:8px;height:8px;box-shadow:0 0 10px var(--figure-signal);opacity:0;border-radius:50%;margin-left:-4px;animation:2.4s linear infinite guide-signal-y;position:absolute;top:0;left:50%}.guide-figure .guide-flow-steps>li:nth-child(3) .guide-flow-link i{animation-delay:1.2s}.guide-figure .guide-flow-steps>li:nth-child(4) .guide-flow-link i{animation-delay:2.4s}.guide-figure .guide-flow-note{color:var(--figure-muted);margin:12px 0 0;font-size:15px;line-height:1.5}.guide-figure .guide-flow-fork{grid-template-columns:minmax(0,1fr);row-gap:30px;display:grid}.guide-figure .guide-flow-branches{row-gap:16px;padding-left:40px;display:grid;position:relative}.guide-figure .guide-flow-branch{display:flex;position:relative}.guide-figure .guide-flow-branch:before{content:"";border-left:1.5px dashed var(--figure-line);position:absolute;top:-8px;bottom:-8px;left:-26px}.guide-figure .guide-flow-branch:first-child:before{top:-30px}.guide-figure .guide-flow-branch:last-child:before{bottom:50%}.guide-figure .guide-flow-branch .guide-flow-link{width:26px;height:12px;margin:-6px 0 0;top:50%;left:-26px}.guide-figure .guide-flow-branch .guide-flow-link svg{width:100%;height:100%;position:static;transform:none}.guide-figure .guide-flow-branch .guide-flow-link i{margin:-4px 0 0;animation-name:guide-signal-branch;animation-delay:1.2s;top:50%;left:0}.guide-figure .guide-flow-card-branch{text-align:left;min-height:0;padding:12px 16px;font-weight:400;display:block}.guide-figure .guide-flow-card-branch p{color:var(--figure-ink);margin:0}.guide-figure .guide-flow-card-branch .guide-flow-label{font-size:13px;line-height:1.35}.guide-figure .guide-flow-card-branch .guide-flow-target{margin-top:2px;font-size:17px;font-weight:600;line-height:1.3}.guide-figure .guide-flow-card-branch .guide-flow-note{margin-top:4px;font-size:14px;line-height:1.4}@keyframes guide-signal-x{15%,85%{opacity:1}to{opacity:0;transform:translate(26px)}}@keyframes guide-signal-y{15%,85%{opacity:1}to{opacity:0;transform:translateY(20px)}}@keyframes guide-signal-branch{15%,85%{opacity:1}to{opacity:0;transform:translate(16px)}}.guide-figure .guide-timeline{row-gap:28px;display:grid}.guide-figure .guide-timeline>li{padding-left:34px;position:relative}.guide-figure .guide-timeline>li:before{content:"";box-sizing:border-box;border:3px solid var(--figure-signal);background:var(--figure-surface);border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:0}.guide-figure .guide-timeline>li:not(:last-child):after{content:"";background:var(--figure-line);width:2px;position:absolute;top:22px;bottom:-20px;left:6px}.guide-figure .guide-timeline-date{color:var(--ld-charcoal);font-size:17px;font-weight:600;display:block}.guide-figure .guide-timeline p{color:#33312d;margin:8px 0 0;font-size:17px;line-height:1.55}@keyframes guide-reveal{0%{opacity:0;transform:translateY(40px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.guide-figure .guide-timeline>li{animation:linear both guide-reveal;animation-timeline:view();animation-range:entry 10% cover 30%}}}@container (min-width:600px){.guide-figure .guide-flow-steps:not(:has(>li:nth-child(4))){grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:36px;max-width:none}.guide-figure .guide-flow-steps:not(:has(>li:nth-child(4))) .guide-flow-link{width:36px;height:12px;margin:-6px 0 0;top:50%;left:-36px}.guide-figure .guide-flow-steps:not(:has(>li:nth-child(4))) .guide-flow-link svg{width:100%;height:100%;position:static;transform:none}.guide-figure .guide-flow-steps:not(:has(>li:nth-child(4))) .guide-flow-link i{margin:-4px 0 0;animation-name:guide-signal-x;top:50%;left:0}.guide-figure .guide-timeline:not(:has(>li:nth-child(4))){grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:28px}.guide-figure .guide-timeline:not(:has(>li:nth-child(4)))>li{padding:34px 0 0}.guide-figure .guide-timeline:not(:has(>li:nth-child(4)))>li:not(:last-child):after{width:auto;height:2px;inset:6px -20px auto 22px}}@container (min-width:740px){.guide-figure :is(.guide-flow-steps,.guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-trunk){grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:36px;max-width:none}.guide-figure :is(.guide-flow-steps,.guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-trunk) .guide-flow-link{width:36px;height:12px;margin:-6px 0 0;top:50%;left:-36px}.guide-figure :is(.guide-flow-steps,.guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-trunk) .guide-flow-link svg{width:100%;height:100%;position:static;transform:none}.guide-figure :is(.guide-flow-steps,.guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-trunk) .guide-flow-link i{margin:-4px 0 0;animation-name:guide-signal-x;top:50%;left:0}.guide-figure .guide-flow-steps:has(>li:nth-child(4)) .guide-flow-card{padding:12px;font-size:15px}.guide-figure .guide-timeline:not(:has(>li:nth-child(5))){grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:28px}.guide-figure .guide-timeline:not(:has(>li:nth-child(5)))>li{padding:34px 0 0}.guide-figure .guide-timeline:not(:has(>li:nth-child(5)))>li:not(:last-child):after{width:auto;height:2px;inset:6px -20px auto 22px}.guide-figure .guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;column-gap:72px}.guide-figure .guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-branches{padding-left:0}.guide-figure .guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-branches:before{content:"";border-top:1.5px dashed var(--figure-line);width:36px;position:absolute;top:50%;left:-72px}.guide-figure .guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-branch:before{left:-36px}.guide-figure .guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-branch:first-child:before{top:50%}.guide-figure .guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-branch .guide-flow-link{width:36px;left:-36px}.guide-figure .guide-flow-fork:not(:has(.guide-flow-trunk>li:nth-child(3))) .guide-flow-branch .guide-flow-link i{animation-name:guide-signal-x}}.guide-figure-capture{padding:0;overflow:hidden}.guide-figure .guide-capture-frame{background:#fff;justify-content:center;padding:24px;display:flex}.guide-figure .guide-capture-frame img{width:100%;height:auto;display:block}.guide-figure-capture figcaption{margin:0;padding:16px 24px 20px}@media (max-width:599px){.guide-figure{padding:22px 20px}.guide-figure.guide-figure-capture{padding:0}.guide-figure .guide-capture-frame{padding:12px}.guide-figure-capture figcaption{padding:14px 20px 18px}.guide-figure .guide-flow-card{min-height:52px;padding:10px 14px;font-size:16px}}@media (prefers-reduced-motion:reduce){.guide-figure .guide-flow-link i{display:none}.guide-figure .guide-timeline>li{animation:none}}
