.bkbg-ap-wrap { box-sizing: border-box; }
.bkbg-ap-card { box-sizing: border-box; }

/* ── Name ─────────────────────────────────────── */
.bkbg-ap-name {
  font-family: var(--bkbg-ap-name-font-family, inherit);
  font-size: var(--bkbg-ap-name-font-size-d, var(--bkbg-ap-name-font-size, 20px));
  font-weight: var(--bkbg-ap-name-font-weight, 700);
  font-style: var(--bkbg-ap-name-font-style, normal);
  text-transform: var(--bkbg-ap-name-text-transform, none);
  text-decoration: var(--bkbg-ap-name-text-decoration, none);
  line-height: var(--bkbg-ap-name-line-height-d, var(--bkbg-ap-name-line-height, 1.2));
  letter-spacing: var(--bkbg-ap-name-letter-spacing-d, var(--bkbg-ap-name-letter-spacing, normal));
  word-spacing: var(--bkbg-ap-name-word-spacing-d, var(--bkbg-ap-name-word-spacing, normal));
}

/* ── Role ─────────────────────────────────────── */
.bkbg-ap-role {
  font-family: var(--bkbg-ap-role-font-family, inherit);
  font-size: var(--bkbg-ap-role-font-size-d, var(--bkbg-ap-role-font-size, 14px));
  font-weight: var(--bkbg-ap-role-font-weight, 500);
  font-style: var(--bkbg-ap-role-font-style, normal);
  text-transform: var(--bkbg-ap-role-text-transform, none);
  text-decoration: var(--bkbg-ap-role-text-decoration, none);
  line-height: var(--bkbg-ap-role-line-height-d, var(--bkbg-ap-role-line-height, 1.4));
  letter-spacing: var(--bkbg-ap-role-letter-spacing-d, var(--bkbg-ap-role-letter-spacing, normal));
  word-spacing: var(--bkbg-ap-role-word-spacing-d, var(--bkbg-ap-role-word-spacing, normal));
}

/* ── Bio ──────────────────────────────────────── */
.bkbg-ap-bio {
  font-family: var(--bkbg-ap-bio-font-family, inherit);
  font-size: var(--bkbg-ap-bio-font-size-d, var(--bkbg-ap-bio-font-size, 14px));
  font-weight: var(--bkbg-ap-bio-font-weight, normal);
  font-style: var(--bkbg-ap-bio-font-style, normal);
  text-transform: var(--bkbg-ap-bio-text-transform, none);
  text-decoration: var(--bkbg-ap-bio-text-decoration, none);
  line-height: var(--bkbg-ap-bio-line-height-d, var(--bkbg-ap-bio-line-height, 1.65));
  letter-spacing: var(--bkbg-ap-bio-letter-spacing-d, var(--bkbg-ap-bio-letter-spacing, normal));
  word-spacing: var(--bkbg-ap-bio-word-spacing-d, var(--bkbg-ap-bio-word-spacing, normal));
}

/* ── Stat Value ───────────────────────────────── */
.bkbg-ap-stat-val {
  font-family: var(--bkbg-ap-stat-val-font-family, inherit);
  font-size: var(--bkbg-ap-stat-val-font-size-d, var(--bkbg-ap-stat-val-font-size, 18px));
  font-weight: var(--bkbg-ap-stat-val-font-weight, 700);
  font-style: var(--bkbg-ap-stat-val-font-style, normal);
  text-transform: var(--bkbg-ap-stat-val-text-transform, none);
  text-decoration: var(--bkbg-ap-stat-val-text-decoration, none);
  line-height: var(--bkbg-ap-stat-val-line-height-d, var(--bkbg-ap-stat-val-line-height, 1.2));
  letter-spacing: var(--bkbg-ap-stat-val-letter-spacing-d, var(--bkbg-ap-stat-val-letter-spacing, normal));
  word-spacing: var(--bkbg-ap-stat-val-word-spacing-d, var(--bkbg-ap-stat-val-word-spacing, normal));
}

/* ── Stat Label ───────────────────────────────── */
.bkbg-ap-stat-lbl {
  font-family: var(--bkbg-ap-stat-lbl-font-family, inherit);
  font-size: var(--bkbg-ap-stat-lbl-font-size-d, var(--bkbg-ap-stat-lbl-font-size, 13px));
  font-weight: var(--bkbg-ap-stat-lbl-font-weight, normal);
  font-style: var(--bkbg-ap-stat-lbl-font-style, normal);
  text-transform: var(--bkbg-ap-stat-lbl-text-transform, none);
  text-decoration: var(--bkbg-ap-stat-lbl-text-decoration, none);
  line-height: var(--bkbg-ap-stat-lbl-line-height-d, var(--bkbg-ap-stat-lbl-line-height, 1.4));
  letter-spacing: var(--bkbg-ap-stat-lbl-letter-spacing-d, var(--bkbg-ap-stat-lbl-letter-spacing, normal));
  word-spacing: var(--bkbg-ap-stat-lbl-word-spacing-d, var(--bkbg-ap-stat-lbl-word-spacing, normal));
}

/* ── Responsive Typography ────────────────────── */
@media (max-width: 1024px) {
  .bkbg-ap-name {
    font-size: var(--bkbg-ap-name-font-size-t, var(--bkbg-ap-name-font-size-d, var(--bkbg-ap-name-font-size, 20px)));
    line-height: var(--bkbg-ap-name-line-height-t, var(--bkbg-ap-name-line-height-d, var(--bkbg-ap-name-line-height, 1.2)));
    letter-spacing: var(--bkbg-ap-name-letter-spacing-t, var(--bkbg-ap-name-letter-spacing-d, var(--bkbg-ap-name-letter-spacing, normal)));
    word-spacing: var(--bkbg-ap-name-word-spacing-t, var(--bkbg-ap-name-word-spacing-d, var(--bkbg-ap-name-word-spacing, normal)));
  }
  .bkbg-ap-role {
    font-size: var(--bkbg-ap-role-font-size-t, var(--bkbg-ap-role-font-size-d, var(--bkbg-ap-role-font-size, 14px)));
    line-height: var(--bkbg-ap-role-line-height-t, var(--bkbg-ap-role-line-height-d, var(--bkbg-ap-role-line-height, 1.4)));
    letter-spacing: var(--bkbg-ap-role-letter-spacing-t, var(--bkbg-ap-role-letter-spacing-d, var(--bkbg-ap-role-letter-spacing, normal)));
    word-spacing: var(--bkbg-ap-role-word-spacing-t, var(--bkbg-ap-role-word-spacing-d, var(--bkbg-ap-role-word-spacing, normal)));
  }
  .bkbg-ap-bio {
    font-size: var(--bkbg-ap-bio-font-size-t, var(--bkbg-ap-bio-font-size-d, var(--bkbg-ap-bio-font-size, 14px)));
    line-height: var(--bkbg-ap-bio-line-height-t, var(--bkbg-ap-bio-line-height-d, var(--bkbg-ap-bio-line-height, 1.65)));
    letter-spacing: var(--bkbg-ap-bio-letter-spacing-t, var(--bkbg-ap-bio-letter-spacing-d, var(--bkbg-ap-bio-letter-spacing, normal)));
    word-spacing: var(--bkbg-ap-bio-word-spacing-t, var(--bkbg-ap-bio-word-spacing-d, var(--bkbg-ap-bio-word-spacing, normal)));
  }
  .bkbg-ap-stat-val {
    font-size: var(--bkbg-ap-stat-val-font-size-t, var(--bkbg-ap-stat-val-font-size-d, var(--bkbg-ap-stat-val-font-size, 18px)));
    line-height: var(--bkbg-ap-stat-val-line-height-t, var(--bkbg-ap-stat-val-line-height-d, var(--bkbg-ap-stat-val-line-height, 1.2)));
    letter-spacing: var(--bkbg-ap-stat-val-letter-spacing-t, var(--bkbg-ap-stat-val-letter-spacing-d, var(--bkbg-ap-stat-val-letter-spacing, normal)));
    word-spacing: var(--bkbg-ap-stat-val-word-spacing-t, var(--bkbg-ap-stat-val-word-spacing-d, var(--bkbg-ap-stat-val-word-spacing, normal)));
  }
  .bkbg-ap-stat-lbl {
    font-size: var(--bkbg-ap-stat-lbl-font-size-t, var(--bkbg-ap-stat-lbl-font-size-d, var(--bkbg-ap-stat-lbl-font-size, 13px)));
    line-height: var(--bkbg-ap-stat-lbl-line-height-t, var(--bkbg-ap-stat-lbl-line-height-d, var(--bkbg-ap-stat-lbl-line-height, 1.4)));
    letter-spacing: var(--bkbg-ap-stat-lbl-letter-spacing-t, var(--bkbg-ap-stat-lbl-letter-spacing-d, var(--bkbg-ap-stat-lbl-letter-spacing, normal)));
    word-spacing: var(--bkbg-ap-stat-lbl-word-spacing-t, var(--bkbg-ap-stat-lbl-word-spacing-d, var(--bkbg-ap-stat-lbl-word-spacing, normal)));
  }
}

@media (max-width: 767px) {
  .bkbg-ap-name {
    font-size: var(--bkbg-ap-name-font-size-m, var(--bkbg-ap-name-font-size-t, var(--bkbg-ap-name-font-size-d, var(--bkbg-ap-name-font-size, 20px))));
    line-height: var(--bkbg-ap-name-line-height-m, var(--bkbg-ap-name-line-height-t, var(--bkbg-ap-name-line-height-d, var(--bkbg-ap-name-line-height, 1.2))));
    letter-spacing: var(--bkbg-ap-name-letter-spacing-m, var(--bkbg-ap-name-letter-spacing-t, var(--bkbg-ap-name-letter-spacing-d, var(--bkbg-ap-name-letter-spacing, normal))));
    word-spacing: var(--bkbg-ap-name-word-spacing-m, var(--bkbg-ap-name-word-spacing-t, var(--bkbg-ap-name-word-spacing-d, var(--bkbg-ap-name-word-spacing, normal))));
  }
  .bkbg-ap-role {
    font-size: var(--bkbg-ap-role-font-size-m, var(--bkbg-ap-role-font-size-t, var(--bkbg-ap-role-font-size-d, var(--bkbg-ap-role-font-size, 14px))));
    line-height: var(--bkbg-ap-role-line-height-m, var(--bkbg-ap-role-line-height-t, var(--bkbg-ap-role-line-height-d, var(--bkbg-ap-role-line-height, 1.4))));
    letter-spacing: var(--bkbg-ap-role-letter-spacing-m, var(--bkbg-ap-role-letter-spacing-t, var(--bkbg-ap-role-letter-spacing-d, var(--bkbg-ap-role-letter-spacing, normal))));
    word-spacing: var(--bkbg-ap-role-word-spacing-m, var(--bkbg-ap-role-word-spacing-t, var(--bkbg-ap-role-word-spacing-d, var(--bkbg-ap-role-word-spacing, normal))));
  }
  .bkbg-ap-bio {
    font-size: var(--bkbg-ap-bio-font-size-m, var(--bkbg-ap-bio-font-size-t, var(--bkbg-ap-bio-font-size-d, var(--bkbg-ap-bio-font-size, 14px))));
    line-height: var(--bkbg-ap-bio-line-height-m, var(--bkbg-ap-bio-line-height-t, var(--bkbg-ap-bio-line-height-d, var(--bkbg-ap-bio-line-height, 1.65))));
    letter-spacing: var(--bkbg-ap-bio-letter-spacing-m, var(--bkbg-ap-bio-letter-spacing-t, var(--bkbg-ap-bio-letter-spacing-d, var(--bkbg-ap-bio-letter-spacing, normal))));
    word-spacing: var(--bkbg-ap-bio-word-spacing-m, var(--bkbg-ap-bio-word-spacing-t, var(--bkbg-ap-bio-word-spacing-d, var(--bkbg-ap-bio-word-spacing, normal))));
  }
  .bkbg-ap-stat-val {
    font-size: var(--bkbg-ap-stat-val-font-size-m, var(--bkbg-ap-stat-val-font-size-t, var(--bkbg-ap-stat-val-font-size-d, var(--bkbg-ap-stat-val-font-size, 18px))));
    line-height: var(--bkbg-ap-stat-val-line-height-m, var(--bkbg-ap-stat-val-line-height-t, var(--bkbg-ap-stat-val-line-height-d, var(--bkbg-ap-stat-val-line-height, 1.2))));
    letter-spacing: var(--bkbg-ap-stat-val-letter-spacing-m, var(--bkbg-ap-stat-val-letter-spacing-t, var(--bkbg-ap-stat-val-letter-spacing-d, var(--bkbg-ap-stat-val-letter-spacing, normal))));
    word-spacing: var(--bkbg-ap-stat-val-word-spacing-m, var(--bkbg-ap-stat-val-word-spacing-t, var(--bkbg-ap-stat-val-word-spacing-d, var(--bkbg-ap-stat-val-word-spacing, normal))));
  }
  .bkbg-ap-stat-lbl {
    font-size: var(--bkbg-ap-stat-lbl-font-size-m, var(--bkbg-ap-stat-lbl-font-size-t, var(--bkbg-ap-stat-lbl-font-size-d, var(--bkbg-ap-stat-lbl-font-size, 13px))));
    line-height: var(--bkbg-ap-stat-lbl-line-height-m, var(--bkbg-ap-stat-lbl-line-height-t, var(--bkbg-ap-stat-lbl-line-height-d, var(--bkbg-ap-stat-lbl-line-height, 1.4))));
    letter-spacing: var(--bkbg-ap-stat-lbl-letter-spacing-m, var(--bkbg-ap-stat-lbl-letter-spacing-t, var(--bkbg-ap-stat-lbl-letter-spacing-d, var(--bkbg-ap-stat-lbl-letter-spacing, normal))));
    word-spacing: var(--bkbg-ap-stat-lbl-word-spacing-m, var(--bkbg-ap-stat-lbl-word-spacing-t, var(--bkbg-ap-stat-lbl-word-spacing-d, var(--bkbg-ap-stat-lbl-word-spacing, normal))));
  }
}

@media ( max-width: 600px ) { .bkbg-ap-card { flex-direction: column !important; align-items: center !important; } }

.bkbg-ap-social-icon svg { width: 1em; height: 1em; fill: currentColor; }
.bkbg-ap-social-icon .dashicons { font-size: inherit; width: 1em; height: 1em; line-height: 1; }
.bkbg-ap-social-icon .bkbg-icon-img { width: 1em; height: 1em; object-fit: contain; }