/* Canvza shared functional contract for kit-owned publishing and system routes. */
.fixstable-system-presentation {
	--fixstable-system-rail: min(1180px, calc(100% - 48px));
	--fixstable-system-readable: 720px;
	--fixstable-system-space: clamp(64px, 7vw, 104px);
	--fixstable-system-space-top: clamp(42px, 4.8vw, 72px);
	--fixstable-system-radius: 20px;
	--fixstable-system-button-radius: 999px;
	--fixstable-system-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
	--fixstable-system-title: clamp(44px, 5.4vw, 76px);
	--fixstable-system-media-ratio: 16 / 10;
	--fixstable-system-border: color-mix(in srgb, var(--fixstable-kit-text, #172033) 14%, transparent);
	--fixstable-system-muted: color-mix(in srgb, var(--fixstable-kit-text, #172033) 68%, transparent);
}

.fixstable-system-presentation.is-system-content-compact {
	--fixstable-system-rail: min(1020px, calc(100% - 48px));
}

.fixstable-system-presentation.is-system-content-wide {
	--fixstable-system-rail: min(1320px, calc(100% - 48px));
}

.fixstable-system-presentation.is-system-spacing-compact {
	--fixstable-system-space: clamp(48px, 5vw, 72px);
	--fixstable-system-space-top: clamp(34px, 4vw, 56px);
}

.fixstable-system-presentation.is-system-spacing-generous {
	--fixstable-system-space: clamp(76px, 8vw, 128px);
	--fixstable-system-space-top: clamp(48px, 5.4vw, 82px);
}

.fixstable-system-presentation.is-system-radius-none {
	--fixstable-system-radius: 0px;
}

.fixstable-system-presentation.is-system-radius-small {
	--fixstable-system-radius: 8px;
}

.fixstable-system-presentation.is-system-radius-medium {
	--fixstable-system-radius: 14px;
}

.fixstable-system-presentation.is-system-radius-large {
	--fixstable-system-radius: 24px;
}

.fixstable-system-presentation.is-system-button-rounded {
	--fixstable-system-button-radius: 10px;
}

.fixstable-system-presentation.is-system-button-square {
	--fixstable-system-button-radius: 0px;
}

.fixstable-system-presentation.is-system-shadow-none {
	--fixstable-system-shadow: none;
}

.fixstable-system-presentation.is-system-shadow-lifted {
	--fixstable-system-shadow: 0 28px 72px rgba(15, 23, 42, 0.16);
}

.fixstable-system-presentation.is-system-title-restrained {
	--fixstable-system-title: clamp(40px, 4.4vw, 64px);
}

.fixstable-system-presentation.is-system-title-expressive {
	--fixstable-system-title: clamp(52px, 7vw, 104px);
}

.fixstable-system-presentation.is-system-image-square {
	--fixstable-system-media-ratio: 1;
}

.fixstable-system-presentation.is-system-image-portrait {
	--fixstable-system-media-ratio: 4 / 5;
}

.fixstable-kit-support-page,
.fixstable-kit-search-results,
.fixstable-kit-error-page {
	margin: 0;
	color: var(--fixstable-kit-text, #172033);
	background: var(--fixstable-kit-background, #f7f8f8);
}

.fixstable-kit-support-shell,
.fixstable-kit-search-results-inner,
.fixstable-kit-error-page-inner {
	width: var(--fixstable-system-rail);
	margin-inline: auto;
	padding: var(--fixstable-system-space-top) 0 var(--fixstable-system-space);
}

.fixstable-kit-support-hero,
.fixstable-kit-search-results-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: clamp(28px, 6vw, 88px);
	padding: 0 0 clamp(34px, 4.5vw, 60px);
	color: var(--fixstable-kit-text, #172033);
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--fixstable-system-border);
	border-radius: 0;
	box-shadow: none;
}

.is-system-hero-width-contained :is(.fixstable-kit-support-hero-copy, .fixstable-kit-search-results-heading-wrap) {
	max-width: 760px;
}

.is-system-hero-surface-panel :is(.fixstable-kit-support-hero, .fixstable-kit-search-results-header) {
	padding: clamp(30px, 5vw, 68px);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
	background: color-mix(in srgb, var(--fixstable-kit-background, #fff) 88%, #fff);
	box-shadow: var(--fixstable-system-shadow);
}

.is-system-hero-surface-banded :is(.fixstable-kit-support-hero, .fixstable-kit-search-results-header),
.is-system-hero-surface-gradient :is(.fixstable-kit-support-hero, .fixstable-kit-search-results-header) {
	padding: clamp(32px, 5vw, 70px);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
}

.is-system-hero-surface-banded :is(.fixstable-kit-support-hero, .fixstable-kit-search-results-header) {
	background: color-mix(in srgb, var(--fixstable-kit-background, #fff) 86%, var(--fixstable-kit-accent, #d99a2b));
}

.is-system-hero-surface-gradient :is(.fixstable-kit-support-hero, .fixstable-kit-search-results-header) {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--fixstable-kit-primary, #235a56) 17%, transparent), transparent 64%),
		color-mix(in srgb, var(--fixstable-kit-background, #fff) 94%, #fff);
}

.fixstable-kit-support-eyebrow,
.fixstable-kit-search-results-eyebrow,
.fixstable-kit-error-page-eyebrow,
.fixstable-kit-support-card-meta,
.fixstable-kit-search-result-card-meta {
	margin: 0 0 14px;
	color: var(--fixstable-kit-primary, #235a56);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.is-system-eyebrow-pill :is(.fixstable-kit-support-eyebrow, .fixstable-kit-search-results-eyebrow, .fixstable-kit-error-page-eyebrow) {
	display: inline-flex;
	padding: 7px 11px;
	border: 1px solid var(--fixstable-system-border);
	border-radius: 999px;
}

.is-system-eyebrow-line :is(.fixstable-kit-support-eyebrow, .fixstable-kit-search-results-eyebrow, .fixstable-kit-error-page-eyebrow)::before {
	content: "";
	display: inline-block;
	width: 34px;
	height: 2px;
	margin-right: 10px;
	vertical-align: middle;
	background: currentColor;
}

.is-system-eyebrow-index :is(.fixstable-kit-support-eyebrow, .fixstable-kit-search-results-eyebrow, .fixstable-kit-error-page-eyebrow) {
	padding-left: 16px;
	border-left: 3px solid currentColor;
}

.fixstable-kit-support-title,
.fixstable-kit-search-results-title,
.fixstable-kit-error-page-title {
	max-width: 900px;
	margin: 0;
	color: var(--fixstable-kit-text, #172033);
	font-size: var(--fixstable-system-title);
	font-weight: 670;
	line-height: 0.98;
	letter-spacing: -0.052em;
}

.fixstable-kit-search-results-title {
	display: flex;
	flex-wrap: wrap;
	gap: 0.16em;
}

.fixstable-kit-search-results-title-kit {
	color: var(--fixstable-kit-primary, #235a56);
}

.fixstable-kit-support-summary,
.fixstable-kit-search-results-query,
.fixstable-kit-error-page-copy {
	max-width: 680px;
	margin: 20px 0 0;
	color: var(--fixstable-system-muted);
	font-size: clamp(17px, 1.35vw, 21px);
	line-height: 1.65;
}

.fixstable-kit-search-results-count {
	display: inline-flex;
	margin: 20px 0 0;
	padding: 7px 10px;
	color: var(--fixstable-system-muted);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-button-radius);
	font-size: 13px;
	font-weight: 750;
}

.fixstable-kit-support-actions,
.fixstable-kit-search-results-actions,
.fixstable-kit-error-page-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.fixstable-system-presentation .fixstable-kit-support-action,
.fixstable-system-presentation .fixstable-kit-search-results-back,
.fixstable-system-presentation .fixstable-kit-error-page-back,
.fixstable-kit-search-results-form button,
.fixstable-kit-error-search button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 19px;
	color: var(--fixstable-kit-text, #172033);
	background: transparent;
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-button-radius);
	font-weight: 780;
	text-decoration: none;
	white-space: nowrap;
	transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.fixstable-system-presentation .fixstable-kit-support-action.is-primary,
.fixstable-system-presentation .fixstable-kit-search-results-back.is-primary,
.fixstable-system-presentation .fixstable-kit-error-page-back,
.fixstable-kit-search-results-form button,
.fixstable-kit-error-search button {
	color: #fff;
	background: var(--fixstable-kit-primary, #235a56);
	border-color: var(--fixstable-kit-primary, #235a56);
}

.fixstable-kit-support-action:hover,
.fixstable-kit-search-results-back:hover,
.fixstable-kit-error-page-back:hover,
.fixstable-kit-search-results-form button:hover,
.fixstable-kit-error-search button:hover {
	transform: translateY(-2px);
}

.fixstable-kit-support-action:focus-visible,
.fixstable-kit-search-results-back:focus-visible,
.fixstable-kit-error-page a:focus-visible,
.fixstable-kit-support-page a:focus-visible,
.fixstable-kit-search-results a:focus-visible,
.fixstable-kit-search-results input:focus-visible,
.fixstable-kit-error-search input:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--fixstable-kit-accent, #d99a2b) 70%, #fff);
	outline-offset: 4px;
}

.fixstable-kit-search-results-form,
.fixstable-kit-error-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	max-width: 680px;
	margin-top: 26px;
}

.fixstable-kit-search-results-form input,
.fixstable-kit-error-search input {
	min-width: 0;
	min-height: 52px;
	padding: 12px 16px;
	color: var(--fixstable-kit-text, #172033);
	background: color-mix(in srgb, var(--fixstable-kit-background, #fff) 88%, #fff);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-button-radius);
}

.fixstable-kit-search-results-summary {
	margin-top: clamp(32px, 5vw, 60px);
	color: var(--fixstable-system-muted);
	font-size: 14px;
	font-weight: 720;
}

.fixstable-kit-support-grid,
.fixstable-kit-search-results-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: clamp(22px, 4vw, 46px);
}

.fixstable-kit-search-results-list {
	grid-template-columns: 1fr;
}

.fixstable-kit-support-card,
.fixstable-kit-search-result-card {
	position: relative;
	min-width: 0;
	padding: clamp(24px, 3vw, 38px);
	overflow: hidden;
	background: color-mix(in srgb, var(--fixstable-kit-background, #fff) 90%, #fff);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
	box-shadow: var(--fixstable-system-shadow);
}

.fixstable-kit-support-card-index,
.fixstable-kit-search-result-card-index {
	display: block;
	margin-bottom: 24px;
	color: var(--fixstable-kit-primary, #235a56);
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.12em;
}

.fixstable-kit-support-card-media,
.fixstable-kit-search-result-card-media {
	display: block;
	margin: calc(clamp(24px, 3vw, 38px) * -1) calc(clamp(24px, 3vw, 38px) * -1) 28px;
	overflow: hidden;
	aspect-ratio: var(--fixstable-system-media-ratio);
}

.fixstable-kit-support-card-media img,
.fixstable-kit-search-result-card-media img,
.fixstable-kit-support-featured-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.is-system-focal-contain :is(.fixstable-kit-support-card-media img, .fixstable-kit-search-result-card-media img, .fixstable-kit-support-featured-media img, .fixstable-kit-support-article-media img) {
	object-fit: contain;
}

.fixstable-kit-support-card-title,
.fixstable-kit-search-result-card-title {
	margin: 0;
	color: var(--fixstable-kit-text, #172033);
	font-size: clamp(23px, 2vw, 32px);
	line-height: 1.12;
	letter-spacing: -0.035em;
}

.fixstable-kit-support-card-title a,
.fixstable-kit-search-result-card-title a,
.fixstable-kit-support-featured-title a {
	color: inherit;
	text-decoration: none;
}

.fixstable-kit-support-card-excerpt,
.fixstable-kit-search-result-card-excerpt {
	margin-top: 16px;
	color: var(--fixstable-system-muted);
	line-height: 1.7;
}

.fixstable-kit-support-card-excerpt > :last-child,
.fixstable-kit-search-result-card-excerpt > :last-child {
	margin-bottom: 0;
}

.fixstable-kit-support-inline-link {
	display: inline-flex;
	margin-top: 20px;
	color: var(--fixstable-kit-primary, #235a56);
	font-weight: 800;
}

.fixstable-kit-support-grid.is-mode-editorial {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fixstable-kit-support-grid.is-mode-editorial .fixstable-kit-support-card:first-child {
	grid-column: 1 / -1;
}

.fixstable-kit-support-grid.is-mode-compact-resource-list,
.fixstable-kit-search-results-list.is-mode-compact-resource-list {
	grid-template-columns: 1fr;
	gap: 0;
}

.fixstable-kit-support-grid.is-mode-compact-resource-list .fixstable-kit-support-card,
.fixstable-kit-search-results-list.is-mode-compact-resource-list .fixstable-kit-search-result-card,
.is-system-result-editorial-row .fixstable-kit-search-result-card,
.is-system-result-technical-row .fixstable-kit-search-result-card,
.is-system-result-report-row .fixstable-kit-search-result-card {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 22px;
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
}

.fixstable-kit-search-result-card:has(.fixstable-kit-search-result-card-media),
.fixstable-kit-support-card:has(.fixstable-kit-support-card-media) {
	grid-template-columns: 64px minmax(190px, 0.65fr) minmax(0, 1fr);
}

.fixstable-kit-search-result-card .fixstable-kit-search-result-card-media,
.fixstable-kit-support-grid.is-mode-compact-resource-list .fixstable-kit-support-card-media {
	margin: 0;
	border-radius: max(0px, calc(var(--fixstable-system-radius) - 8px));
}

.fixstable-kit-support-featured {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 0.78fr);
	gap: clamp(32px, 6vw, 80px);
	align-items: stretch;
	margin-top: clamp(38px, 6vw, 76px);
	padding: clamp(28px, 5vw, 64px);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
	background: color-mix(in srgb, var(--fixstable-kit-background, #fff) 90%, #fff);
	box-shadow: var(--fixstable-system-shadow);
}

.fixstable-kit-support-featured-title {
	max-width: 780px;
	margin: 0;
	color: var(--fixstable-kit-text, #172033);
	font-size: clamp(34px, 4.5vw, 66px);
	line-height: 1;
	letter-spacing: -0.05em;
}

.fixstable-kit-support-featured-media,
.fixstable-kit-support-featured-proof {
	display: flex;
	min-height: 300px;
	overflow: hidden;
	border-radius: max(0px, calc(var(--fixstable-system-radius) - 6px));
	background: color-mix(in srgb, var(--fixstable-kit-primary, #235a56) 14%, var(--fixstable-kit-background, #fff));
}

.fixstable-kit-support-featured-proof {
	flex-direction: column;
	justify-content: space-between;
	padding: 30px;
	color: var(--fixstable-kit-text, #172033);
}

.fixstable-kit-support-featured-proof strong {
	max-width: 10ch;
	font-size: clamp(30px, 4vw, 58px);
	line-height: 0.96;
}

.fixstable-kit-support-topic-row,
.fixstable-kit-state-links,
.fixstable-kit-search-results-recovery,
.fixstable-kit-support-card-tax {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.fixstable-kit-support-pill,
.fixstable-kit-state-links a,
.fixstable-kit-search-results-recovery a {
	display: inline-flex;
	padding: 8px 11px;
	color: var(--fixstable-kit-text, #172033);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-button-radius);
	background: transparent;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.fixstable-kit-support-empty,
.fixstable-kit-search-results-empty {
	margin-top: clamp(42px, 6vw, 76px);
	padding: clamp(30px, 5vw, 64px);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
	background: color-mix(in srgb, var(--fixstable-kit-background, #fff) 88%, #fff);
	box-shadow: var(--fixstable-system-shadow);
}

.is-system-empty-split :is(.fixstable-kit-support-empty, .fixstable-kit-search-results-empty):has(.fixstable-kit-system-state-media) {
	display: grid;
	grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1fr);
	gap: clamp(28px, 5vw, 64px);
}

.is-system-empty-compact :is(.fixstable-kit-support-empty, .fixstable-kit-search-results-empty) {
	max-width: 820px;
}

.fixstable-kit-system-state-media {
	width: min(100%, 720px);
	margin: 0 0 clamp(24px, 4vw, 42px);
	overflow: hidden;
	aspect-ratio: var(--fixstable-system-media-ratio);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
}

.fixstable-kit-system-state-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fixstable-kit-search-results-empty h2,
.fixstable-kit-support-empty h2 {
	max-width: 760px;
	margin: 0;
	color: var(--fixstable-kit-text, #172033);
	font-size: clamp(32px, 4.5vw, 58px);
	line-height: 1.02;
	letter-spacing: -0.045em;
}

.fixstable-kit-error-page-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 0.45fr);
	overflow: hidden;
	padding: clamp(38px, 7vw, 92px);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
	background: color-mix(in srgb, var(--fixstable-kit-background, #fff) 90%, #fff);
	box-shadow: var(--fixstable-system-shadow);
}

.fixstable-kit-error-page-card > :not(.fixstable-kit-error-page-code) {
	grid-column: 1;
}

.fixstable-kit-error-page-code {
	grid-column: 2;
	grid-row: 1 / span 8;
	align-self: center;
	justify-self: end;
	color: color-mix(in srgb, var(--fixstable-kit-primary, #235a56) 15%, transparent);
	font-size: clamp(100px, 18vw, 270px);
	font-weight: 900;
	line-height: 0.75;
	letter-spacing: -0.09em;
}

.fixstable-kit-support-single .fixstable-kit-support-hero.is-hero-centered {
	grid-template-columns: 1fr;
	text-align: center;
}

.fixstable-kit-support-single .fixstable-kit-support-hero.is-hero-centered :is(.fixstable-kit-support-hero-copy, .fixstable-kit-support-title, .fixstable-kit-support-summary) {
	margin-inline: auto;
}

.fixstable-kit-support-single .fixstable-kit-support-hero.is-hero-centered .fixstable-kit-support-actions {
	justify-content: center;
}

.fixstable-kit-support-single .fixstable-kit-support-hero.is-hero-compact {
	grid-template-columns: minmax(0, 0.8fr) auto;
}

.fixstable-kit-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin: 24px 0 0;
	color: var(--fixstable-system-muted);
	font-size: 14px;
}

.fixstable-kit-support-article {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
	gap: clamp(40px, 8vw, 112px);
	margin-top: clamp(48px, 7vw, 96px);
	padding: 0;
	color: var(--fixstable-kit-text, #172033);
	background: transparent;
	border: 0;
	box-shadow: none;
}

.is-system-sidebar-none .fixstable-kit-support-article {
	grid-template-columns: minmax(0, 1fr);
}

.is-system-sidebar-none .fixstable-kit-support-article-aside {
	display: none;
}

.fixstable-kit-support-article-main {
	min-width: 0;
}

.fixstable-kit-support-article-content {
	max-width: var(--fixstable-system-readable);
	color: var(--fixstable-kit-text, #172033);
	font-size: clamp(18px, 1.35vw, 21px);
	line-height: 1.82;
}

.fixstable-kit-support-article-content > :first-child {
	margin-top: 0;
}

.fixstable-kit-support-article-content :is(h2, h3) {
	margin: 2.2em 0 0.7em;
	line-height: 1.08;
	letter-spacing: -0.035em;
}

.fixstable-kit-support-article-content h2 {
	font-size: clamp(30px, 3.5vw, 48px);
}

.fixstable-kit-support-article-content blockquote {
	margin: 2.2em 0;
	padding: 0 0 0 24px;
	border-left: 4px solid var(--fixstable-kit-accent, #d99a2b);
	font-size: 1.24em;
	line-height: 1.5;
}

.fixstable-kit-support-article-media,
.fixstable-kit-support-article-media-fallback {
	position: relative;
	aspect-ratio: var(--fixstable-system-media-ratio);
	margin: 0 0 clamp(36px, 5vw, 64px);
	overflow: hidden;
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
	background: color-mix(in srgb, var(--fixstable-kit-primary, #235a56) 12%, var(--fixstable-kit-background, #fff));
}

.fixstable-kit-support-article-media-fallback::before,
.fixstable-kit-support-article-media-fallback::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.fixstable-kit-support-article-media-fallback::before {
	background:
		linear-gradient(90deg, var(--fixstable-system-border) 1px, transparent 1px),
		linear-gradient(var(--fixstable-system-border) 1px, transparent 1px);
	background-size: 42px 42px;
	opacity: 0.55;
}

.fixstable-kit-support-article-media-fallback::after {
	inset: 22% 12%;
	border: 1px solid var(--fixstable-system-border);
	background:
		linear-gradient(90deg, var(--fixstable-kit-primary, #235a56) 38%, transparent 38%) top left / 100% 8px no-repeat,
		linear-gradient(90deg, var(--fixstable-system-border) 72%, transparent 72%) 0 40% / 100% 2px no-repeat,
		linear-gradient(90deg, var(--fixstable-system-border) 54%, transparent 54%) 0 62% / 100% 2px no-repeat;
}

.fixstable-kit-support-article-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fixstable-kit-support-article-aside {
	position: sticky;
	top: 110px;
	align-self: start;
	padding: 24px;
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
}

.is-system-sidebar-rail .fixstable-kit-support-article-aside,
.is-system-sidebar-index .fixstable-kit-support-article-aside {
	padding: 4px 0 4px 22px;
	border-width: 0 0 0 2px;
	border-radius: 0;
}

.fixstable-kit-article-cta,
.fixstable-kit-related-resources,
.fixstable-kit-support-resource-cta {
	margin-top: clamp(48px, 7vw, 88px);
	padding-top: clamp(32px, 5vw, 56px);
	border-top: 1px solid var(--fixstable-system-border);
}

.fixstable-kit-article-cta,
.fixstable-kit-support-resource-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
}

.fixstable-kit-article-cta > :last-child,
.fixstable-kit-support-resource-cta > :last-child {
	flex: 0 0 auto;
}

.is-system-cta-panel :is(.fixstable-kit-article-cta, .fixstable-kit-support-resource-cta),
.is-system-cta-band :is(.fixstable-kit-article-cta, .fixstable-kit-support-resource-cta) {
	padding: clamp(28px, 4vw, 48px);
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
	background: color-mix(in srgb, var(--fixstable-kit-primary, #235a56) 8%, var(--fixstable-kit-background, #fff));
}

.is-system-cta-band :is(.fixstable-kit-article-cta, .fixstable-kit-support-resource-cta) {
	background: var(--fixstable-kit-primary, #235a56);
	color: #fff;
}

.is-system-cta-band :is(.fixstable-kit-article-cta, .fixstable-kit-support-resource-cta) :is(h2, h3, p) {
	color: #fff;
}

.is-system-cta-band :is(.fixstable-kit-article-cta, .fixstable-kit-support-resource-cta) .fixstable-kit-support-action.is-primary {
	color: var(--fixstable-kit-primary, #235a56);
	background: #fff;
	border-color: #fff;
}

.is-system-cta-band :is(.fixstable-kit-article-cta, .fixstable-kit-support-resource-cta) .fixstable-kit-support-card-meta {
	color: color-mix(in srgb, var(--fixstable-kit-accent, #d99a2b) 74%, #fff);
}

.fixstable-kit-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 24px;
}

.is-system-related-row .fixstable-kit-related-grid {
	grid-template-columns: 1fr;
	gap: 0;
}

.fixstable-kit-related-card {
	padding: 22px;
	border: 1px solid var(--fixstable-system-border);
	border-radius: var(--fixstable-system-radius);
}

.is-system-related-row .fixstable-kit-related-card {
	border-width: 0 0 1px;
	border-radius: 0;
}

.fixstable-kit-related-card a {
	color: inherit;
	font-weight: 800;
	text-decoration: none;
}

.fixstable-kit-support-pagination,
.fixstable-kit-search-results .navigation.pagination {
	margin-top: 36px;
}

@media (max-width: 900px) {
	.fixstable-kit-support-hero,
	.fixstable-kit-search-results-header,
	.fixstable-kit-support-article,
	.fixstable-kit-support-featured,
	.fixstable-kit-error-page-card {
		grid-template-columns: 1fr;
	}

	.fixstable-kit-error-page-card > :not(.fixstable-kit-error-page-code),
	.fixstable-kit-error-page-code {
		grid-column: 1;
	}

	.fixstable-kit-error-page-code {
		grid-row: 1;
		justify-self: start;
		font-size: clamp(72px, 22vw, 150px);
	}

	.fixstable-kit-support-actions,
	.fixstable-kit-search-results-actions,
	.fixstable-kit-error-page-actions {
		justify-content: flex-start;
	}

	.fixstable-kit-support-grid,
	.fixstable-kit-search-results-list,
	.fixstable-kit-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fixstable-kit-support-article-aside {
		position: static;
	}
}

@media (max-width: 620px) {
	.fixstable-system-presentation {
		--fixstable-system-rail: min(100% - 32px, 1180px);
		--fixstable-system-space: 48px;
		--fixstable-system-title: clamp(38px, 12vw, 58px);
	}

	.fixstable-kit-support-hero,
	.fixstable-kit-search-results-header,
	.is-system-hero-surface-panel :is(.fixstable-kit-support-hero, .fixstable-kit-search-results-header),
	.is-system-hero-surface-banded :is(.fixstable-kit-support-hero, .fixstable-kit-search-results-header),
	.is-system-hero-surface-gradient :is(.fixstable-kit-support-hero, .fixstable-kit-search-results-header) {
		padding: 0 0 30px;
		background: transparent;
		border-width: 0 0 1px;
		border-radius: 0;
		box-shadow: none;
	}

	.fixstable-kit-support-grid,
	.fixstable-kit-search-results-list,
	.fixstable-kit-related-grid,
	.fixstable-kit-support-grid.is-mode-editorial,
	.fixstable-kit-support-grid.is-mode-compact-resource-list .fixstable-kit-support-card,
	.fixstable-kit-search-results-list.is-mode-compact-resource-list .fixstable-kit-search-result-card,
	.is-system-result-editorial-row .fixstable-kit-search-result-card,
	.is-system-result-technical-row .fixstable-kit-search-result-card,
	.is-system-result-report-row .fixstable-kit-search-result-card,
	.fixstable-kit-search-result-card:has(.fixstable-kit-search-result-card-media),
	.fixstable-kit-support-card:has(.fixstable-kit-support-card-media),
	.is-system-empty-split :is(.fixstable-kit-support-empty, .fixstable-kit-search-results-empty):has(.fixstable-kit-system-state-media) {
		grid-template-columns: 1fr;
	}

	.fixstable-kit-support-grid.is-mode-editorial .fixstable-kit-support-card:first-child {
		grid-column: auto;
	}

	.fixstable-kit-search-results-form,
	.fixstable-kit-error-search {
		grid-template-columns: 1fr;
	}

	.fixstable-kit-article-cta,
	.fixstable-kit-support-resource-cta {
		align-items: flex-start;
		flex-direction: column;
	}

	.fixstable-kit-support-card,
	.fixstable-kit-search-result-card,
	.fixstable-kit-support-featured,
	.fixstable-kit-support-empty,
	.fixstable-kit-search-results-empty,
	.fixstable-kit-error-page-card {
		padding: 24px;
	}
}

/* Builder device previews use a fixed editor viewport, so mirror responsive
 * composition through the persisted preview state instead of browser width. */
:is(.fixstable-builder-frontend.is-device-tablet, .fixstable-builder-frontend.is-device-mobile) :is(
	.fixstable-kit-support-hero,
	.fixstable-kit-search-results-header,
	.fixstable-kit-support-article,
	.fixstable-kit-support-featured,
	.fixstable-kit-error-page-card
) {
	grid-template-columns: 1fr;
}

:is(.fixstable-builder-frontend.is-device-tablet, .fixstable-builder-frontend.is-device-mobile) .fixstable-kit-error-page-card > :not(.fixstable-kit-error-page-code),
:is(.fixstable-builder-frontend.is-device-tablet, .fixstable-builder-frontend.is-device-mobile) .fixstable-kit-error-page-code {
	grid-column: 1;
}

:is(.fixstable-builder-frontend.is-device-tablet, .fixstable-builder-frontend.is-device-mobile) .fixstable-kit-error-page-code {
	grid-row: 1;
	justify-self: start;
	font-size: clamp(72px, 22vw, 150px);
}

:is(.fixstable-builder-frontend.is-device-tablet, .fixstable-builder-frontend.is-device-mobile) :is(
	.fixstable-kit-support-actions,
	.fixstable-kit-search-results-actions,
	.fixstable-kit-error-page-actions
) {
	justify-content: flex-start;
}

:is(.fixstable-builder-frontend.is-device-tablet, .fixstable-builder-frontend.is-device-mobile) :is(
	.fixstable-kit-support-grid,
	.fixstable-kit-search-results-list,
	.fixstable-kit-related-grid
) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(.fixstable-builder-frontend.is-device-tablet, .fixstable-builder-frontend.is-device-mobile) .fixstable-kit-support-article-aside {
	position: static;
}

.fixstable-builder-frontend.is-device-mobile.fixstable-system-presentation {
	--fixstable-system-rail: min(100% - 32px, 1180px);
	--fixstable-system-space: 48px;
	--fixstable-system-title: clamp(38px, 12vw, 58px);
}

.fixstable-builder-frontend.is-device-mobile :is(
	.fixstable-kit-support-hero,
	.fixstable-kit-search-results-header,
	.is-system-hero-surface-panel .fixstable-kit-support-hero,
	.is-system-hero-surface-panel .fixstable-kit-search-results-header,
	.is-system-hero-surface-banded .fixstable-kit-support-hero,
	.is-system-hero-surface-banded .fixstable-kit-search-results-header,
	.is-system-hero-surface-gradient .fixstable-kit-support-hero,
	.is-system-hero-surface-gradient .fixstable-kit-search-results-header
) {
	padding: 0 0 30px;
	background: transparent;
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
}

.fixstable-builder-frontend.is-device-mobile :is(
	.fixstable-kit-support-grid,
	.fixstable-kit-search-results-list,
	.fixstable-kit-related-grid,
	.fixstable-kit-support-grid.is-mode-editorial,
	.fixstable-kit-support-grid.is-mode-compact-resource-list .fixstable-kit-support-card,
	.fixstable-kit-search-results-list.is-mode-compact-resource-list .fixstable-kit-search-result-card,
	.is-system-result-editorial-row .fixstable-kit-search-result-card,
	.is-system-result-technical-row .fixstable-kit-search-result-card,
	.is-system-result-report-row .fixstable-kit-search-result-card,
	.fixstable-kit-search-result-card:has(.fixstable-kit-search-result-card-media),
	.fixstable-kit-support-card:has(.fixstable-kit-support-card-media),
	.is-system-empty-split .fixstable-kit-support-empty:has(.fixstable-kit-system-state-media),
	.is-system-empty-split .fixstable-kit-search-results-empty:has(.fixstable-kit-system-state-media)
) {
	grid-template-columns: 1fr;
}

.fixstable-builder-frontend.is-device-mobile .fixstable-kit-support-grid.is-mode-editorial .fixstable-kit-support-card:first-child {
	grid-column: auto;
}

.fixstable-builder-frontend.is-device-mobile :is(.fixstable-kit-search-results-form, .fixstable-kit-error-search) {
	grid-template-columns: 1fr;
}

.fixstable-builder-frontend.is-device-mobile :is(.fixstable-kit-article-cta, .fixstable-kit-support-resource-cta) {
	align-items: flex-start;
	flex-direction: column;
}

.fixstable-builder-frontend.is-device-mobile :is(
	.fixstable-kit-support-card,
	.fixstable-kit-search-result-card,
	.fixstable-kit-support-featured,
	.fixstable-kit-support-empty,
	.fixstable-kit-search-results-empty,
	.fixstable-kit-error-page-card
) {
	padding: 24px;
}

@media (prefers-reduced-motion: reduce) {
	.fixstable-system-presentation *,
	.fixstable-system-presentation *::before,
	.fixstable-system-presentation *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}