.sb-article-meta,
.sb-article-meta *{
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-family:'Inter','Segoe UI',Arial,sans-serif !important;
  line-height:1.4;
}

.sb-article-meta{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:24px;
  padding:16px 24px;
  background:#fff;
  width:100%;
}

.sb-meta-left{
  display:flex !important;
  align-items:center;
  flex-wrap:wrap;
  gap:28px;
}

.sb-person{
  display:flex !important;
  align-items:center;
  gap:10px;
}

.sb-avatar{
  width:44px !important;
  height:44px !important;
  min-width:44px;
  border-radius:50% !important;
  object-fit:cover !important;
  display:block !important;
  background:#e5e7eb;
  border:none;
}

.sb-person-text{
  display:flex !important;
  flex-direction:column;
  line-height:1.3;
}

.sb-label{
  font-size:12px !important;
  color:#6b7280 !important;
  font-weight:400 !important;
  display:block;
}

.sb-name-row{
  display:flex !important;
  align-items:center;
  gap:6px;
}

.sb-name{
  font-size:15px !important;
  font-weight:600 !important;
  color:#111827 !important;
  display:inline-block;
  text-decoration:none !important;
  cursor:pointer;
}

.sb-name:hover{
  text-decoration:underline !important;
  color:#2563eb !important;
}

.sb-linkedin{
  width:18px !important;
  height:18px !important;
  min-width:18px;
  border-radius:4px !important;
  background:#0a66c2 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  flex-shrink:0;
}

.sb-linkedin-text{
  color:#fff !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1;
  font-family:Arial,sans-serif !important;
}

.sb-linkedin:hover{
  background:#004182 !important;
}

/* AI Summarize pill */
.sb-ai-summarize{
  display:flex !important;
  align-items:center;
  gap:10px;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  padding:10px 16px !important;
  background:#fff !important;
}

.sb-ai-dot{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#22c55e !important;
  flex-shrink:0;
  display:block;
}

.sb-ai-text{
  font-size:14px !important;
  font-weight:500 !important;
  color:#111827 !important;
  white-space:nowrap;
}

.sb-ai-icons{
  display:flex !important;
  align-items:center;
  gap:8px;
  margin-left:6px;
}

/* Applies to both  and  icon items */
.sb-ai-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px;
  border-radius:9px !important;
  border:none !important;
  background:#f3f4f6 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .15s ease;
  box-shadow:none !important;
  text-decoration:none !important;
}

.sb-ai-icon:hover{
  background:#e5e7eb !important;
}

.sb-icon-img{
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
  display:block !important;
}

.sb-ai-disabled{ opacity:0.5; pointer-events:none; }

/* ===== Tablet ===== */
@media (max-width:1024px){
  .sb-article-meta{
    gap:16px;
  }
}

/* ===== Mobile ===== */
@media (max-width:767px){
  .sb-article-meta{
    flex-direction:column !important;
    align-items:center;
    text-align:center;
    gap:14px;
    padding:16px;
  }

  .sb-meta-left{
    flex-direction:column !important;
    align-items:center;
    gap:12px;
    width:100%;
  }

  .sb-person-text{
    align-items:center;
    text-align:center;
  }

  .sb-name-row{
    justify-content:center;
  }

  .sb-meta-right{
    width:100%;
  }

  .sb-ai-summarize{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
  }
}