.standfirst{font-size:1.2rem;line-height:1.55;color:var(--ink);font-weight:600}
.prose code{font:.9em ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--ice);color:var(--blue-ink);padding:1px 6px;border-radius:5px}
.prose .tbl{overflow-x:auto;margin:18px 0 22px;max-width:none}
.prose table{border-collapse:collapse;width:100%;font-size:.95rem}
.prose th,.prose td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{background:var(--ice);font-weight:700}
.prose>.flow{max-width:none}
.flow{margin:34px 0;padding:clamp(18px,3vw,28px);border-radius:18px;background:var(--navy);color:#E4ECF8}
.flow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
.flow-steps li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:4px 14px;align-items:center;padding:14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);animation:flowhl 10s infinite}
.flow-steps li:nth-child(2){animation-delay:2s}.flow-steps li:nth-child(3){animation-delay:4s}.flow-steps li:nth-child(4){animation-delay:6s}.flow-steps li:nth-child(5){animation-delay:8s}
.flow-steps li:not(:last-child)::after{content:"";position:absolute;left:26px;bottom:-14px;width:10px;height:10px;border-top:3px solid #35C5F4;border-right:3px solid #35C5F4;transform:rotate(135deg)}
.flow .fl-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#35C5F4;color:#0B1730;font:700 .85rem var(--body)}
.flow b{color:#fff;font:700 1rem var(--display)}
.flow code{grid-column:2;justify-self:start;background:rgba(53,197,244,.14);color:#9FE3FA;padding:4px 8px;border-radius:6px;font-size:.82rem;word-break:break-word}
.flow li>span:last-child{grid-column:2;font-size:.88rem;color:#B6C6E0;line-height:1.45}
.flow figcaption{margin-top:14px;font-size:.84rem;color:#8FA7CC}
@keyframes flowhl{0%,18%{background:rgba(20,121,232,.45);border-color:#35C5F4}22%,100%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}}
@media(max-width:640px){.flow-steps li{grid-template-columns:30px 1fr}.flow-steps li code,.flow-steps li>span:last-child{grid-column:2}}
@media(prefers-reduced-motion:reduce){.flow-steps li{animation:none}}
.blog-rel{margin-top:40px}