.content-hub-container {
	width: min(calc(100% - 3rem), var(--an-content));
	margin-inline: auto;
}

.path-hero {
	padding-block: clamp(4rem, 7vw, 6.5rem);
	background: var(--an-ivory);
}

.path-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, .82fr);
	align-items: center;
	gap: clamp(3rem, 7vw, 6rem);
}

.path-hero__title,
.content-archive__header h1,
.content-single__header h1 {
	margin: 0;
	font-size: clamp(2.8rem, 5vw, 4.5rem);
	font-weight: 600;
	line-height: 1.2;
}

.path-hero__intro {
	max-width: 46rem;
	margin-block-start: 1.5rem;
	font-size: clamp(1.08rem, 1.5vw, 1.25rem);
	line-height: 2;
}

.path-hero__intro > :first-child { margin-block-start: 0; }
.path-hero__intro > :last-child { margin-block-end: 0; }
.path-hero__media {
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-large);
	aspect-ratio: 4 / 3;
	background: var(--an-stone);
}
.path-hero__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) sepia(.06) brightness(1.02); }

.path-portals { padding-block: clamp(4rem, 7vw, 6.5rem); }
.path-portals__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 3.5rem); }
.path-portal {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	min-height: 14rem;
	padding: clamp(2rem, 4vw, 3rem);
	background: var(--an-charcoal);
	color: var(--an-white);
	text-decoration: none;
}
.path-portal__label { font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 500; line-height: 1.2; }
.path-portal__action { color: var(--an-gold); font-size: .95rem; font-weight: 500; }
.path-portal:hover .path-portal__action,
.path-portal:focus-visible .path-portal__action { text-decoration: underline; }

.content-archive__header { padding-block: clamp(3.75rem, 7vw, 6rem); background: var(--an-ivory); }
.content-back-link { display: inline-block; margin-block-end: 1.25rem; color: #6b655b; font-weight: 500; text-decoration: none; border-block-end: 1px solid var(--an-gold); }
.content-archive__body { padding-block: clamp(4rem, 7vw, 6rem); }
.content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 5vw, 4.5rem) clamp(2rem, 4vw, 3.5rem); }
.content-card { min-width: 0; }
.content-card__media { display: block; overflow: hidden; border-radius: var(--radius-medium); aspect-ratio: 4 / 3; background: var(--an-ivory); }
.content-card__media img { width: 100%; height: 100%; object-fit: cover; }
.content-card__body { padding-block-start: 1.25rem; }
.content-card__path { margin: 0 0 .45rem; color: #766f62; font-size: .88rem; font-weight: 500; }
.content-card__title { margin: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 500; line-height: 1.45; }
.content-card__title a { text-decoration: none; }
.content-card__excerpt { margin: .75rem 0 0; color: #5f5b54; font-size: clamp(1rem, 1.2vw, 1.1rem); line-height: 1.85; }
.content-empty { margin: 0; padding: 2rem 0; font-size: 1.15rem; }

.content-single__header { max-width: 52rem; padding-block: clamp(4rem, 7vw, 6.5rem); }
.content-single__lead { margin: 1.5rem 0 0; color: #5f5b54; font-size: clamp(1.1rem, 1.6vw, 1.3rem); line-height: 2; }
.content-single__featured { max-width: 72rem; margin-block-end: clamp(3rem, 6vw, 5rem); overflow: hidden; border-radius: var(--radius-large); }
.content-single__featured img { width: 100%; max-height: 44rem; object-fit: cover; }
.content-single__body { width: min(calc(100% - 3rem), 46rem); margin-inline: auto; font-size: clamp(1.05rem, 1.3vw, 1.18rem); line-height: 2; }
.content-single__body + .content-single__body { margin-block-start: 2rem; }
.content-single__body:last-child { padding-block-end: clamp(4rem, 8vw, 7rem); }
.content-single__media iframe { width: 100%; min-height: 25rem; border: 0; }
.content-single__audio .wp-audio-shortcode { width: 100% !important; }
.content-single__after { padding-block-start: 2rem; border-block-start: 1px solid var(--an-stone); }

@media (min-width: 48rem) {
	.path-hero__intro,
	.content-single__lead,
	.content-single__body p { direction: rtl; text-align: justify; text-align-last: right; text-justify: inter-word; }
}

@media (max-width: 48rem) {
	.content-hub-container,
	.content-single__body { width: min(calc(100% - 2rem), var(--an-content)); }
	.path-hero__inner,
	.path-portals__grid,
	.content-grid { grid-template-columns: 1fr; }
	.path-hero__inner { gap: 2.5rem; }
	.path-hero__media { aspect-ratio: 4 / 3; }
	.path-portal { min-height: 10rem; }
	.content-single__media iframe { min-height: 14rem; }
	.path-hero__intro,
	.content-single__lead,
	.content-single__body p { text-align: right; }
}