.hi-section--soft {
	background: #f7eee5;
}

.hi-section--compact {
	padding-block: var(--hi-space-8);
}

.hi-archive-hero {
	padding-block: clamp(var(--hi-space-16), 9vw, var(--hi-space-24));
	background: radial-gradient(circle at 85% 20%, rgba(229, 31, 45, 0.1), transparent 28rem), linear-gradient(145deg, #fffdfa, #f7eade);
	border-bottom: 1px solid var(--hi-color-border);
}

.hi-archive-hero h1,
.hi-story-header h1 {
	margin-bottom: var(--hi-space-5);
}

.hi-content-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin-top: var(--hi-space-10);
	gap: var(--hi-space-6);
}

.hi-content-card,
.hi-card--text,
.hi-form-card,
.hi-partner-card {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--hi-color-border);
	border-radius: var(--hi-radius-md);
	box-shadow: var(--hi-shadow-sm);
}

.hi-content-card > img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.hi-content-card--story > img {
	aspect-ratio: 16 / 10;
}

.hi-content-card--featured {
	display: grid;
}

.hi-content-card__body,
.hi-card--text,
.hi-form-card,
.hi-partner-card {
	padding: clamp(var(--hi-space-5), 3vw, var(--hi-space-8));
}

.hi-content-card__body > :last-child,
.hi-card--text > :last-child,
.hi-form-card > :last-child {
	margin-bottom: 0;
}

.hi-content-card__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: var(--hi-space-4);
	gap: var(--hi-space-3);
	color: var(--hi-color-text-muted);
	font-size: 0.82rem;
	font-weight: 700;
}

.hi-content-card__meta .hi-status-pill,
.hi-single-hero .hi-status-pill,
.hi-status-guide .hi-status-pill {
	margin: 0;
}

.hi-content-card h3 a {
	text-decoration: none;
}

.hi-content-card h3 a:hover,
.hi-content-card h3 a:focus-visible {
	color: var(--hi-color-primary-active);
	text-decoration: underline;
}

.hi-card-link {
	display: inline-flex;
	margin-top: var(--hi-space-4);
	color: var(--hi-color-primary-active);
	font-weight: 800;
}

.hi-card-facts,
.hi-detail-list {
	display: grid;
	margin: var(--hi-space-5) 0 0;
	gap: var(--hi-space-3);
}

.hi-card-facts div,
.hi-detail-list div {
	display: grid;
	grid-template-columns: minmax(7rem, auto) 1fr;
	gap: var(--hi-space-3);
}

.hi-card-facts dt,
.hi-detail-list dt {
	color: var(--hi-color-text-muted);
	font-size: 0.82rem;
	font-weight: 700;
}

.hi-card-facts dd,
.hi-detail-list dd {
	margin: 0;
	color: var(--hi-color-graphite);
}

.hi-status-pill--interest-open,
.hi-status-pill--coming-soon,
.hi-status-pill--planned {
	background: #fff2d9;
	color: #7c4706;
}

.hi-status-pill--active,
.hi-status-pill--available {
	background: #e7f6ee;
	color: #176441;
}

.hi-status-pill--paused,
.hi-status-pill--archived {
	background: #eef0f2;
	color: #545e68;
}

.hi-filter-bar {
	display: grid;
	padding: var(--hi-space-5);
	background: #fff;
	border: 1px solid var(--hi-color-border);
	border-radius: var(--hi-radius-md);
	gap: var(--hi-space-4);
}

.hi-filter-bar > div:not(.hi-filter-bar__actions) {
	display: grid;
	gap: var(--hi-space-2);
}

.hi-filter-bar label,
.fluentform label,
.ff-el-input--label label {
	color: var(--hi-color-graphite);
	font-size: 0.9rem;
	font-weight: 800;
}

.hi-filter-bar select,
.fluentform input:not([type="checkbox"]):not([type="radio"]),
.fluentform select,
.fluentform textarea {
	width: 100%;
	min-height: 3rem;
	padding: 0.72rem 0.85rem;
	background: #fff;
	border: 1px solid #aeb7c0;
	border-radius: var(--hi-radius-sm);
	color: var(--hi-color-text);
}

.hi-filter-bar__actions,
.hi-button-group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--hi-space-3);
}

.hi-active-filters {
	margin-block: var(--hi-space-6);
	color: var(--hi-color-text-muted);
	font-weight: 700;
}

.hi-pagination {
	margin-top: var(--hi-space-10);
}

.hi-pagination .page-numbers {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	gap: var(--hi-space-2);
	list-style: none;
}

.hi-pagination a,
.hi-pagination span {
	display: inline-grid;
	place-items: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding-inline: var(--hi-space-3);
	background: #fff;
	border: 1px solid var(--hi-color-border);
	border-radius: var(--hi-radius-sm);
	text-decoration: none;
}

.hi-pagination .current {
	background: var(--hi-color-graphite);
	color: #fff;
}

.hi-breadcrumbs {
	padding-block: var(--hi-space-4);
	background: #fff;
	border-bottom: 1px solid var(--hi-color-border);
}

.hi-breadcrumbs ol {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	gap: var(--hi-space-2);
	list-style: none;
	font-size: 0.86rem;
}

.hi-breadcrumbs li:not(:last-child)::after {
	margin-left: var(--hi-space-2);
	color: var(--hi-color-text-muted);
	content: "/";
}

.hi-single-hero,
.hi-story-header {
	padding-block: clamp(var(--hi-space-12), 7vw, var(--hi-space-20));
}

.hi-single-hero__grid,
.hi-two-column,
.hi-three-column {
	display: grid;
	gap: clamp(var(--hi-space-6), 5vw, var(--hi-space-12));
}

.hi-single-hero__content {
	align-self: center;
}

.hi-image-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--hi-space-3);
}

.hi-image-gallery img {
	width: 100%;
	height: 100%;
	min-height: 10rem;
	object-fit: cover;
	border-radius: var(--hi-radius-md);
}

.hi-image-gallery img:first-child {
	grid-column: 1 / -1;
	aspect-ratio: 16 / 10;
}

.hi-single-hero__media img,
.hi-story-hero img {
	width: 100%;
	max-height: 42rem;
	object-fit: cover;
	border-radius: var(--hi-radius-lg);
}

.hi-facts-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--hi-space-4);
}

.hi-facts-grid > div {
	display: grid;
	padding: var(--hi-space-4);
	background: #fff;
	border: 1px solid var(--hi-color-border);
	border-radius: var(--hi-radius-sm);
	gap: var(--hi-space-2);
}

.hi-facts-grid span {
	color: var(--hi-color-text-muted);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hi-journey {
	display: grid;
	margin: var(--hi-space-10) 0;
	padding: 0;
	gap: var(--hi-space-6);
	list-style: none;
}

.hi-journey > li {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	padding: var(--hi-space-6);
	background: #fff;
	border: 1px solid var(--hi-color-border);
	border-radius: var(--hi-radius-md);
	gap: var(--hi-space-5);
}

.hi-journey__number {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	background: var(--hi-color-primary);
	border-radius: 50%;
	color: #fff;
	font-weight: 800;
}

.hi-note {
	padding: var(--hi-space-4);
	background: #f2f6fa;
	border-left: 4px solid var(--hi-color-navy);
	border-radius: var(--hi-radius-sm);
}

.hi-accordion {
	display: grid;
	margin-top: var(--hi-space-8);
	gap: var(--hi-space-3);
}

.hi-accordion details {
	background: #fff;
	border: 1px solid var(--hi-color-border);
	border-radius: var(--hi-radius-sm);
}

.hi-accordion summary {
	min-height: 3.25rem;
	padding: var(--hi-space-4) var(--hi-space-5);
	color: var(--hi-color-graphite);
	font-weight: 800;
	cursor: pointer;
}

.hi-accordion details > div {
	padding: 0 var(--hi-space-5) var(--hi-space-5);
}

.hi-story-byline {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hi-space-3) var(--hi-space-5);
	color: var(--hi-color-text-muted);
	font-size: 0.88rem;
}

.hi-story-hero {
	margin-bottom: var(--hi-space-8);
}

.hi-story-body {
	max-width: 44rem;
}

.hi-form-card .ff-el-group {
	margin-bottom: var(--hi-space-5);
}

.hi-form-card .ff-el-form-check {
	display: flex;
	align-items: flex-start;
	min-height: 2.75rem;
	gap: var(--hi-space-3);
}

.hi-form-card input[type="checkbox"],
.hi-form-card input[type="radio"] {
	width: 1.2rem;
	height: 1.2rem;
	margin-top: 0.2rem;
}

.hi-form-card .error,
.hi-form-card .text-danger,
.hi-form-card .ff-el-is-error .error {
	color: var(--hi-color-danger);
	font-weight: 700;
}

.hi-success-message {
	padding: var(--hi-space-6);
	background: #e7f6ee;
	border: 1px solid #77b99a;
	border-radius: var(--hi-radius-md);
	color: #15583b;
}

.hi-university-cta {
	background: var(--hi-color-graphite);
	color: #fff;
}

.hi-university-cta h2,
.hi-university-cta .hi-eyebrow {
	color: #fff;
}

.hi-university-cta .hi-button {
	background: #fff;
	color: var(--hi-color-graphite);
}

@media (min-width: 42rem) {
	.hi-content-grid,
	.hi-three-column {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hi-filter-bar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hi-filter-bar__actions {
		grid-column: 1 / -1;
	}
}

@media (min-width: 64rem) {
	.hi-content-grid,
	.hi-three-column {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hi-two-column,
	.hi-single-hero__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hi-filter-bar {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.hi-content-card--featured {
		grid-template-columns: 1.3fr 1fr;
	}

	.hi-content-card--featured > img {
		height: 100%;
		aspect-ratio: auto;
	}

	.hi-facts-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (max-width: 41.99rem) {
	.hi-filter-bar__actions .hi-button,
	.hi-button-group .hi-button {
		width: 100%;
	}

	.hi-journey > li {
		grid-template-columns: 1fr;
	}
}