/*
 * group9 single detail(case / blog / notice)専用。single detailでのみenqueueされる。
 * 公開RCMS(topics_detail)のPlaywright実測: h1 teal帯 / 日付+category行 / 本文 line-height 30px /
 * 画像中央寄せ / 前後navigation(白地+1px border) / 予約CTA。selectorは.single-detail配下に限定する。
 */

article.single-detail {
	background: #fff;
	box-shadow: 0 3px 1px rgba(0, 0, 0, 0.35);
	padding-bottom: 2.5rem;
}

/* container幅はclinic.cssの共通1000px基準(記事690px + 30px gap + sidebar 280px)。lg未満は1カラム。 */
.single-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
}

.single-detail-layout__main,
.single-detail-layout__side {
	min-width: 0;
}

@media (min-width: 992px) {
	.single-detail-layout {
		grid-template-columns: minmax(0, 690px) 280px;
		gap: 0 30px;
	}
}

.single-detail__title {
	margin: 50px 0 1.4rem; /* 下層H1上部の共通余白(約50px)。clinic.cssの共通ruleと同値 */
	padding: 0.35rem 1.75rem 0.55rem 1.75rem;
	background: linear-gradient(90deg, #fff 0 0.5rem, #669999 0.5rem);
	color: #fff;
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.single-detail__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-end;
	gap: 0 0.6rem;
	margin: 0 1.5625rem 1rem;
	line-height: 1.875;
}

.single-detail__terms {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-detail__terms li + li::before {
	content: ", ";
	white-space: pre;
}

.single-detail__body {
	margin: 0 1.5625rem;
	line-height: 1.875;
}

.single-detail__body h2,
.single-detail__body h3,
.single-detail__body h4 {
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.875;
}

.single-detail__body p {
	margin: 0;
}

.single-detail__body img {
	max-width: 100%;
	height: auto;
}

.single-detail__body [style*="text-align:center"],
.single-detail__body [style*="text-align: center"] {
	text-align: center;
}

.single-detail__nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 2rem 0;
}

.single-detail__nav-link {
	flex: 1 1 14rem;
	max-width: 17.5rem;
	padding: 0.625rem 0.9375rem;
	background: #fff;
	border: 1px solid #ccc;
	color: inherit;
	font-size: 0.9rem;
	line-height: 1.5;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.single-detail__nav-link--list {
	flex: 0 0 auto;
	text-align: center;
}

.single-detail__nav-link--newer {
	margin-left: auto;
	text-align: right;
}

.single-detail__nav-link:focus-visible {
	outline: 2px solid var(--idc-color-primary-dark);
	outline-offset: 2px;
}

@media (max-width: 575.98px) {
	.single-detail__title {
		padding-right: 1rem;
		padding-left: 1rem;
		font-size: 1.15rem;
	}

	.single-detail__nav-link {
		max-width: none;
	}

	.single-detail__nav-link--newer {
		margin-left: 0;
	}
}

/* 公開RCMS実測: 本文のb/strongは太字にならず、ins(挿入=強調marker)は黄色背景。 */
.single-detail__body b,
.single-detail__body strong {
	font-weight: 400;
}

.single-detail__body ins {
	background: #ffff99;
	text-decoration: none;
}