/* ==========================================================
   登録企業のバッジ（メダル＋「登録企業」）
   出る場所ごとに大きさを変える：一覧18px／詳細24px／会社のページ34px
   ========================================================== */
.rb-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 9px 2px 4px;
  border: 1px solid #f0dfae;
  border-radius: 999px;
  background: #fdf6e3;
  color: #8a6400;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  vertical-align: middle;
  margin-right: 7px;
  font-size: 10px !important;
}

.rb-badge-img {
  display: block;
  width: auto;
  flex: 0 0 auto;
}

/* 一覧・比較表 */
.rb-sm { font-size: 11.5px; }
.rb-sm .rb-badge-img { height: 14px; }

/* サービスの詳細ページ */
.rb-md { font-size: 13.5px; padding: 3px 13px 3px 6px; }
.rb-md .rb-badge-img { height: 24px; }

/* 会社のページ */
.rb-lg { font-size: 15px; padding: 2px 16px 2px 8px; }
.rb-lg .rb-badge-img { height: 17px; }

/* 印刷・ダークにしないブラウザでも読めるように、文字は必ず残す */
.rb-badge-text { display: inline; }

@media (max-width: 480px) {
  .rb-lg { font-size: 13.5px; padding: 3px 13px 3px 6px; }
  .rb-lg .rb-badge-img { height: 26px; }
}