/* Shared styling for jt26 clinical content sections. */

.jt26-b15{
	box-sizing:border-box;
	width:min(1180px, calc(100% - 48px));
	max-width:100%;
	margin:34px auto 42px;
	padding:clamp(24px,4vw,42px);
	background:#fbf8f4;
	border:1px solid #d8cec4;
	color:#202321;
}

.jt26-b15 *,
.jt26-b15 *::before,
.jt26-b15 *::after{
	box-sizing:border-box;
}

.jt26-b15-kicker{
	margin:0 0 10px;
	color:#6b5a54;
	font-size:12px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:0;
	text-transform:uppercase;
}

.jt26-b15 h2{
	max-width:900px;
	margin:0 0 14px;
	color:#202321;
	font-size:clamp(24px,2.5vw,34px);
	font-weight:650;
	line-height:1.14;
	letter-spacing:0;
}

.jt26-b15 h3{
	margin:0 0 8px;
	color:#202321;
	font-size:17px;
	font-weight:800;
	line-height:1.25;
	letter-spacing:0;
}

.jt26-b15 p,
.jt26-b15 li{
	color:#303331;
	font-size:16px;
	line-height:1.68;
}

.jt26-b15 p{
	max-width:980px;
	margin:0 0 14px;
}

.jt26-b15-lead{
	display:grid;
	grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);
	gap:18px;
	align-items:stretch;
	margin:18px 0 24px;
}

.jt26-b15-lead > div,
.jt26-b15-lead > aside,
.jt26-b15-split > div,
.jt26-b15-step,
.jt26-b15-summary,
.jt26-b15-checks{
	min-width:0;
	padding:18px;
	background:#fff;
	border:1px solid #d8cec4;
}

.jt26-b15-split > *{
	min-width:0;
	container-type:inline-size;
}

.jt26-b15-lead > aside{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	background:#242329;
	color:#f4eee8;
}

.jt26-b15-lead span,
.jt26-b15-step span,
.jt26-b15-summary span{
	display:block;
	margin:0 0 10px;
	color:#856b5c;
	font-size:12px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:0;
	text-transform:uppercase;
}

.jt26-b15-lead > aside span,
.jt26-b15-lead > aside p{
	color:#f4eee8;
}

.jt26-b15-lead strong{
	display:block;
	color:inherit;
	font-size:clamp(22px,2.4vw,30px);
	font-weight:650;
	line-height:1.15;
}

.jt26-b15-grid,
.jt26-b15-option-grid,
.jt26-b15-flow{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
	margin:22px 0 30px;
}

.jt26-b15-card,
.jt26-b15-option{
	min-width:0;
	padding:16px;
	background:#fff;
	border:1px solid #d8cec4;
}

.jt26-b15-card p,
.jt26-b15-option p,
.jt26-b15-step p,
.jt26-b15-summary p{
	margin:0;
	font-size:15px;
	line-height:1.58;
}

.jt26-b15-split{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:14px;
	margin:22px 0 30px;
}

@container (max-width:560px){
	.jt26-b15-option-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@container (max-width:380px){
	.jt26-b15-option-grid{
		grid-template-columns:1fr;
	}
}

@supports not (container-type:inline-size){
	@media only screen and (min-width:901px) and (max-width:1100px){
		.jt26-b15-split .jt26-b15-option-grid{
			grid-template-columns:repeat(2,minmax(0,1fr));
		}
	}
}

.jt26-b15-split ul,
.jt26-b15-callout ul,
.jt26-b15-checks ul{
	display:grid;
	gap:9px;
	margin:12px 0 0;
	padding:0;
	list-style:none;
}

.jt26-b15-split li,
.jt26-b15-callout li,
.jt26-b15-checks li{
	position:relative;
	margin:0;
	padding:0 0 0 20px;
	list-style:none !important;
	font-size:15px;
	line-height:1.55;
}

.jt26-b15-split li::marker,
.jt26-b15-callout li::marker,
.jt26-b15-checks li::marker{
	content:"";
}

.jt26-b15-split li::before,
.jt26-b15-callout li::before,
.jt26-b15-checks li::before{
	content:"";
	position:absolute;
	top:.68em;
	left:0;
	width:7px;
	height:7px;
	background:#006b5a;
	border-radius:999px;
}

.jt26-b15-step{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.jt26-b15-step span{
	color:#006b5a;
}

.jt26-b15-callout{
	margin:24px 0 30px;
	padding:22px;
	background:#f1ece7;
	border:1px solid #d8cec4;
}

.jt26-b15-callout h2{
	margin-bottom:12px;
	font-size:clamp(22px,2.1vw,28px);
}

.jt26-b15-checks{
	margin:20px 0 28px;
	background:#fffdfa;
}

.jt26-b15-faq{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	margin:22px 0 30px;
}

.jt26-b15-faq details{
	min-width:0;
	padding:0;
	background:#fff;
	border:1px solid #d8cec4;
}

.jt26-b15-faq summary{
	box-sizing:border-box;
	min-height:44px;
	padding:16px;
	cursor:pointer;
	color:#202321;
	font-size:16px;
	font-weight:800;
	line-height:1.3;
	letter-spacing:0;
}

.jt26-b15-faq p{
	margin:0 16px 16px;
	font-size:15px;
	line-height:1.58;
}

.jt26-b15-summary{
	margin:22px 0 0;
	background:#242329;
	color:#f4eee8;
}

.jt26-b15-summary span,
.jt26-b15-summary h2,
.jt26-b15-summary p{
	color:#f4eee8;
}

.jt26-b15-summary h2{
	margin-bottom:10px;
	font-size:clamp(22px,2.2vw,30px);
}

/* Shared mobile containment for the jt26 related pathway strip. */

.jt26-b15-pathways{
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	width:100%;
	max-width:100%;
	margin:28px 0 30px;
}

.jt26-b15-pathways a{
	box-sizing:border-box;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:9px 13px;
	border:1px solid #ded3c8;
	border-radius:999px;
	background:#fffdfa;
	color:#7b4ca4;
	font-size:14px;
	font-weight:700;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	overflow-wrap:break-word;
	word-break:normal;
}

@media only screen and (min-width:768px) and (max-width:900px){
	.jt26-b15-split{
		grid-template-columns:1fr;
		gap:12px;
	}

	.jt26-b15-grid,
	.jt26-b15-option-grid,
	.jt26-b15-flow{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media only screen and (max-width:767px){
	.jt26-b15{
		width:calc(100% - 32px);
		max-width:100%;
		margin:28px auto 34px;
		padding:22px 20px;
	}

	.jt26-b15-lead,
	.jt26-b15-grid,
	.jt26-b15-option-grid,
	.jt26-b15-flow,
	.jt26-b15-split,
	.jt26-b15-faq{
		grid-template-columns:1fr;
		gap:10px;
	}

	.jt26-b15 p,
	.jt26-b15 li{
		font-size:15px;
		line-height:1.62;
	}

	.jt26-b15-pathways{
		display:grid;
		grid-template-columns:1fr;
		gap:8px;
		width:min(100%, calc(100vw - 40px));
		margin:24px 0 28px;
		margin-right:auto;
		margin-left:auto;
	}

	.jt26-b15-pathways a{
		width:100%;
		min-height:44px;
		padding:11px 14px;
	}
}

/* 20260903 v6 audit fam6: cap checks-card paragraph measure. The generic
   .jt26-b15 p max-width:980px renders ~118 chars/line at 16px inside the
   full-width checks card; 72ch ≈ 630px ≈ 76 cpl, matching the site rail. */
.jt26-b15 .jt26-b15-checks p{
	max-width:72ch;
}