/* news (single post) detail page styles */

.p-news-detail__meta {
	display: flex;
	align-items: center;
	gap: var(--space-sm);
	margin-bottom: var(--space-sm);
}

.p-news-detail__badge {
	display: inline-flex;
	align-items: center;
	background-color: var(--color-primary);
	color: var(--color-text-secondary);
	border-radius: 10px;
	padding: 2px var(--space-sm);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
	white-space: nowrap;
}

.p-news-detail__ttl {
	font-size: var(--font-size-3xl);
	font-weight: var(--font-weight-medium);
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: var(--color-text-primary);
	padding-bottom: var(--space-lg);
	border-bottom: 1px solid var(--color-bg-sub);
}

.p-news-detail__body {
	padding-top: var(--space-lg);
	font-size: var(--font-size-md);
	line-height: 1.9;
	color: var(--color-text-primary);
}

.p-news-detail__body > * + * {
	margin-top: var(--space-md);
}

.p-news-detail__body h2 {
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-medium);
	line-height: 1.6;
	margin-top: var(--space-xl);
}

.p-news-detail__body h3 {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-medium);
	line-height: 1.6;
	margin-top: var(--space-lg);
}

.p-news-detail__body a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	word-break: break-all;
}

.p-news-detail__body a:hover {
	opacity: 0.7;
}

.p-news-detail__body ul,
.p-news-detail__body ol {
	padding-left: 1.4em;
}

.p-news-detail__body li + li {
	margin-top: var(--space-xs);
}

.p-news-detail__body img {
	border-radius: var(--radius-sm);
}

@media screen and (max-width: 896px) {
	.p-news-detail__ttl {
		font-size: var(--font-size-xl);
	}
}