.fd{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;max-width:100%;margin:26px 0;padding:22px 20px 18px}.fd .fd-t{font:700 var(--text-xs)/var(--lh-snug) var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 16px}.fd-w{position:relative}.fd-actors{grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.fd-ac{border-radius:var(--r-lg);text-align:center;background:var(--tint,var(--tint));border:1.5px solid var(--line2);z-index:1;margin:0 8px;padding:10px 10px 9px;position:relative}.fd-ac b{font-size:var(--text-md);line-height:var(--lh-tight);color:var(--ink);display:block}.fd-ac small{font-size:var(--text-xs);line-height:var(--lh-snug);color:var(--muted);margin-top:2px;display:block}.fd-ac.k-ssogen{background:var(--flow-hi);border-color:var(--blue)}.fd-ac.k-attacker{background:var(--flow-bad-fill);border-color:var(--bad)}.fd-ac.k-attacker b{color:var(--flow-bad-dark)}.fd-ac.k-user{background:#fff}.fd-lines{grid-template-columns:repeat(var(--n),minmax(0,1fr));pointer-events:none;display:grid;position:absolute;inset:50px 0 0}.fd-lines span{border-left:2px dashed var(--line2);margin-left:50%}.fd-steps{grid-template-columns:repeat(var(--n),minmax(0,1fr));row-gap:2px;margin:0;padding:8px 0 4px;list-style:none;display:grid;position:relative}.fd-s{grid-column:var(--c1) / var(--c2);padding:10px calc(100% / var(--sp) / 2) 14px;text-align:center;margin:0;position:relative}.fd-s .fd-route{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fd-l{text-align:left;font:600 var(--text-sm)/var(--lh-snug) var(--sans);color:var(--ink);z-index:1;background:#fff;align-items:flex-start;gap:8px;padding:0 6px;display:inline-flex;position:relative}.fd-n{background:var(--blue);color:#fff;width:22px;height:22px;font:700 var(--text-xs)/22px var(--sans);text-align:center;border-radius:50%;flex:none;margin-top:-1px}.fd-note{font-size:var(--text-xs);line-height:var(--lh-snug);color:var(--muted);z-index:1;background:#fff;max-width:34ch;margin:5px auto 0;display:block;position:relative}.fd-ln{left:calc(100% / var(--sp) / 2);right:calc(100% / var(--sp) / 2);border-top:2.5px solid var(--blue);height:0;position:absolute;bottom:6px}.fd-ln:after{content:"";border:6px solid #0000;width:0;height:0;position:absolute;top:-7px}.d-r .fd-ln:after{border-left:10px solid var(--blue);border-right:0;right:-2px}.d-l .fd-ln:after{border-right:10px solid var(--blue);border-left:0;left:-2px}.s-return .fd-ln{border-top-style:dashed}.s-bad .fd-ln{border-top-color:var(--bad)}.s-bad .fd-n{background:var(--flow-bad-mid)}.s-bad.d-r .fd-ln:after{border-left-color:var(--bad)}.s-bad.d-l .fd-ln:after{border-right-color:var(--bad)}.fd-s.self{padding:8px 6px 10px}.fd-s.self .fd-l{border:1.5px solid var(--line2);border-radius:var(--r-md);background:var(--tint,var(--tint));padding:8px 10px}.fd figcaption{font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--muted);margin:12px 0 0}@media (width<=759px){.fd{padding:16px 14px 12px}.fd-actors,.fd-lines{display:none}.fd-steps{padding:0;display:block}.fd-s,.fd-s.self{text-align:left;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;margin:0 0 10px;padding:12px 14px;display:block}.fd-s .fd-route{clip:auto;white-space:normal;width:auto;height:auto;font:600 var(--text-xs)/var(--lh-snug) var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 6px;display:block;position:static;overflow:visible}.fd-l,.fd-s.self .fd-l{background:0 0;border:0;padding:0;display:flex}.fd-note{background:0 0;max-width:none;margin:6px 0 0 30px}.fd-ln{display:none}.s-bad{border-color:var(--flow-bad-line);background:var(--flow-bad-wash)}}