/**
 * Bipolar 2 Treatment hub.
 * Loaded after depression-treatment.css, whose hero (bhp-dep-hero) and FAQ (bhp-dep-faq) components this page reuses.
 * This file styles the long-form sections only.
 */

/* ——— Long-form sections ——— */
.bhp-bp2-section {
	padding-top: var(--bhp-section-y);
	padding-bottom: var(--bhp-section-y);
	background-color: var(--bhp-white);
	color: var(--bhp-ink);
}

.bhp-bp2-section--soft {
	background-color: var(--bhp-surface-soft);
}

.bhp-bp2-section__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(0.25rem, 1vw, 0.5rem);
	align-items: start;
}

/* Heading left, prose right on desktop: the same grid as the FAQ section. */
@media (min-width: 900px) {
	.bhp-bp2-section__inner {
		grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
		gap: clamp(2.5rem, 5vw, 4.5rem);
	}

	.bhp-bp2-section__header {
		position: sticky;
		top: 6rem;
	}
}

.bhp-bp2-section__header,
.bhp-bp2-section__body {
	min-width: 0;
}

.bhp-bp2-section__body {
	max-width: 46rem;
}

.bhp-bp2-section__body > .bhp-bp2-section__subtitle:first-child {
	margin-top: 0;
}

.bhp-bp2-section p.bhp-bp2-section__lede {
	max-width: 46rem;
}

.bhp-bp2-section__title {
	margin: 0 0 var(--bhp-space-4);
	font-size: clamp(1.85rem, 3.4vw, 2.65rem);
	font-weight: var(--bhp-fw-bold);
	letter-spacing: var(--bhp-ls-tight);
	line-height: var(--bhp-lh-tight);
	color: var(--bhp-primary-dark);
	text-wrap: balance;
}

.bhp-bp2-section__subtitle {
	margin: clamp(1.75rem, 3vw, 2.25rem) 0 var(--bhp-space-3, 0.75rem);
	font-size: clamp(1.15rem, 1.8vw, 1.35rem);
	font-weight: var(--bhp-fw-semibold);
	line-height: var(--bhp-lh-tight);
	color: var(--bhp-primary-dark);
	text-wrap: balance;
}

.bhp-bp2-section p,
.bhp-bp2-section__list {
	margin: 0 0 var(--bhp-space-4);
	font-size: var(--bhp-fs-base);
	line-height: var(--bhp-lh-relaxed);
	color: var(--bhp-ink-muted);
	text-wrap: pretty;
}

.bhp-bp2-section p:last-child {
	margin-bottom: 0;
}

.bhp-bp2-section__list {
	padding-left: 1.25rem;
	list-style: disc;
}

.bhp-bp2-section__list li {
	display: list-item;
	margin-bottom: 0.4rem;
	padding-left: 0.25rem;
}

.bhp-bp2-section__list li::marker {
	color: var(--bhp-primary);
}

.bhp-bp2-section a:not(.bhp-btn) {
	color: var(--bhp-primary);
	font-weight: var(--bhp-fw-semibold);
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.bhp-bp2-section a:not(.bhp-btn):hover,
.bhp-bp2-section a:not(.bhp-btn):focus-visible {
	color: var(--bhp-primary-dark);
}

/* Crisis line */
.bhp-bp2-section p.bhp-bp2-section__crisis {
	margin-top: var(--bhp-space-6, 1.5rem);
	padding: clamp(1rem, 2vw, 1.25rem) clamp(1.1rem, 2.5vw, 1.5rem);
	border-left: 4px solid var(--bhp-primary);
	border-radius: var(--bhp-btn-radius);
	background-color: var(--bhp-surface-soft);
	font-weight: var(--bhp-fw-semibold);
	color: var(--bhp-ink);
}

.bhp-bp2-section--soft p.bhp-bp2-section__crisis {
	background-color: var(--bhp-white);
}

/* ——— Where we treat (S7) ——— */
.bhp-bp2-where {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1rem, 2.5vw, 1.5rem);
	margin: clamp(1.5rem, 3vw, 2.25rem) 0 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 768px) {
	.bhp-bp2-where {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.bhp-bp2-where__card {
	margin: 0;
	padding: clamp(1.35rem, 2.5vw, 1.75rem);
	background-color: var(--bhp-white);
	border: 1px solid var(--bhp-border);
	border-radius: var(--bhp-btn-radius);
}

.bhp-bp2-where__card .bhp-bp2-section__subtitle {
	margin-top: 0;
}

/* FAQ answers carry one inline link. */
.bhp-bp2-faq .bhp-faq-item__a a {
	color: var(--bhp-primary);
	font-weight: var(--bhp-fw-semibold);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}