/* ブログ詳細ページ */
/* 一覧は専用アーカイブを持たず、お知らせ一覧（home.php / news.css）に統合表示する */
/* お知らせ詳細（single.php）と共通の見出し・本文（.article-page-header等）とアイキャッチ画像（.article-detail-thumbnail）は main.css を参照 */

.article-header__tag {
  display: inline-block;
  padding: 6px 8px;
  color: var(--tag-blog-text);
  background: var(--tag-blog-bg);
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-align: center;
}

/* 確認用URL（inc/blog-draft-share.php）で下書きを表示しているときだけ出す帯。
   公開済みの記事と取り違えないよう、ページ最上部に目立つ色で置く。
   本文の左端に揃えるより注意書きとして目立たせたいため、中央寄せにする */
.draft-share-notice {
  padding: 0.75rem 1rem;
  color: var(--tag-property-text);
  background: var(--tag-property-bg);
  border-bottom: 1px solid var(--tag-property-text);
}

.draft-share-notice__text {
  max-width: 48rem;
  margin: 0 auto;
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.draft-share-notice__expires {
  display: block;
  font-weight: 400;
}