.stepcod-ab{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:16px;
  margin:12px 0 18px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.stepcod-ab__left{flex:0 0 auto}

.stepcod-ab__img{
  width:94px;
  height:94px;
  border-radius:999px;
  object-fit:cover;
  display:block;
}

.stepcod-ab__placeholder{
  width:94px;
  height:94px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.02));
}

.stepcod-ab__right{min-width:0; flex:1 1 auto}

.stepcod-ab__name{font-weight:700; font-size:16px; line-height:1.2; margin:0}
.stepcod-ab__credential{font-size:14px;font-weight:600;line-height:1.25;margin-top:4px;opacity:.92}
.stepcod-ab__role{font-size:13px;opacity:.82;margin-top:4px;font-style:italic}
.stepcod-ab__website{font-size:13px; opacity:.9; margin-top:6px; word-break:break-word}
.stepcod-ab__country{font-size:13px; opacity:.78; margin-top:4px}
.stepcod-ab__country-label{font-weight:600; margin-right:4px}

.stepcod-ab__social{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
.stepcod-ab__social-link{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  text-decoration:none;
  color:inherit;
  font-size:12px;
}
.stepcod-ab__social-link:hover{border-color:rgba(0,0,0,.22)}

.stepcod-ab__bio{margin-top:10px; font-size:13px; line-height:1.45}

.stepcod-ab__footer-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 16px;
  margin-top:10px;
  width:100%;
}
.stepcod-ab__social-wrap{
  flex:1 1 auto;
  min-width:0;
}
.stepcod-ab__footer-row .stepcod-ab__social{
  margin-top:0;
}
.stepcod-ab__langs{
  flex:0 0 auto;
  margin-left:auto;
  text-align:right;
  font-size:12px;
  line-height:1.45;
  max-width:100%;
  opacity:.9;
}
.stepcod-ab__langs-label{
  font-weight:600;
  margin-right:6px;
}
.stepcod-ab__lang-tag{
  display:inline-block;
  margin:2px 0 2px 6px;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.1);
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:11px;
}

.stepcod-ab-lang-input{
  width:4.25em;
  max-width:100%;
  text-transform:lowercase;
}

@media (max-width: 520px){
  .stepcod-ab{padding:14px; gap:12px}
  .stepcod-ab__img,.stepcod-ab__placeholder{width:73px;height:73px}
}

/* “Verified by” line under author box */
.stepcod-ab-verified{
  margin:0 0 14px;
  font-size:13px;
  line-height:1.45;
  color:rgba(0,0,0,.78);
}
.stepcod-ab-verified--left{ text-align:left; }
.stepcod-ab-verified--center{ text-align:center; }
.stepcod-ab-verified--right{ text-align:right; }
.stepcod-ab-verified__inner em{
  font-style:normal;
}

/* [stepcod_team] grid */
.stepcod-team-grid{
  display:grid;
  gap:20px;
  margin:20px 0;
}
.stepcod-team-grid--cols-1{ grid-template-columns:minmax(0, 1fr); }
.stepcod-team-grid--cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.stepcod-team-grid--cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
.stepcod-team-grid--cols-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); }

.stepcod-team__card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:16px;
  background:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}
.stepcod-team__photo{ margin-bottom:12px; }
.stepcod-team__img{
  width:100%;
  max-width:120px;
  height:auto;
  border-radius:999px;
  object-fit:cover;
  display:block;
}
.stepcod-team__name{
  font-weight:700;
  font-size:16px;
  line-height:1.2;
  margin:0 0 6px;
}
.stepcod-team__credential{
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  margin-top:4px;
  opacity:.92;
}
.stepcod-team__role{
  font-size:13px;
  opacity:.82;
  margin-top:4px;
  font-style:italic;
}
.stepcod-team__langs{
  margin-top:10px;
  font-size:12px;
  line-height:1.45;
}
.stepcod-team__lang{
  display:inline-block;
  margin:2px 6px 2px 0;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.1);
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:11px;
}
.stepcod-team__bio{
  margin-top:10px;
  font-size:13px;
  line-height:1.45;
}

@media (max-width: 700px){
  .stepcod-team-grid--cols-2,
  .stepcod-team-grid--cols-3,
  .stepcod-team-grid--cols-4{
    grid-template-columns:minmax(0, 1fr);
  }
}