.rehab-breadcrumb {
	padding: 1rem 0;
	background: var(--rehab-color-bg);
	font-size: var(--rehab-breadcrumb-size);
	letter-spacing: var(--rehab-breadcrumb-tracking);
	color: rgba(74, 74, 74, 0.7);
	border-bottom: none;
}

/* When a hero follows a breadcrumb, suppress its top padding (the breadcrumb
   already accounts for the visual separation from the sticky header). */
.rehab-breadcrumb + .rehab-hero,
.rehab-breadcrumb + section.rehab-hero,
.rehab-breadcrumb + .wp-block-rehab-hero {
	padding-top: var(--rehab-space-lg);
	min-height: 0;
}

.rehab-breadcrumb + .rehab-hero .rehab-hero__grid,
.rehab-breadcrumb + .wp-block-rehab-hero .rehab-hero__grid {
	min-height: 0;
}

/* Render the breadcrumb as a single flowing inline line — no flex gap (the
   "/" separator already provides spacing). Items wrap as text, not as flex
   items, so a long final segment wraps cleanly without orphaned separators
   on a new line. */
.rehab-breadcrumb__list {
	list-style: none;
	margin: 0;
	padding: 0;
	color: rgba(74, 74, 74, 0.7);
	line-height: 1.7;
}

.rehab-breadcrumb__list li {
	display: inline;
}

.rehab-breadcrumb__list li + li::before {
	content: "/";
	margin: 0 0.55rem;
	opacity: 0.55;
	color: rgba(74, 74, 74, 0.55);
}

.rehab-breadcrumb__list a {
	color: rgba(74, 74, 74, 0.7);
	text-decoration: none;
	transition: color 0.15s ease;
}

.rehab-breadcrumb__list a:hover {
	color: var(--rehab-sage-dark);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.rehab-breadcrumb__list [aria-current="page"] {
	color: var(--rehab-warm-charcoal);
	font-weight: 400;
}

.rehab-related-treatments {
	padding-block: var(--rehab-space-8);
}

.rehab-related-treatments__heading {
	text-align: center;
	margin: 0 0 var(--rehab-space-6);
}

.rehab-related-treatments__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--rehab-space-4);
	max-width: 960px;
	margin-inline: auto;
}

.rehab-related-treatments__item a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--rehab-space-4) var(--rehab-space-5);
	background: var(--rehab-color-white);
	border: 1px solid var(--rehab-color-line);
	border-radius: 4px;
	color: var(--rehab-color-ink);
	text-decoration: none;
	/* Same as the articles-index card titles (REH-191): this asked for the
	   undefined --rehab-font-serif, so it was dropped. Held on the body sans
	   rather than being flipped to serif by the token fix.
	   NB: this whole `.rehab-related-treatments` block is currently dead — the
	   section renders on 0 of 43 live treatment pages (see tokens.css). */
	font-family: var(--rehab-font-body);
	transition: border-color 0.2s ease, transform 0.2s ease;
}

.rehab-related-treatments__item a:hover {
	border-color: var(--rehab-color-sage);
	transform: translateX(2px);
}

.rehab-related-treatments__title {
	font-size: 1.05rem;
}

.rehab-related-treatments__arrow {
	color: var(--rehab-color-sage-deep);
	font-size: 1.2rem;
	margin-left: var(--rehab-space-3);
}

/* ---- Loose core blocks between sections (REH-119) ----------------------
   Editors can drop plain paragraphs / headings / lists between the custom
   treatment sections. Every rehab/* block wraps itself in .rehab-container,
   but a top-level core block has no wrapper — unstyled it spans the full
   viewport in browser-default type. Center these on the page at a readable
   measure (never wider than the blocks' container) and give them the same
   typography as the article body, so they read as prose within the flow. */
.rehab-treatment > p,
.rehab-treatment > h2,
.rehab-treatment > h3,
.rehab-treatment > h4,
.rehab-treatment > h5,
.rehab-treatment > h6,
.rehab-treatment > ul,
.rehab-treatment > ol,
.rehab-treatment > blockquote {
	box-sizing: border-box;
	width: 100%;
	max-width: min(56rem, var(--rehab-container-max));
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	font-family: var(--rehab-font-body);
	font-weight: 300;
	font-size: 1.0625rem;
	line-height: 1.78;
	color: var(--rehab-soft-charcoal);
	overflow-wrap: break-word;
}

@media (min-width: 1024px) {
	.rehab-treatment > p,
	.rehab-treatment > h2,
	.rehab-treatment > h3,
	.rehab-treatment > h4,
	.rehab-treatment > h5,
	.rehab-treatment > h6,
	.rehab-treatment > ul,
	.rehab-treatment > ol,
	.rehab-treatment > blockquote {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.rehab-treatment > p { margin-top: 0; margin-bottom: 1.5rem; }

/* Type scale mirrors .rehab-article__body (article.css) so mixed pages
   stay consistent; h4-h6 sized above body so they never read smaller than
   the text they head. */
.rehab-treatment > h2 {
	font-family: var(--rehab-font-display);
	font-weight: 300;
	font-size: 1.75rem;
	letter-spacing: -0.02em;
	line-height: 1.15;
	color: var(--rehab-warm-charcoal);
	margin-top: 3.25rem;
	margin-bottom: 1.25rem;
	scroll-margin-top: calc(var(--rehab-header-height, 5rem) + 1rem);
}

.rehab-treatment > h3 {
	font-family: var(--rehab-font-display);
	font-weight: 300;
	font-size: 1.375rem;
	letter-spacing: -0.015em;
	color: var(--rehab-warm-charcoal);
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	scroll-margin-top: calc(var(--rehab-header-height, 5rem) + 1rem);
}

/* Loose h4s act as section headings on these pages — match the
   article-row section-heading scale so they hold their own between the
   full sections (REH-119 follow-up). */
.rehab-treatment > h4 {
	font-family: var(--rehab-font-display);
	font-weight: 300;
	font-size: clamp(1.875rem, 3vw, 2.5rem);
	letter-spacing: -0.02em;
	line-height: 1.1;
	color: var(--rehab-warm-charcoal);
	text-wrap: balance;
	margin-top: 3rem;
	margin-bottom: 1.25rem;
	scroll-margin-top: calc(var(--rehab-header-height, 5rem) + 1rem);
}

.rehab-treatment > h5,
.rehab-treatment > h6 {
	font-family: var(--rehab-font-body);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.4;
	color: var(--rehab-warm-charcoal);
	margin-top: 1.75rem;
	margin-bottom: 0.6rem;
	scroll-margin-top: calc(var(--rehab-header-height, 5rem) + 1rem);
}

@media (min-width: 768px) {
	.rehab-treatment > h2 { font-size: 2rem; }
	.rehab-treatment > h3 { font-size: 1.5rem; }
}

.rehab-treatment > ul,
.rehab-treatment > ol {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.rehab-treatment > ul li,
.rehab-treatment > ol li {
	margin-bottom: 0.5rem;
}