/* =====================================================
 * 求人版ツイートカードの補正（render_tweet_card 用）
 *  - tweet.css の .tweet-card__content は「ヘッダー行のみ」を想定した flex 行だが、
 *    求人版のカードはヘッダー／メディア／本文／アクションを .tweet-card__content 内に縦積みするため上書きする
 *  - 本文マスクの色をネイビー×ゴールドテーマの背景色に合わせる
 * ===================================================== */
body.mode-recruit .tweet-card__content {
  display: block;
  min-height: 0;
}
body.mode-recruit .tweet-card__header { margin-bottom: 4px; }
body.mode-recruit .tweet-card__media { margin-top: 8px; margin-bottom: 8px; }
body.mode-recruit .tweet-card__body-wrap { max-height: none; }
body.mode-recruit .tweet-card.has-more-text:not(.is-expanded) .tweet-card__body-wrap { overflow: hidden; }
body.mode-recruit .tweet-card__body-mask {
  background: linear-gradient(to bottom, rgba(247,248,251,0) 0%, rgba(247,248,251,1) 100%);
}
body.mode-recruit .detail-block .tweet-card__body-mask {
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
body.mode-recruit .tweet-read-more-wrap { margin: 6px 0 2px; }
body.mode-recruit .tweet-card__actions { margin-top: 8px; flex-wrap: wrap; gap: 4px; }
body.mode-recruit .tweet-action--page-link { margin-left: auto; }
body.mode-recruit .tweet-filter__tab.is-active { box-shadow: 0 2px 8px rgba(28,43,69,0.3); }
body.mode-recruit .tweet-filter__tab { display: flex; align-items: center; justify-content: center; gap: 4px; }
body.mode-recruit .detail-block .tweet-card { margin: 0; padding-left: 0; padding-right: 0; }
body.mode-recruit .detail-block .tweet-card:last-child { border-bottom: none; }
@media (max-width: 768px) {
  body.mode-recruit .tweet-header { padding-left: 16px; padding-right: 16px; }
  body.mode-recruit .tweet-timeline .tweet-card { margin: 0; }
  body.mode-recruit .tweet-card__content { padding-right: 12px; }
}