.connect-hero-note {
      margin-top: 14px;
      max-width: 72ch;
    }

    .connect-step-card,
    .connect-help-card {
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 24px;
      background:
        radial-gradient(circle at top right, rgba(255, 184, 82, 0.08), transparent 32%),
        rgba(255, 255, 255, 0.02);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    }

    .connect-step-card,
    .connect-help-card {
      padding: 18px 20px;
    }

    .connect-step-card h3,
    .connect-help-card h3 {
      margin: 0 0 14px;
    }

    .connect-steps {
      display: grid;
      gap: 16px;
    }

    .connect-links-card {
      margin-bottom: 18px;
    }

    .connect-links-card .bbp-jump-link,
    .connect-action-row .bbp-jump-link {
      flex: 1 1 220px;
      justify-content: center;
    }

    .connect-action-row {
      margin-top: 16px;
    }

    .connect-step-card ol,
    .connect-step-card ul,
    .connect-help-card ul {
      margin: 0;
      padding-left: 20px;
    }

    .connect-step-card li,
    .connect-help-card li {
      margin-bottom: 10px;
      line-height: 1.55;
    }

    .connect-help-grid {
      display: grid;
      gap: 14px;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      margin-top: 18px;
    }

    @media (max-width: 680px) {
      .connect-links-card,
      .connect-action-row {
        width: 100%;
      }

      .connect-links-card .bbp-jump-link,
      .connect-action-row .bbp-jump-link {
        width: 100%;
        flex-basis: 100%;
      }

      .connect-step-card,
      .connect-help-card {
        padding: 16px 16px;
      }
    }