/* ===== バッジ（[badge]） ===== */
.c-badge {
  display:inline-block;
  font-size:.9rem;
  line-height:1;
  padding:.4rem .45rem .4rem;
  border-radius:.5rem;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  vertical-align:top;
  color:#333;
  text-decoration:none;
}
.c-badge--gray  { background:#f3f4f6; border-color:#e5e7eb; }
.c-badge--blue  { background:#eff6ff; border-color:#bfdbfe; }
.c-badge--green { background:#ecfdf5; border-color:#bbf7d0; }
.c-badge--amber { background:#fff7ed; border-color:#fde68a; }
.c-badge--purple { background:#f5f3ff; border-color:#6D28D9; }
.c-badge--red { background:#fff0f0; border-color:#f3c2c2; }

a.c-badge:is(:hover,:focus-visible),
.c-badge.is-link:is(:hover,:focus-visible){
  outline:1px solid rgba(59,130,246,.25);
  cursor:pointer;
}