/* §7 — incident-response flow: connected 4-step process (replaces disconnected cards) */
    .rsg-page .rf2-flow { position: relative; display: flex; gap: 0; margin: 20px 0 0; }
    .rsg-page .rf2-flow::before { content: ""; position: absolute; top: 25px; left: 12.5%; right: 12.5%; height: 2px; background: linear-gradient(90deg, var(--green-500), var(--green-700)); z-index: 0; }
    .rsg-page .rf2-step { flex: 1; text-align: center; padding: 0 14px; position: relative; z-index: 1; }
    .rsg-page .rf2-node { position: relative; width: 50px; height: 50px; border-radius: 50%; margin: 0 auto 14px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(44,122,75,0.28); border: 3px solid #fff; }
    .rsg-page .rf2-node svg { width: 22px !important; height: 22px !important; }
    .rsg-page .rf2-numbadge { position: absolute; top: -5px; left: -5px; min-width: 19px; height: 19px; padding: 0 4px; border-radius: 999px; background: #fff; color: var(--green-700); border: 1.5px solid var(--green-500); font-family: var(--font-display); font-weight: 800; font-size: 10.5px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
    .rsg-page .rf2-step:not(:last-child)::after { content: ""; position: absolute; top: 20px; right: -6px; width: 11px; height: 11px; border-top: 2px solid var(--green-600); border-right: 2px solid var(--green-600); transform: rotate(45deg); z-index: 2; }
    .rsg-page .rf2-body h4 { font-family: var(--font-display); font-size: 15.5px; font-weight: 700; color: var(--ink-900); margin: 0 0 5px; line-height: 1.3; }
    .rsg-page .rf2-body p { font-family: var(--font-body); font-size: 13px; line-height: 1.55; color: var(--ink-2); margin: 0; }
    @media (max-width: 700px) {
      .rsg-page .rf2-flow { flex-direction: column; }
      .rsg-page .rf2-flow::before { top: 4px; bottom: 28px; left: 25px; right: auto; width: 2px; height: auto; }
      .rsg-page .rf2-step { display: flex; align-items: flex-start; gap: 16px; text-align: left; padding: 0 0 22px 0; }
      .rsg-page .rf2-step:last-child { padding-bottom: 0; }
      .rsg-page .rf2-node { margin: 0; flex-shrink: 0; }
      .rsg-page .rf2-step:not(:last-child)::after { display: none; }
      .rsg-page .rf2-body { padding-top: 5px; }
    }