/*
 * Page: お知らせ詳細（single.php）
 * トークン・コンポーネントは別ブランチからマージされる前提。
 */

.p-news-detail {
	padding-top: var(--page-top-pad);
}

.p-news-detail > .c-cta {
	margin-top: var(--section-pad);
}

/* メタ情報（カテゴリバッジ + 日付） */
.p-news-detail__meta {
	display: flex;
	align-items: center;
	gap: 16px;
}

.p-news-detail__date {
	font-size: var(--fs-base);
	font-weight: var(--font-weight-medium);
}

/* タイトル */
.p-news-detail__title {
	margin: 16px 0 0;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--color-border);
	font-size: var(--fs-lg);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-heading);
}

/* アイキャッチ画像（4:3 固定枠、画像は contain で収める） */
.p-news-detail__thumbnail {
	margin: 40px 0 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background-color: var(--color-bg);
}

.p-news-detail__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* 本文 */
.p-news-detail__content {
	margin-top: 40px;
	font-size: var(--fs-base);
	line-height: var(--line-height-body);
}

.p-news-detail__content p {
	margin: 0 0 1.5em;
}

.p-news-detail__content p:last-child {
	margin-bottom: 0;
}

.p-news-detail__content img {
	max-width: 100%;
	height: auto;
}

/* 一覧に戻るボタン */
.p-news-detail__back {
	margin-top: 80px;
	text-align: center;
}