/* Legal Setu — shared blog article header.
   One source of truth for the category tag, meta row and reviewed line on every
   blog-*.html page. Linked last in <head> so it wins over the per-page inline CSS.
   Values are the site's majority pattern; tokens come from each page's :root. */

.article-hero .article-cat-tag{
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1px solid rgba(232,135,10,.35);border-radius:100px;
  padding:4px 12px;margin-bottom:16px;
  font-size:14px;font-weight:700;line-height:1.5;color:var(--amber-ink);
}

.article-hero .article-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;
  padding:16px 0 0;margin-top:4px;border-top:1px solid var(--border);
}
.article-hero .meta-item{
  display:flex;align-items:center;gap:6px;
  font-size:14px;font-weight:500;line-height:1.5;color:var(--text-3);
}
.article-hero .meta-item svg{
  width:13px;height:13px;flex-shrink:0;
  fill:none;stroke:var(--text-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}

.article-hero .reviewed-line{
  margin:8px 0 0;
  font-size:14px;font-weight:500;line-height:1.5;color:var(--text-3);
}
.article-hero .reviewed-line time{font-variant-numeric:tabular-nums}