/* September 2026 Orphan Care Compass content and interface update. */

.telos-occ-home,
.telos-occ-page,
.telos-why-telos-page,
.telos-how-page,
.telos-resources-page,
.telos-involved-page,
.telos-faq-page,
.telos-guidance-page,
.telos-occ-contact-page {
	--telos-occ-panel: #fff;
	--telos-occ-ink-soft: rgba(36, 56, 61, 0.72);
}

.telos-occ-home .alignwide,
.telos-occ-page .alignwide,
.telos-why-telos-page .alignwide,
.telos-how-page .alignwide,
.telos-resources-page .alignwide,
.telos-involved-page .alignwide,
.telos-faq-page .alignwide,
.telos-guidance-page .alignwide,
.telos-occ-contact-page .alignwide {
	width: min(100%, var(--wp--style--global--wide-size));
}

.telos-occ-home h2,
.telos-occ-page h2,
.telos-why-telos-page h2,
.telos-how-page h2,
.telos-resources-page h2,
.telos-involved-page h2,
.telos-faq-page h2,
.telos-guidance-page h2,
.telos-occ-contact-page h2 {
	letter-spacing: -0.045em;
	line-height: 1.02;
	text-wrap: balance;
}

.telos-occ-home .telos-page-copy,
.telos-occ-page .telos-page-copy,
.telos-why-telos-page .telos-page-copy,
.telos-resources-page .telos-page-copy,
.telos-involved-page .telos-page-copy,
.telos-guidance-page .telos-page-copy,
.telos-occ-contact-page .telos-page-copy {
	font-size: clamp(1.05rem, 1.6vw, 1.2rem);
	line-height: 1.72;
}

.telos-occ-emphasis {
	max-width: 37rem;
	padding-inline-start: 1.1rem;
	border-inline-start: 0.25rem solid var(--telos-color-warm);
	color: var(--telos-color-ink);
	font-size: clamp(1.05rem, 1.8vw, 1.28rem);
	line-height: 1.6;
}

.telos-occ-card-label,
.telos-resource-category {
	margin-block: 0 1rem;
	color: var(--telos-color-brand);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	line-height: 1.3;
	text-transform: uppercase;
}

/* Sitewide navigation simplified around the current OCC offer. */
.telos-header-actions {
	gap: 0;
}

.telos-primary-nav {
	font-size: 1.05rem;
}

.telos-primary-nav > .wp-block-navigation__responsive-container:not(.is-menu-open) > .wp-block-navigation__responsive-close > .wp-block-navigation__responsive-dialog > .wp-block-navigation__responsive-container-content > .wp-block-navigation__container,
.telos-primary-nav > .wp-block-navigation__container {
	gap: clamp(0.75rem, 1vw, 1.1rem);
}

.telos-primary-nav > .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-size: 1.05rem;
}

.telos-header-cta .wp-block-button__link {
	padding-inline: 0.95rem;
	background: var(--telos-color-primary);
}

/* Homepage: focused OCC narrative. */
.telos-occ-hero {
	min-height: calc(100svh - 6.5rem);
	display: flex;
	align-items: center;
	padding-block: 2.25rem;
}

.telos-occ-hero .telos-hero-content {
	width: 100%;
	max-width: 54rem;
	margin-inline: 0 auto !important;
}

.telos-occ-hero .telos-hero-content h1 {
	max-width: 18ch;
	font-size: clamp(3.2rem, 4.4vw, 4.15rem) !important;
	line-height: 0.98;
}

.telos-occ-hero .telos-intro {
	max-width: 43rem;
	margin-block-end: 0.75rem;
}

.telos-occ-hero .wp-block-buttons {
	margin-block-start: 1.5rem;
}

.telos-hero-promise {
	max-width: 40rem;
	margin-block: 1.1rem 0;
	color: #fff;
	font-size: clamp(1.25rem, 2vw, 1.55rem);
}

.telos-hero-detail {
	max-width: 42rem;
	margin-block: 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 1.02rem;
	line-height: 1.68;
}

.telos-occ-mission {
	background:
		radial-gradient(circle at 8% 15%, rgba(74, 154, 174, 0.12), transparent 24rem),
		var(--telos-color-background);
}

.telos-occ-mission-layout,
.telos-occ-context-layout,
.telos-occ-audience-layout,
.telos-occ-conversation-layout,
.telos-occ-posture-layout,
.telos-occ-outcomes-layout,
.telos-occ-capacity-layout,
.telos-occ-show-layout,
.telos-occ-wisdom-layout,
.telos-occ-try-layout,
.telos-why-history-layout,
.telos-why-wisdom-layout,
.telos-why-role-layout,
.telos-why-posture-layout,
.telos-contact-main-layout,
.telos-guidance-question-layout,
.telos-resource-more-layout,
.telos-involved-resources-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(24rem, 1.1fr);
	align-items: center;
	gap: clamp(3rem, 8vw, 7rem);
}

.telos-occ-mission-layout > *,
.telos-occ-context-layout > *,
.telos-occ-audience-layout > *,
.telos-occ-conversation-layout > *,
.telos-occ-posture-layout > *,
.telos-occ-outcomes-layout > *,
.telos-occ-capacity-layout > *,
.telos-occ-show-layout > *,
.telos-occ-wisdom-layout > *,
.telos-occ-try-layout > *,
.telos-why-history-layout > *,
.telos-why-wisdom-layout > *,
.telos-why-role-layout > *,
.telos-why-posture-layout > *,
.telos-contact-main-layout > *,
.telos-guidance-question-layout > *,
.telos-resource-more-layout > *,
.telos-involved-resources-layout > * {
	margin-block-start: 0 !important;
}

.telos-occ-mission h2 {
	max-width: 12ch;
	font-size: clamp(3rem, 5vw, 5rem);
}

.telos-occ-mission-copy {
	padding: clamp(2rem, 4vw, 3.4rem);
	border-block-start: 0.35rem solid var(--telos-color-warm);
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 1.5rem 4rem rgba(36, 56, 61, 0.09);
}

.telos-occ-shared-wisdom {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: #f7f5ee;
	color: var(--telos-color-ink);
}

.telos-occ-shared-wisdom::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(circle at 8% 8%, rgba(78, 171, 191, 0.18), transparent 30rem),
		linear-gradient(135deg, rgba(255, 255, 255, 0.72), transparent 58%);
	content: "";
}

.telos-occ-shared-wisdom::after {
	position: absolute;
	z-index: -1;
	top: clamp(3rem, 8vw, 7rem);
	right: -8rem;
	width: clamp(22rem, 38vw, 38rem);
	aspect-ratio: 1;
	border: 1px solid rgba(31, 99, 113, 0.1);
	border-radius: 50%;
	box-shadow:
		0 0 0 5rem rgba(31, 99, 113, 0.035),
		0 0 0 10rem rgba(31, 99, 113, 0.025);
	content: "";
	pointer-events: none;
}

.telos-occ-shared-inner {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(28rem, 1.1fr);
	gap: clamp(3rem, 7vw, 6rem);
}

.telos-occ-shared-inner > * {
	margin-block-start: 0 !important;
}

.telos-occ-shared-heading {
	align-self: start;
}

.telos-occ-shared-wisdom .telos-eyebrow {
	color: var(--telos-color-primary);
}

.telos-occ-shared-wisdom h2 {
	max-width: 12ch;
	margin-block: 0;
	color: var(--telos-color-ink);
	font-size: clamp(3rem, 5.7vw, 5.4rem);
}

.telos-occ-challenge-list,
.telos-occ-audience-list,
.telos-occ-question-list,
.telos-occ-step-list,
.telos-occ-wisdom-list,
.telos-why-people-list,
.telos-why-posture-list,
.telos-involved-resource-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.telos-occ-challenge-list li,
.telos-occ-audience-list li,
.telos-occ-question-list li,
.telos-occ-step-list li,
.telos-occ-wisdom-list li,
.telos-why-people-list li,
.telos-why-posture-list li,
.telos-involved-resource-list li {
	position: relative;
	box-sizing: border-box;
	padding: 1rem 1rem 1rem 2.4rem;
	border: 1px solid var(--telos-color-border);
	background: rgba(255, 255, 255, 0.82);
	color: var(--telos-color-ink);
	line-height: 1.45;
}

.telos-occ-challenge-list li {
	border-color: rgba(31, 99, 113, 0.18);
	border-inline-start: 0.22rem solid var(--telos-color-primary);
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 0.8rem 2rem rgba(36, 56, 61, 0.065);
	color: var(--telos-color-ink);
}

.telos-occ-challenge-list li::before,
.telos-occ-audience-list li::before,
.telos-occ-question-list li::before,
.telos-occ-step-list li::before,
.telos-occ-wisdom-list li::before,
.telos-why-people-list li::before,
.telos-why-posture-list li::before,
.telos-involved-resource-list li::before {
	position: absolute;
	top: 1.18rem;
	left: 1rem;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: var(--telos-color-warm);
	content: "";
}

.telos-occ-shared-close {
	grid-column: 2;
	max-width: 42rem;
	margin-block: 1.5rem 0;
	padding: clamp(1.25rem, 2.5vw, 1.75rem);
	border-inline-start: 0.3rem solid var(--telos-color-warm);
	background: #fff;
	box-shadow: 0 1.2rem 3rem rgba(36, 56, 61, 0.08);
	color: var(--telos-color-ink);
	font-size: clamp(1.08rem, 1.8vw, 1.3rem);
	line-height: 1.65;
}

.telos-occ-context {
	background: #fff;
}

.telos-occ-context h2,
.telos-occ-audience h2,
.telos-occ-posture h2,
.telos-occ-outcomes h2,
.telos-occ-show-how h2,
.telos-occ-capacity h2,
.telos-why-history h2,
.telos-why-role h2,
.telos-why-posture h2,
.telos-contact-main h2 {
	max-width: 12ch;
	font-size: clamp(2.8rem, 5vw, 4.8rem);
}

.telos-occ-context-card,
.telos-occ-possibilities,
.telos-why-history-card {
	box-sizing: border-box;
	padding: clamp(2rem, 4vw, 3rem);
	border: 1px solid var(--telos-color-border);
	border-block-start: 0.35rem solid var(--telos-color-brand);
	background:
		radial-gradient(circle at 92% 8%, rgba(74, 154, 174, 0.14), transparent 10rem),
		var(--telos-color-background);
	box-shadow: 0 1.6rem 4rem rgba(36, 56, 61, 0.1);
}

.telos-occ-context-card ul,
.telos-occ-possibilities ul,
.telos-why-history-card ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.8rem 1.8rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.telos-occ-context-card li,
.telos-occ-possibilities li,
.telos-why-history-card li {
	padding-block: 0.75rem;
	border-block-end: 1px solid var(--telos-color-border);
	color: var(--telos-color-ink);
	line-height: 1.45;
}

.telos-occ-audience {
	background: var(--telos-color-soft);
}

.telos-occ-audience-list {
	gap: 0;
	border-block: 1px solid rgba(28, 86, 99, 0.2);
}

.telos-occ-audience-list li {
	border: 0;
	border-block-end: 1px solid rgba(28, 86, 99, 0.14);
	background: transparent;
}

.telos-occ-conversation {
	position: relative;
	overflow: hidden;
	background: var(--telos-color-warm);
}

.telos-occ-conversation::after {
	position: absolute;
	top: -12rem;
	right: -12rem;
	width: 30rem;
	aspect-ratio: 1;
	border: 1px solid rgba(36, 56, 61, 0.14);
	border-radius: 50%;
	box-shadow: 0 0 0 5rem rgba(36, 56, 61, 0.035), 0 0 0 10rem rgba(36, 56, 61, 0.025);
	content: "";
	pointer-events: none;
}

.telos-occ-conversation-layout {
	position: relative;
	z-index: 1;
}

.telos-occ-contact-card {
	box-sizing: border-box;
	padding: clamp(2rem, 4vw, 3.25rem);
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: var(--telos-color-ink);
	color: #fff;
	box-shadow: 0 1.6rem 4rem rgba(36, 56, 61, 0.18);
}

.telos-occ-contact-card h3 {
	margin-block: 0 0.4rem;
	color: #fff;
	font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.telos-occ-contact-card p {
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.65;
}

.telos-occ-contact-card a {
	color: #fff;
	font-weight: 750;
	text-decoration-color: var(--telos-color-warm);
	text-decoration-thickness: 0.1em;
	text-underline-offset: 0.22em;
}

/* OCC page. */
.telos-occ-page-hero,
.telos-how-hero,
.telos-resources-hero,
.telos-involved-hero,
.telos-faq-hero,
.telos-guidance-hero,
.telos-contact-hero,
.telos-why-telos-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background:
		radial-gradient(circle at 86% 18%, rgba(74, 154, 174, 0.34), transparent 30rem),
		linear-gradient(135deg, #142f35, #1c5663);
	color: #fff;
}

.telos-occ-page-hero::after,
.telos-how-hero::after,
.telos-resources-hero::after,
.telos-involved-hero::after,
.telos-faq-hero::after,
.telos-guidance-hero::after,
.telos-contact-hero::after,
.telos-why-telos-hero::after {
	position: absolute;
	z-index: -1;
	right: -9rem;
	bottom: -18rem;
	width: 42rem;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	box-shadow: 0 0 0 7rem rgba(255, 255, 255, 0.025), 0 0 0 14rem rgba(255, 255, 255, 0.018);
	content: "";
}

.telos-occ-page-hero .telos-eyebrow,
.telos-how-hero .telos-eyebrow,
.telos-resources-hero .telos-eyebrow,
.telos-involved-hero .telos-eyebrow,
.telos-faq-hero .telos-eyebrow,
.telos-guidance-hero .telos-eyebrow,
.telos-contact-hero .telos-eyebrow,
.telos-why-telos-hero .telos-eyebrow {
	color: var(--telos-color-warm);
}

.telos-occ-page-hero h1,
.telos-how-hero h1,
.telos-resources-hero h1,
.telos-involved-hero h1,
.telos-faq-hero h1,
.telos-guidance-hero h1,
.telos-contact-hero h1,
.telos-why-telos-hero h1 {
	color: #fff;
	font-size: clamp(3rem, 6vw, 5.6rem) !important;
	letter-spacing: -0.055em;
	line-height: 0.98;
	text-wrap: balance;
}

.telos-occ-page-hero .telos-page-intro,
.telos-how-hero .telos-page-intro,
.telos-resources-hero .telos-page-intro,
.telos-involved-hero .telos-page-intro,
.telos-faq-hero .telos-page-intro,
.telos-guidance-hero .telos-page-intro,
.telos-contact-hero .telos-page-intro,
.telos-why-telos-hero .telos-page-intro {
	color: rgba(255, 255, 255, 0.8);
}

.telos-occ-page-hero .is-style-outline > .wp-block-button__link,
.telos-how-hero .is-style-outline > .wp-block-button__link,
.telos-involved-hero .is-style-outline > .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.7);
	color: #fff;
}

.telos-occ-posture,
.telos-occ-capacity,
.telos-occ-try,
.telos-why-history,
.telos-contact-main {
	background: var(--telos-color-background);
}

.telos-occ-outcomes,
.telos-occ-show-how {
	background: #fff;
}

.telos-occ-question-list {
	grid-template-columns: 1fr;
}

.telos-occ-question-list li {
	padding-block: 1.15rem;
	background: #fff;
	font-weight: 650;
}

.telos-occ-capacity-layout {
	grid-template-columns: minmax(20rem, 0.75fr) minmax(0, 1.25fr);
}

.telos-occ-capacity-number {
	display: grid;
	min-height: 22rem;
	place-items: center;
	background:
		linear-gradient(145deg, rgba(20, 47, 53, 0.96), rgba(28, 86, 99, 0.92)),
		var(--telos-color-primary);
	box-shadow: 0 1.8rem 4.5rem rgba(36, 56, 61, 0.18);
}

.telos-occ-capacity-number p {
	margin: 0;
	color: var(--telos-color-warm);
	font-size: clamp(3.2rem, 6vw, 5.8rem);
	font-weight: 800;
	letter-spacing: -0.07em;
	line-height: 1;
}

.telos-occ-show-how {
	border-block: 1px solid var(--telos-color-border);
}

.telos-occ-step-list,
.telos-occ-wisdom-list,
.telos-why-people-list,
.telos-why-posture-list,
.telos-involved-resource-list {
	gap: 0.65rem;
}

.telos-occ-wisdom {
	background:
		radial-gradient(circle at 80% 25%, rgba(74, 154, 174, 0.24), transparent 27rem),
		var(--telos-color-ink);
}

.telos-occ-wisdom h2,
.telos-why-wisdom h2 {
	max-width: 14ch;
	color: #fff;
	font-size: clamp(2.8rem, 5vw, 4.8rem);
}

.telos-occ-wisdom .telos-eyebrow,
.telos-why-wisdom .telos-eyebrow {
	color: var(--telos-color-warm);
}

.telos-occ-wisdom-list li,
.telos-why-people-list li {
	border-color: rgba(255, 255, 255, 0.48);
	background: var(--telos-color-background);
	box-shadow: 0 0.9rem 2.2rem rgba(5, 20, 23, 0.15);
	color: var(--telos-color-primary);
}

.telos-occ-try {
	scroll-margin-top: 7rem;
}

/* Why Telos. */
.telos-why-telos-hero .telos-page-hero-content {
	max-width: 65rem;
}

.telos-why-declaration {
	margin-block-start: 2rem;
	color: #fff;
	font-size: clamp(1.3rem, 2.5vw, 1.8rem);
}

.telos-why-wisdom {
	background:
		radial-gradient(circle at 78% 22%, rgba(74, 154, 174, 0.26), transparent 28rem),
		var(--telos-color-ink) !important;
}

.telos-why-page .telos-section--ink.telos-why-wisdom {
	display: block;
}

.telos-why-wisdom::after {
	display: none;
}

.telos-why-wisdom > * {
	width: min(100%, var(--wp--style--global--wide-size));
}

.telos-why-wisdom .telos-page-copy {
	color: rgba(255, 255, 255, 0.76) !important;
}

.telos-why-wisdom-close {
	color: var(--telos-color-warm);
	font-size: 1.25rem;
}

.telos-why-not-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.telos-why-not-list p {
	box-sizing: border-box;
	min-height: 9rem;
	margin: 0;
	padding: clamp(1.25rem, 2.2vw, 1.65rem);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-block-start: 0.3rem solid var(--telos-color-warm);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 1.1rem 2.8rem rgba(9, 30, 35, 0.18);
	color: var(--telos-color-ink);
	font-size: clamp(1rem, 1.4vw, 1.12rem);
	font-weight: 700;
	line-height: 1.45;
}

.telos-why-role {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(20, 47, 53, 0.99), rgba(28, 86, 99, 0.94)),
		var(--telos-color-ink);
	color: #fff;
}

.telos-why-role::before {
	position: absolute;
	z-index: -1;
	top: -15rem;
	right: -10rem;
	width: 42rem;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 50%;
	box-shadow:
		0 0 0 6rem rgba(255, 255, 255, 0.025),
		0 0 0 12rem rgba(255, 255, 255, 0.018);
	content: "";
	pointer-events: none;
}

.telos-why-role-layout {
	grid-template-columns: minmax(0, 0.78fr) minmax(30rem, 1.22fr);
	align-items: center;
}

.telos-why-role .telos-eyebrow {
	color: var(--telos-color-warm);
}

.telos-why-role h2 {
	max-width: 10ch;
	color: #fff;
}

.telos-why-role .telos-page-copy {
	max-width: 34rem;
	color: rgba(255, 255, 255, 0.78);
	font-size: clamp(1.08rem, 1.8vw, 1.3rem);
	line-height: 1.7;
}

.telos-why-destination {
	background: var(--telos-color-warm);
	text-align: center;
}

.telos-why-destination-layout {
	max-width: 64rem;
	margin-inline: auto;
}

.telos-why-destination h2 {
	max-width: none;
	margin-inline: auto;
	font-size: clamp(3rem, 6vw, 5.5rem);
}

.telos-why-destination-copy {
	max-width: 34ch;
	margin: 1.5rem auto 0;
	color: var(--telos-color-ink);
	font-size: clamp(1.4rem, 2.7vw, 2.1rem);
	font-weight: 650;
	line-height: 1.4;
}

.telos-why-destination .wp-block-buttons {
	justify-content: center;
	margin-block-start: 2.25rem;
}

/* How it works. */
.telos-how-process {
	background: var(--telos-color-background);
}

.telos-how-process-intro {
	max-width: 48rem;
	margin-inline: auto;
	text-align: center;
}

.telos-how-process-intro h2 {
	max-width: none;
	margin-inline: auto;
	font-size: clamp(3rem, 5vw, 4.8rem);
}

.telos-how-steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2.5vw, 1.6rem);
	margin-block-start: clamp(3rem, 6vw, 5rem);
}

.telos-how-step {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	min-height: 100%;
	margin-block-start: 0 !important;
	padding: clamp(2rem, 4vw, 3rem);
	border: 1px solid var(--telos-color-border);
	border-block-start: 0.3rem solid var(--telos-color-brand);
	background: #fff;
	box-shadow: 0 1.2rem 3rem rgba(36, 56, 61, 0.07);
}

.telos-how-step--conversation {
	border-block-start-color: var(--telos-color-warm);
	background: var(--telos-color-ink);
	color: #fff;
}

.telos-how-step h3 {
	margin-block: 1rem;
	font-size: clamp(1.6rem, 2.6vw, 2.2rem);
	letter-spacing: -0.035em;
	line-height: 1.08;
}

.telos-how-step p:not(.telos-how-number) {
	color: var(--telos-color-muted);
	line-height: 1.65;
}

.telos-how-step--conversation h3,
.telos-how-step--conversation p,
.telos-how-step--conversation a {
	color: #fff;
}

.telos-how-number {
	margin: 0;
	color: var(--telos-color-brand);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.16em;
}

.telos-how-step--conversation .telos-how-number {
	color: var(--telos-color-warm);
}

/* Resource directory. */
.telos-resources-hero .telos-page-hero-content {
	max-width: 64rem;
}

.telos-resource-heading,
.telos-involved-heading {
	max-width: 48rem;
	margin-inline: auto;
	text-align: center;
}

.telos-resource-heading h2,
.telos-involved-heading h2 {
	max-width: none;
	margin-inline: auto;
	font-size: clamp(3rem, 5vw, 4.8rem);
}

.telos-resource-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2.2vw, 1.5rem);
	margin-block-start: clamp(3rem, 6vw, 5rem);
}

.telos-resource-card {
	display: flex;
	box-sizing: border-box;
	min-width: 0;
	min-height: 100%;
	flex-direction: column;
	margin-block-start: 0 !important;
	padding: clamp(2rem, 3.5vw, 2.8rem);
	border: 1px solid var(--telos-color-border);
	border-block-start: 0.3rem solid var(--telos-color-brand);
	background: #fff;
	box-shadow: 0 1.1rem 3rem rgba(36, 56, 61, 0.07);
}

.telos-resource-card h3 {
	margin-block: 0 1rem;
	font-size: clamp(1.55rem, 2.5vw, 2.15rem);
	letter-spacing: -0.035em;
	line-height: 1.12;
}

.telos-resource-card p {
	color: var(--telos-color-muted);
	line-height: 1.62;
}

.telos-resource-card .telos-resource-use {
	padding-block-start: 1rem;
	border-block-start: 1px solid var(--telos-color-border);
}

.telos-resource-card .telos-card-link {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	margin-block-start: auto;
	padding-block-start: 1rem;
}

.telos-resource-card .telos-card-link a {
	font-weight: 750;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.2em;
}

.telos-resource-actions {
	box-sizing: border-box;
	padding: clamp(2rem, 4vw, 3rem);
	border-block-start: 0.35rem solid var(--telos-color-warm);
	background: #fff;
	box-shadow: 0 1.3rem 3.5rem rgba(36, 56, 61, 0.08);
}

/* Get involved. */
.telos-involved-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.4rem);
	margin-block-start: clamp(3rem, 6vw, 5rem);
}

.telos-involved-card {
	box-sizing: border-box;
	min-width: 0;
	height: 100%;
	margin-block-start: 0 !important;
	padding: clamp(1.75rem, 3vw, 2.5rem);
	border: 1px solid var(--telos-color-border);
	background: #fff;
	box-shadow: 0 1rem 2.8rem rgba(36, 56, 61, 0.07);
}

.telos-involved-card--prayer {
	border-color: var(--telos-color-primary);
	background: var(--telos-color-primary);
	color: #fff;
}

.telos-involved-card h3 {
	min-height: 2.25em;
	margin-block: 1rem;
	font-size: clamp(1.45rem, 2.1vw, 1.9rem);
	letter-spacing: -0.03em;
	line-height: 1.12;
}

.telos-involved-card p:last-child {
	color: var(--telos-color-muted);
	line-height: 1.62;
}

.telos-involved-card--prayer h3,
.telos-involved-card--prayer p:last-child {
	color: #fff;
}

.telos-involved-card--prayer .telos-how-number {
	color: var(--telos-color-warm);
}

.telos-involved-resources {
	scroll-margin-top: 7rem;
}

/* FAQ uses native details/summary: accessible without JavaScript. */
.telos-faq-section {
	background: var(--telos-color-background);
}

.telos-faq-list {
	max-width: 58rem;
	margin-inline: auto;
	border-block-start: 1px solid var(--telos-color-border);
}

.telos-faq-item {
	margin: 0 !important;
	border-block-end: 1px solid var(--telos-color-border);
	background: transparent;
}

.telos-faq-item summary {
	position: relative;
	padding: 1.65rem 3rem 1.65rem 0;
	color: var(--telos-color-ink);
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	font-weight: 750;
	line-height: 1.3;
	cursor: pointer;
	list-style: none;
}

.telos-faq-item summary::-webkit-details-marker {
	display: none;
}

.telos-faq-item summary::after {
	position: absolute;
	top: 50%;
	right: 0.35rem;
	color: var(--telos-color-brand);
	content: "+";
	font-size: 1.65rem;
	line-height: 1;
	transform: translateY(-50%);
}

.telos-faq-item[open] summary::after {
	content: "−";
}

.telos-faq-item summary:focus-visible {
	outline: 0.1875rem solid var(--telos-color-warm);
	outline-offset: 0.25rem;
}

.telos-faq-item p {
	max-width: 48rem;
	margin: 0;
	padding: 0 3rem 1.75rem 0;
	color: var(--telos-color-muted);
	font-size: 1.05rem;
	line-height: 1.7;
}

/* Contact and guidance pages. */
.telos-contact-safety .telos-reading-column {
	max-width: 54rem;
	padding: clamp(2rem, 4vw, 3rem);
	border-inline-start: 0.35rem solid var(--telos-color-warm);
	background: #fff;
	box-shadow: 0 1.2rem 3rem rgba(36, 56, 61, 0.07);
}

.telos-sensitive-warning {
	padding: 1rem 1.2rem;
	background: rgba(244, 212, 73, 0.22);
	color: var(--telos-color-ink);
	line-height: 1.6;
}

.telos-guidance-intro .telos-reading-column {
	text-align: center;
}

/* Telos infographic icon system. */
.telos-infographic-list li {
	display: grid;
	grid-template-columns: 3.25rem minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	min-height: 5.25rem;
	padding: 0.85rem 1rem;
}

.telos-infographic-list li::before {
	content: none;
}

.telos-infographic-icon {
	display: inline-grid;
	width: 3.25rem;
	height: 3.25rem;
	place-items: center;
	border-radius: 50%;
	background: var(--telos-color-primary);
	color: #fff;
	box-shadow: 0 0.45rem 1.1rem rgba(36, 56, 61, 0.12);
	justify-self: start;
}

.telos-infographic-icon svg {
	display: block;
	width: 2rem;
	height: 2rem;
	overflow: visible;
}

.telos-infographic-list li:nth-child(3n + 2) .telos-infographic-icon,
.telos-infographic-group > :nth-child(3n + 2) .telos-infographic-icon {
	background: var(--telos-color-brand);
}

.telos-infographic-list li:nth-child(3n) .telos-infographic-icon,
.telos-infographic-group > :nth-child(3n) .telos-infographic-icon {
	background: var(--telos-color-warm);
	color: var(--telos-color-ink);
}

.telos-occ-context-card .telos-infographic-list,
.telos-why-history-card .telos-infographic-list {
	gap: 0.75rem;
}

.telos-occ-context-card .telos-infographic-list li,
.telos-why-history-card .telos-infographic-list li {
	border: 1px solid rgba(28, 86, 99, 0.14);
	background: rgba(255, 255, 255, 0.78);
}

.telos-occ-audience-list.telos-infographic-list {
	gap: 0.75rem;
	border: 0;
}

.telos-occ-audience-list.telos-infographic-list li {
	border: 1px solid rgba(28, 86, 99, 0.16);
	background: rgba(255, 255, 255, 0.6);
}

.telos-why-people-list.telos-infographic-list li {
	border-color: rgba(255, 255, 255, 0.48);
	background: var(--telos-color-background);
	color: var(--telos-color-primary);
}

.telos-why-people-list .telos-infographic-icon {
	background: var(--telos-color-warm) !important;
	color: var(--telos-color-ink) !important;
	box-shadow: none;
}

.telos-infographic-group p {
	display: grid;
	grid-template-columns: 3.25rem minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
}

.telos-why-not-list.telos-infographic-group p {
	grid-template-columns: 3.5rem minmax(0, 1fr);
	gap: 1.15rem;
	padding: clamp(1.25rem, 2.2vw, 1.65rem);
}

.telos-why-not-list .telos-infographic-icon {
	width: 3.5rem;
	height: 3.5rem;
	box-shadow: none;
}

.telos-involved-resource-list.telos-infographic-list {
	gap: 0.75rem;
}

.telos-involved-resource-list.telos-infographic-list li {
	border: 1px solid rgba(28, 86, 99, 0.16);
	background: rgba(255, 255, 255, 0.72);
}

/*
 * Shared card interaction: light information surfaces rise into Telos dark
 * teal, keeping their content readable and the yellow accent visible.
 */
.telos-involved-card:not(.telos-involved-card--prayer),
.telos-how-step,
.telos-resource-card,
.telos-why-history-card .telos-infographic-list li,
.telos-why-posture-list li,
.telos-why-people-list li,
.telos-occ-context-card .telos-infographic-list li,
.telos-occ-audience-list li,
.telos-involved-resource-list li,
.telos-occ-challenge-list li,
.telos-occ-question-list li,
.telos-occ-step-list li,
.telos-occ-wisdom-list li,
.telos-why-not-list p {
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease,
		color 180ms ease;
}

.telos-involved-card h3,
.telos-involved-card p,
.telos-how-step h3,
.telos-how-step p,
.telos-resource-card h3,
.telos-resource-card p,
.telos-infographic-list li > span,
.telos-why-not-list p > span {
	transition: color 180ms ease;
}

.telos-infographic-icon {
	transition:
		background-color 180ms ease,
		color 180ms ease,
		box-shadow 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
	.telos-involved-card:not(.telos-involved-card--prayer):hover,
	.telos-how-step:hover,
	.telos-resource-card:hover,
	.telos-why-history-card .telos-infographic-list li:hover,
	.telos-why-posture-list li:hover,
	.telos-why-people-list li:hover,
	.telos-occ-context-card .telos-infographic-list li:hover,
	.telos-occ-audience-list li:hover,
	.telos-involved-resource-list li:hover,
	.telos-occ-challenge-list li:hover,
	.telos-occ-question-list li:hover,
	.telos-occ-step-list li:hover,
	.telos-occ-wisdom-list li:hover,
	.telos-why-not-list p:hover {
		z-index: 2;
		transform: translateY(-0.4rem);
		border-color: var(--telos-color-primary);
		background: var(--telos-color-primary);
		box-shadow: 0 1.5rem 3.5rem rgba(20, 47, 53, 0.24);
		color: var(--telos-color-background);
	}

	.telos-involved-card:not(.telos-involved-card--prayer):hover :is(h3, p),
	.telos-how-step:hover :is(h3, p),
	.telos-resource-card:hover :is(h3, p),
	.telos-infographic-list li:hover > span,
	.telos-why-not-list p:hover > span {
		color: var(--telos-color-background);
	}

	.telos-involved-card:not(.telos-involved-card--prayer):hover .telos-how-number {
		color: var(--telos-color-warm);
	}

	.telos-infographic-list li:hover .telos-infographic-icon,
	.telos-why-not-list p:hover .telos-infographic-icon {
		background: var(--telos-color-warm) !important;
		color: var(--telos-color-ink) !important;
		box-shadow: none;
	}
}

.telos-involved-card:focus-within,
.telos-how-step:focus-within,
.telos-resource-card:focus-within,
.telos-infographic-list li:focus-within,
.telos-why-not-list p:focus-within {
	border-color: var(--telos-color-primary);
	background: var(--telos-color-primary);
	box-shadow: 0 0 0 0.2rem var(--telos-color-warm), 0 1.5rem 3.5rem rgba(20, 47, 53, 0.2);
	color: var(--telos-color-background);
}

.telos-involved-card:focus-within :is(h3, p),
.telos-how-step:focus-within :is(h3, p),
.telos-resource-card:focus-within :is(h3, p),
.telos-infographic-list li:focus-within > span,
.telos-why-not-list p:focus-within > span {
	color: var(--telos-color-background);
}

.telos-infographic-list li:focus-within .telos-infographic-icon,
.telos-why-not-list p:focus-within .telos-infographic-icon {
	background: var(--telos-color-warm) !important;
	color: var(--telos-color-ink) !important;
	box-shadow: none;
}

/* Restrained elevation for informative cards. */
.telos-occ-context-card,
.telos-occ-possibilities,
.telos-why-history-card,
.telos-how-step,
.telos-resource-card,
.telos-involved-card,
.telos-resource-actions,
.telos-occ-contact-card {
	transform: translateY(0);
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease,
		color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
	.telos-how-step:hover,
	.telos-resource-card:hover,
	.telos-involved-card:hover {
		transform: translateY(-0.4rem);
	}
}

@media (max-width: 1320px) {
	.telos-primary-nav > .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		font-size: 1rem;
	}

	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open {
		inset: 0;
		box-sizing: border-box;
		width: 100vw;
		height: 100dvh;
		min-height: 100vh;
		align-items: stretch;
		overflow-y: auto;
		padding: 1.5rem;
	}

	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		box-sizing: border-box;
		width: 100%;
	}

	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		margin: 0;
		padding-block-start: 3.5rem;
	}

	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		align-items: stretch;
	}

	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		width: 100%;
		align-items: stretch;
	}

	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		display: block;
		width: 100%;
		padding: 0.8rem 0;
		text-align: left;
	}

	.telos-primary-nav .wp-block-navigation__responsive-container.is-menu-open .telos-nav-cta-mobile .wp-block-navigation-item__content {
		box-sizing: border-box;
		margin-block-start: 0.4rem;
		padding: 0.9rem 1rem;
		background: var(--telos-color-primary);
		color: #fff;
		text-align: center;
	}
}

@media (max-width: 900px) {
	.telos-occ-mission-layout,
	.telos-occ-context-layout,
	.telos-occ-audience-layout,
	.telos-occ-conversation-layout,
	.telos-occ-posture-layout,
	.telos-occ-outcomes-layout,
	.telos-occ-capacity-layout,
	.telos-occ-show-layout,
	.telos-occ-wisdom-layout,
	.telos-occ-try-layout,
	.telos-occ-shared-inner,
	.telos-why-history-layout,
	.telos-why-wisdom-layout,
	.telos-why-role-layout,
	.telos-why-posture-layout,
	.telos-contact-main-layout,
	.telos-guidance-question-layout,
	.telos-resource-more-layout,
	.telos-involved-resources-layout {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 2.75rem;
	}

	.telos-occ-shared-close {
		grid-column: auto;
	}

	.telos-occ-shared-wisdom::before {
		background:
			radial-gradient(circle at 12% 6%, rgba(78, 171, 191, 0.16), transparent 24rem),
			linear-gradient(180deg, rgba(255, 255, 255, 0.76), transparent 62%);
	}

	.telos-involved-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.telos-occ-hero {
		min-height: auto;
		padding-block: 3rem !important;
	}

	.telos-occ-hero .telos-hero-content h1,
	.telos-occ-page-hero h1,
	.telos-how-hero h1,
	.telos-resources-hero h1,
	.telos-involved-hero h1,
	.telos-faq-hero h1,
	.telos-guidance-hero h1,
	.telos-contact-hero h1,
	.telos-why-telos-hero h1 {
		font-size: clamp(2.55rem, 10.5vw, 4rem) !important;
	}

	.telos-occ-challenge-list,
	.telos-occ-audience-list,
	.telos-occ-step-list,
	.telos-occ-wisdom-list,
	.telos-why-people-list,
	.telos-why-posture-list,
	.telos-involved-resource-list,
	.telos-how-steps,
	.telos-resource-grid,
	.telos-involved-grid,
	.telos-occ-context-card ul,
	.telos-occ-possibilities ul,
	.telos-why-history-card ul {
		grid-template-columns: 1fr;
	}

	.telos-why-not-list {
		grid-template-columns: 1fr;
	}

	.telos-why-not-list p {
		min-height: 0;
	}

	.telos-occ-capacity-number {
		min-height: 14rem;
	}

	.telos-involved-card h3 {
		min-height: 0;
	}

	.telos-faq-item summary {
		padding-block: 1.35rem;
		font-size: 1.15rem;
	}

	.telos-faq-item p {
		padding-inline-end: 0.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.telos-occ-context-card,
	.telos-occ-possibilities,
	.telos-why-history-card,
	.telos-how-step,
	.telos-resource-card,
	.telos-involved-card,
	.telos-resource-actions,
	.telos-occ-contact-card {
		transition: none;
	}

	.telos-infographic-icon,
	.telos-involved-card h3,
	.telos-involved-card p,
	.telos-how-step h3,
	.telos-how-step p,
	.telos-resource-card h3,
	.telos-resource-card p,
	.telos-infographic-list li > span,
	.telos-why-not-list p > span {
		transition: none;
	}

	.telos-how-step:hover,
	.telos-resource-card:hover,
	.telos-involved-card:hover {
		transform: none;
	}
}

/* Interior-page photography.
 * Each navigation destination uses the same editorial composition as the
 * homepage: a protected reading surface on the left and purposeful imagery
 * that opens toward the right. Page-specific focal points keep each subject
 * visible without placing text directly over the most important details.
 */
.telos-occ-page-hero,
.telos-resources-hero,
.telos-involved-hero,
.telos-faq-hero,
.telos-contact-hero,
.telos-why-telos-hero,
.telos-privacy-page .telos-trust-hero,
.telos-safeguarding-page .telos-trust-hero {
	--telos-interior-hero-image: none;
	--telos-interior-hero-position: center;
	--telos-interior-hero-copy-width: 48rem;
	display: flex;
	min-height: clamp(36rem, 46vw, 46rem);
	align-items: center;
	padding-block: clamp(4.5rem, 8vw, 7.5rem);
	background:
		linear-gradient(90deg, rgba(20, 47, 53, 0.99) 0%, rgba(20, 47, 53, 0.96) 30%, rgba(20, 47, 53, 0.84) 45%, rgba(20, 47, 53, 0.48) 65%, rgba(20, 47, 53, 0.14) 100%) center / cover no-repeat,
		linear-gradient(180deg, rgba(9, 30, 35, 0.08), rgba(9, 30, 35, 0.32)) center / cover no-repeat,
		var(--telos-interior-hero-image) var(--telos-interior-hero-position) / cover no-repeat,
		#142f35;
	color: #fff;
}

.telos-why-telos-hero {
	--telos-interior-hero-image: url('../images/photography/hero-why-telos.webp');
	--telos-interior-hero-position: center 54%;
}

.telos-occ-page-hero {
	--telos-interior-hero-image: url('../images/photography/hero-orphan-care-compass.webp');
	--telos-interior-hero-position: center 52%;
}

.telos-resources-hero {
	--telos-interior-hero-image: url('../images/photography/hero-resources.webp');
	--telos-interior-hero-position: center 50%;
}

.telos-involved-hero {
	--telos-interior-hero-image: url('../images/photography/hero-get-involved.webp');
	--telos-interior-hero-position: center 49%;
}

.telos-faq-hero {
	--telos-interior-hero-image: url('../images/photography/hero-faq.webp');
	--telos-interior-hero-position: center 50%;
}

.telos-contact-hero {
	--telos-interior-hero-image: url('../images/photography/hero-contact.webp');
	--telos-interior-hero-position: center 56%;
}

.telos-privacy-page .telos-trust-hero {
	--telos-interior-hero-image: url('../images/photography/hero-privacy.webp');
	--telos-interior-hero-position: center 52%;
}

.telos-safeguarding-page .telos-trust-hero {
	--telos-interior-hero-image: url('../images/photography/hero-child-protection.webp');
	--telos-interior-hero-position: center 52%;
}

.telos-occ-page-hero::after,
.telos-resources-hero::after,
.telos-involved-hero::after,
.telos-faq-hero::after,
.telos-contact-hero::after,
.telos-why-telos-hero::after,
.telos-privacy-page .telos-trust-hero::after,
.telos-safeguarding-page .telos-trust-hero::after {
	position: absolute;
	z-index: 0;
	inset: 0;
	width: auto;
	aspect-ratio: auto;
	border: 0;
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(7, 25, 29, 0.04) 0%, transparent 38%, rgba(7, 25, 29, 0.26) 100%);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
	content: "";
	pointer-events: none;
}

.telos-occ-page-hero .telos-page-hero-content,
.telos-resources-hero .telos-page-hero-content,
.telos-involved-hero .telos-page-hero-content,
.telos-faq-hero .telos-page-hero-content,
.telos-contact-hero .telos-page-hero-content,
.telos-why-telos-hero .telos-page-hero-content,
.telos-privacy-page .telos-trust-hero .telos-page-hero-content,
.telos-safeguarding-page .telos-trust-hero .telos-page-hero-content {
	position: relative;
	z-index: 1;
	width: min(100%, var(--wp--style--global--wide-size));
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	text-align: left;
}

.telos-occ-page-hero .telos-page-hero-content > *,
.telos-resources-hero .telos-page-hero-content > *,
.telos-involved-hero .telos-page-hero-content > *,
.telos-faq-hero .telos-page-hero-content > *,
.telos-contact-hero .telos-page-hero-content > *,
.telos-why-telos-hero .telos-page-hero-content > *,
.telos-privacy-page .telos-trust-hero .telos-page-hero-content > *,
.telos-safeguarding-page .telos-trust-hero .telos-page-hero-content > * {
	max-width: var(--telos-interior-hero-copy-width);
	margin-inline: 0;
}

.telos-occ-page-hero .wp-block-buttons,
.telos-involved-hero .wp-block-buttons {
	justify-content: flex-start;
}

.telos-privacy-page .telos-trust-hero,
.telos-safeguarding-page .telos-trust-hero {
	min-height: clamp(30rem, 40vw, 38rem);
}

.telos-privacy-page .telos-trust-hero .telos-eyebrow,
.telos-safeguarding-page .telos-trust-hero .telos-eyebrow {
	color: var(--telos-color-warm);
}

.telos-privacy-page .telos-trust-hero h1,
.telos-safeguarding-page .telos-trust-hero h1 {
	color: #fff;
	font-size: clamp(3rem, 6vw, 5.6rem) !important;
	letter-spacing: -0.055em;
	line-height: 0.98;
}

.telos-privacy-page .telos-trust-hero .telos-page-intro,
.telos-safeguarding-page .telos-trust-hero .telos-page-intro {
	color: rgba(255, 255, 255, 0.82);
}

@media (max-width: 900px) {
	.telos-occ-page-hero,
	.telos-resources-hero,
	.telos-involved-hero,
	.telos-faq-hero,
	.telos-contact-hero,
	.telos-why-telos-hero,
	.telos-privacy-page .telos-trust-hero,
	.telos-safeguarding-page .telos-trust-hero {
		min-height: auto;
		padding-block: clamp(4rem, 12vw, 6.5rem);
		background:
			linear-gradient(90deg, rgba(20, 47, 53, 0.84) 0%, rgba(20, 47, 53, 0.72) 58%, rgba(20, 47, 53, 0.56) 100%) center / cover no-repeat,
			linear-gradient(180deg, rgba(9, 30, 35, 0.06), rgba(9, 30, 35, 0.3)) center / cover no-repeat,
			var(--telos-interior-hero-image) var(--telos-interior-hero-position) / cover no-repeat,
			#142f35;
	}

	.telos-occ-page-hero .telos-page-hero-content > *,
	.telos-resources-hero .telos-page-hero-content > *,
	.telos-involved-hero .telos-page-hero-content > *,
	.telos-faq-hero .telos-page-hero-content > *,
	.telos-contact-hero .telos-page-hero-content > *,
	.telos-why-telos-hero .telos-page-hero-content > *,
	.telos-privacy-page .telos-trust-hero .telos-page-hero-content > *,
	.telos-safeguarding-page .telos-trust-hero .telos-page-hero-content > * {
		max-width: 42rem;
	}
}

@media (max-width: 600px) {
	.telos-occ-page-hero,
	.telos-resources-hero,
	.telos-involved-hero,
	.telos-faq-hero,
	.telos-contact-hero,
	.telos-why-telos-hero,
	.telos-privacy-page .telos-trust-hero,
	.telos-safeguarding-page .telos-trust-hero {
		padding-block: 4rem;
		background:
			linear-gradient(180deg, rgba(20, 47, 53, 0.66) 0%, rgba(20, 47, 53, 0.74) 72%, rgba(20, 47, 53, 0.82) 100%) center / cover no-repeat,
			var(--telos-interior-hero-image) var(--telos-interior-hero-position) / cover no-repeat,
			#142f35;
	}

	.telos-occ-page-hero .telos-page-hero-content,
	.telos-resources-hero .telos-page-hero-content,
	.telos-involved-hero .telos-page-hero-content,
	.telos-faq-hero .telos-page-hero-content,
	.telos-contact-hero .telos-page-hero-content,
	.telos-why-telos-hero .telos-page-hero-content,
	.telos-privacy-page .telos-trust-hero .telos-page-hero-content,
	.telos-safeguarding-page .telos-trust-hero .telos-page-hero-content {
		text-shadow: 0 0.12rem 0.8rem rgba(5, 20, 23, 0.68);
	}

	.telos-occ-page-hero .wp-block-buttons,
	.telos-involved-hero .wp-block-buttons {
		align-items: stretch;
	}

	.telos-occ-page-hero .wp-block-button,
	.telos-occ-page-hero .wp-block-button__link,
	.telos-involved-hero .wp-block-button,
	.telos-involved-hero .wp-block-button__link {
		width: 100%;
	}
}

/* Long-form founder and privacy content supplied in the September 2026
 * content package. These treatments keep the new material readable and
 * consistent with the existing Telos editorial system. */
.telos-why-history-layout {
	align-items: start;
}

.telos-why-history .telos-page-copy,
.telos-why-compass-story .telos-page-copy,
.telos-privacy-content :is(p, li) {
	line-height: 1.72;
}

.telos-why-compass-story .telos-reading-column {
	max-width: 58rem;
}

.telos-why-compass-story h2 {
	max-width: 15ch;
	font-size: clamp(2.65rem, 5vw, 4.6rem);
}

.telos-story-emphasis,
.telos-privacy-emphasis {
	margin-block: clamp(1.75rem, 4vw, 2.75rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border-inline-start: 0.35rem solid var(--telos-color-warm);
	background: #fff;
	box-shadow: 0 1rem 2.6rem rgba(36, 56, 61, 0.08);
	color: var(--telos-color-ink);
	font-size: clamp(1.08rem, 2vw, 1.3rem);
}

.telos-privacy-content {
	max-width: 56rem;
}

.telos-privacy-content > h2 {
	margin-block-start: clamp(2.75rem, 6vw, 4.5rem);
	font-size: clamp(2rem, 4vw, 3.25rem);
}

.telos-privacy-content > h2:first-of-type {
	margin-block-start: 2rem;
}

.telos-privacy-content ul {
	padding-inline-start: 1.35rem;
}

.telos-privacy-content li + li {
	margin-block-start: 0.55rem;
}

.telos-privacy-page .telos-trust-hero .telos-page-note {
	padding-inline-start: 1rem;
	border-inline-start: 0.22rem solid var(--telos-color-warm);
	color: rgba(255, 255, 255, 0.9);
}