/*
 * Arrowlinx theme styles that theme.json cannot express.
 * Naming: arx-<component>__<element> / --<modifier>. Colours always via presets.
 */

:root {
	--arx-header-h: 60px;
	--arx-radius: 12px;
}

html {
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
[id] {
	scroll-margin-top: calc(var(--arx-header-h) + var(--wp-admin--admin-bar--height, 0px) + 12px);
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
.wp-site-blocks {
	overflow-x: clip;
}
:where(.wp-site-blocks) > * {
	margin-block-start: 0;
}
h1,
h2,
h3 {
	text-wrap: balance;
}

/* ---------- Header ---------- */
.arx-site-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}
/* The blur lives on a pseudo-element: backdrop-filter on .arx-header itself would
   become the containing block of the fixed mobile-menu overlay and trap it. */
.arx-header {
	position: relative;
	isolation: isolate;
	border-bottom: 1px solid rgba(229, 230, 233, 0.8);
}
.arx-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(255, 255, 255, 0.86);
	backdrop-filter: saturate(1.6) blur(14px);
	-webkit-backdrop-filter: saturate(1.6) blur(14px);
}
.arx-header__bar {
	gap: 1.5rem;
}
.arx-header__logo img {
	display: block;
}
.arx-header__nav {
	flex: 1 1 auto;
}
.arx-header__nav .wp-block-navigation-item__content {
	padding: 0.35rem 0;
	position: relative;
}
.arx-header__nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	border-radius: 2px;
	background: var(--wp--preset--color--red);
	transform: scaleX(0);
	transition: transform 0.2s;
}
.arx-header__nav .wp-block-navigation-item__content:hover::after {
	transform: scaleX(1);
}
.arx-header__search .wp-block-search__button {
	background: transparent;
	color: var(--wp--preset--color--charcoal);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	padding: 0.35rem;
	margin: 0;
}
.arx-header__search .wp-block-search__button:hover {
	border-color: var(--wp--preset--color--charcoal);
}
.arx-header__search .wp-block-search__input {
	border-radius: 10px;
	border-color: var(--wp--preset--color--line);
	font-size: 0.9375rem;
}
.arx-btn-sm .wp-block-button__link {
	padding: 0.5rem 0.9rem;
	font-size: 0.8125rem;
}
/* Mobile menu overlay */
.arx-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--charcoal);
}
.arx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.arx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start;
}
.arx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: var(--wp--preset--color--charcoal);
}
.arx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 3rem;
	gap: 1.25rem;
}
.arx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.5rem;
	font-weight: 700;
}
.arx-btn-sm .wp-block-button__link {
	white-space: nowrap;
}
@media (max-width: 1100px) {
	.arx-header__nav {
		--wp--style--block-gap: 1.1rem;
	}
	.arx-header__nav .wp-block-navigation__container {
		gap: 1.1rem;
	}
	.arx-header__search {
		display: none;
	}
}
/* Core navigation only collapses below 600px; collapse the header menu below 900px instead. */
@media (min-width: 600px) and (max-width: 899px) {
	.arx-header__nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	.arx-header__nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}
@media (max-width: 899px) {
	.arx-header__bar {
		gap: 0.75rem;
	}
	.arx-header__nav {
		order: 3;
		flex: 0 0 auto;
	}
	.arx-header__bar > .arx-header__actions {
		margin-left: auto;
	}
	.arx-header__search {
		display: none;
	}
}
@media (max-width: 400px) {
	.arx-header__logo img {
		width: 136px !important;
	}
	.arx-btn-sm .wp-block-button__link {
		padding: 0.55rem 0.8rem;
	}
}

/* ---------- Shared bits ---------- */
.arx-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--red-light);
}
.arx-eyebrow a {
	color: inherit;
}
.arx-eyebrow--dark {
	color: var(--wp--preset--color--red-dark);
}
.arx-section__head > * + * {
	margin-top: 0.6rem;
}
.arx-section__head h2,
.arx-section__row h2 {
	margin: 0;
}
.arx-section__row {
	gap: 1rem 2rem;
}
.arx-section__row p {
	margin: 0.5rem 0 0;
}
.arx-link-arrow a {
	font-weight: 600;
	white-space: nowrap;
}
.arx-link-arrow a::after {
	content: " →";
	transition: margin 0.15s;
}
.arx-link-arrow a:hover::after {
	margin-left: 0.2rem;
}
.arx-card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--arx-radius);
	box-shadow: var(--wp--preset--shadow--card);
	overflow: hidden;
}
.arx-pill {
	display: inline-block;
	align-self: flex-start;
	margin: 0;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	background: var(--wp--preset--color--red-tint);
	color: var(--wp--preset--color--red-dark);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

/* Button styles */
.wp-block-button.is-style-ghost-light .wp-block-button__link {
	background: rgba(255, 255, 255, 0.06);
	color: var(--wp--preset--color--white);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}
.wp-block-button.is-style-ghost-light .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.14);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}
.wp-block-button.is-style-arrow .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--red-dark);
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: " →";
}
.wp-block-button.is-style-arrow .wp-block-button__link:hover {
	background: transparent;
	color: var(--wp--preset--color--charcoal);
}
.arx-btn-light .wp-block-button__link {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--charcoal);
}
.arx-btn-light .wp-block-button__link:hover {
	background: var(--wp--preset--color--red-tint);
	color: var(--wp--preset--color--charcoal);
}

/* ---------- Hero ---------- */
.arx-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.arx-hero::before {
	/* faint engineering grid */
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: radial-gradient(80% 90% at 70% 30%, #000 30%, transparent 80%);
	-webkit-mask-image: radial-gradient(80% 90% at 70% 30%, #000 30%, transparent 80%);
}
.arx-hero__title {
	margin: 0;
	font-size: clamp(1.875rem, 3.2vw, 2.75rem);
	line-height: 1.08;
	letter-spacing: -0.03em;
	text-wrap: balance;
}
.arx-hero__lead {
	margin-top: 1rem;
	max-width: 32rem;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.78);
}
.arx-hero__actions {
	margin-top: 1.5rem;
	gap: 0.6rem;
}
.arx-hero__actions .wp-block-button__link {
	padding: 0.7rem 1.2rem;
	font-size: 0.875rem;
}
.arx-hero .wp-block-button:not(.is-style-ghost-light) .wp-block-button__link {
	background: var(--wp--preset--color--red);
	box-shadow: 0 8px 24px rgba(224, 22, 28, 0.35);
}
.arx-hero .wp-block-button:not(.is-style-ghost-light) .wp-block-button__link:hover {
	background: var(--wp--preset--color--red-dark);
	color: var(--wp--preset--color--white);
}
.arx-hero__proof {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.25rem;
	margin: 1.5rem 0 0;
	padding: 0;
	font-size: 0.8125rem;
	color: rgba(255, 255, 255, 0.7);
}
.arx-hero__proof li {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.arx-hero__proof li::before {
	content: "";
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: rgba(255, 90, 95, 0.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.5L12 5.4' fill='none' stroke='%23FF5A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 0.8rem no-repeat;
}

/* Overview video (arrowlinx/video block) in the right column. The saved
   page markup splits the columns 54/46; the video gets the larger share
   and, on wide screens, bleeds past the content edge (never closer than
   2rem to the viewport) so it plays at a watchable size in place. */
.arx-hero__cols > .wp-block-column:first-child {
	flex-basis: 44% !important;
}
.arx-hero__cols > .wp-block-column:last-child {
	flex-basis: 56% !important;
}
.arx-hero__video {
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 80px rgba(224, 22, 28, 0.18);
}
@media (min-width: 1100px) {
	.arx-hero__video {
		width: calc(100% + clamp(0px, (100vw - 1200px) / 2 - 2rem, 6rem));
	}
}
@media (max-width: 781px) {
	.arx-hero__cols {
		gap: 2.5rem !important;
	}
}

/* ---------- Key figures (overlapping hero) ---------- */
.arx-stats {
	position: relative;
	z-index: 2;
	margin-top: calc(-1 * clamp(3rem, 5.5vw, 4rem)) !important;
	gap: 0 !important;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 14px;
	box-shadow: var(--wp--preset--shadow--lift);
	overflow: hidden;
}
.arx-stat {
	padding: 1.1rem 1.35rem;
	border-left: 1px solid var(--wp--preset--color--line);
}
.arx-stat:first-child {
	border-left: 0;
}
.arx-stat p {
	margin: 0;
}
.arx-stat__value {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.375rem, 1.9vw, 1.75rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--charcoal);
}
.arx-stat__value::before {
	content: "";
	display: block;
	width: 1.5rem;
	height: 3px;
	margin-bottom: 0.65rem;
	border-radius: 2px;
	background: var(--wp--preset--color--red);
}
.arx-stat__label {
	margin-top: 0.3rem !important;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--wp--preset--color--muted);
}
@media (max-width: 1100px) {
	.arx-stat:nth-child(3) {
		border-left: 0;
	}
	.arx-stat:nth-child(n + 3) {
		border-top: 1px solid var(--wp--preset--color--line);
	}
}
@media (max-width: 560px) {
	.arx-stats {
		grid-template-columns: 1fr 1fr !important;
	}
	.arx-stat {
		padding: 1.2rem;
	}
}

/* ---------- Products ---------- */
.arx-products {
	gap: var(--wp--preset--spacing--40);
}
.arx-product {
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.25s, transform 0.25s;
}
.arx-product:hover {
	box-shadow: var(--wp--preset--shadow--lift);
	transform: translateY(-3px);
}
.arx-product__media {
	margin: 0 !important;
	padding: 1.25rem 1.5rem 0.75rem;
	background:
		radial-gradient(70% 90% at 50% 10%, #fff 0%, rgba(255, 255, 255, 0) 70%),
		linear-gradient(180deg, var(--wp--preset--color--surface-2), var(--wp--preset--color--surface));
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.arx-product__media img {
	display: block;
	width: 100%;
	max-width: 380px;
	height: auto;
	margin: 0 auto;
	/* Product photos sit on a pure-white background; multiply lets the card gradient show through. */
	mix-blend-mode: multiply;
}
.arx-product__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 1.25rem 1.5rem 1.4rem;
	font-size: 0.875rem;
}
.arx-product__body > * {
	margin-top: 0;
	margin-bottom: 0;
}
.arx-product__body > * + * {
	margin-top: 0.65rem;
}
.arx-product__body h3 {
	margin-top: 0.7rem;
}
.arx-product__sub {
	margin-top: 0.15rem !important;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--wp--preset--color--muted);
}
.arx-product__actions {
	margin-top: auto !important;
	padding-top: 1rem;
	gap: 0.5rem 1rem;
}
.arx-checks {
	list-style: none;
	padding: 0;
}
.arx-checks li {
	position: relative;
	padding-left: 1.5rem;
	margin: 0.3rem 0;
	font-size: 0.8125rem;
	color: var(--wp--preset--color--ink);
}
.arx-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: var(--wp--preset--color--red-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.5L12 5.4' fill='none' stroke='%23B51218' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 0.85rem no-repeat;
}

/* Compare table */
.arx-table {
	margin-top: 1.25rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--arx-radius);
	overflow-x: auto;
	background: var(--wp--preset--color--white);
}
.arx-table table {
	min-width: 640px;
	border-collapse: collapse;
	width: 100%;
}
.arx-table th,
.arx-table td {
	padding: 0.6rem 0.9rem;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	text-align: center;
	white-space: nowrap;
}
.arx-table thead {
	border-bottom: 0;
}
.arx-table thead th {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	font-weight: 700;
}
.arx-table th:first-child,
.arx-table td:first-child {
	text-align: left;
	font-weight: 600;
	color: var(--wp--preset--color--charcoal);
	white-space: normal;
	min-width: 12rem;
}
.arx-table thead th:first-child {
	color: var(--wp--preset--color--white);
}
.arx-table tbody tr:nth-child(even) td {
	background: var(--wp--preset--color--surface);
}
.arx-table tbody td {
	background: var(--wp--preset--color--white);
}
/* Keep the row label visible while the table scrolls sideways on phones. */
.arx-table th:first-child,
.arx-table td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
}
.arx-table thead th:first-child {
	background: var(--wp--preset--color--charcoal);
}
@media (max-width: 700px) {
	.arx-table th:first-child,
	.arx-table td:first-child {
		min-width: 9.5rem;
		box-shadow: 1px 0 0 var(--wp--preset--color--line);
	}
}
.arx-table tbody tr:last-child td {
	border-bottom: 0;
}
.arx-table figcaption {
	margin: 0;
	padding: 0.65rem 0.9rem;
	border-top: 1px solid var(--wp--preset--color--line);
	font-size: 0.75rem;
	color: var(--wp--preset--color--muted);
	text-align: left;
	background: var(--wp--preset--color--surface);
}

/* ---------- How it works ---------- */
.arx-diagram.alignwide {
	box-sizing: border-box;
	max-width: 960px !important;
	margin: var(--wp--preset--spacing--50) auto 0 !important;
}
.arx-diagram {
	padding: clamp(0.75rem, 2vw, 1.5rem);
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 20px;
	box-shadow: var(--wp--preset--shadow--card);
}
.arx-diagram svg {
	display: block;
	width: 100%;
	height: auto;
	font-family: var(--wp--preset--font-family--body);
}
.arx-diagram__tall {
	display: none !important;
	max-width: 380px;
	margin: 0 auto;
}
@media (max-width: 700px) {
	.arx-diagram__wide { display: none !important; }
	.arx-diagram__tall { display: block !important; }
}
.arx-dg-zone rect { fill: var(--wp--preset--color--surface); stroke: var(--wp--preset--color--line); stroke-width: 1.5; }
.arx-dg-kicker { font-size: 13px; font-weight: 700; letter-spacing: 0.14em; fill: var(--wp--preset--color--charcoal); }
.arx-dg-sub { font-size: 13px; fill: var(--wp--preset--color--muted); }
.arx-dg-tile rect { fill: var(--wp--preset--color--white); stroke: var(--wp--preset--color--line); stroke-width: 1.5; }
.arx-dg-tile circle { fill: var(--wp--preset--color--red-tint); stroke: var(--wp--preset--color--red); stroke-width: 2; }
.arx-dg-tile--it circle { fill: var(--wp--preset--color--surface-2); stroke: var(--wp--preset--color--charcoal-soft); }
.arx-dg-tile text { font-size: 15px; font-weight: 600; fill: var(--wp--preset--color--ink); }
.arx-dg-diode > rect:first-child { fill: var(--wp--preset--color--charcoal); }
.arx-dg-node { fill: rgba(255, 255, 255, 0.06); stroke: rgba(255, 90, 95, 0.55); stroke-width: 1.5; }
.arx-dg-node-t { font-size: 14px; font-weight: 700; fill: var(--wp--preset--color--white); }
.arx-dg-note { font-size: 13px; font-weight: 600; fill: rgba(255, 255, 255, 0.72); }
.arx-dg-note--warn { fill: #c2410c; }
.arx-dg-flow { fill: none; stroke: var(--wp--preset--color--red); stroke-width: 4; stroke-dasharray: 10 8; animation: arx-flow 1.1s linear infinite; }
.arx-dg-flow--fibre { stroke: var(--wp--preset--color--red-light); }
.arx-dg-head { fill: var(--wp--preset--color--red); }
.arx-dg-head--light { fill: var(--wp--preset--color--red-light); }
.arx-dg-block { fill: none; stroke: #f59e0b; stroke-opacity: 0.55; stroke-width: 2.5; stroke-dasharray: 6 8; }
.arx-dg-x path { stroke: #c2410c; stroke-width: 4; stroke-linecap: round; }
@keyframes arx-flow {
	to { stroke-dashoffset: -36; }
}
@media (prefers-reduced-motion: reduce) {
	.arx-dg-flow { animation: none; }
}

.arx-features {
	gap: var(--wp--preset--spacing--40);
}
.arx-feature {
	padding: 1.25rem 1.35rem;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--arx-radius);
}
.arx-feature > * {
	margin: 0;
}
.arx-feature > * + * {
	margin-top: 0.4rem;
}
.arx-feature__num {
	display: inline-grid;
	place-items: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 6px;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	font-size: 0.6875rem;
	font-weight: 800;
	margin-bottom: 0.35rem !important;
}
.arx-protocols__title {
	margin: 0 0 0.75rem;
	font-size: 0.6875rem;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
.arx-chips {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
}
.arx-chips li {
	margin: 0;
	padding: 0.3rem 0.65rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 999px;
	background: var(--wp--preset--color--white);
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--wp--preset--color--charcoal);
}

/* ---------- News cards ---------- */
/* Sits under the Upcoming events band when there is one; padding because the
   constrained layout owns the block margins. */
.arx-news-heading {
	margin: 0;
	padding-top: var(--wp--preset--spacing--50);
}
.arx-news-heading:first-child {
	padding-top: 0;
}
.arx-news-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.25s, transform 0.25s;
}
.arx-news-card:hover {
	box-shadow: var(--wp--preset--shadow--lift);
	transform: translateY(-3px);
}
.arx-news-card__media {
	margin: 0 !important;
	overflow: hidden;
}
.arx-news-card__media img {
	transition: transform 0.4s;
}
.arx-news-card:hover .arx-news-card__media img {
	transform: scale(1.04);
}
.arx-news-card__body {
	padding: 0.9rem 1.1rem 1.1rem;
}
.arx-news-card__body > * {
	margin: 0;
}
.arx-news-card__title {
	margin-top: 0.3rem !important;
	font-size: 0.9375rem;
	line-height: 1.35;
}
.arx-news-card__excerpt {
	margin-top: 0.4rem !important;
	font-size: 0.8125rem;
	color: var(--wp--preset--color--muted);
}
.arx-news-card__excerpt p {
	margin: 0;
}

/* ---------- CTA ---------- */
.arx-cta {
	position: relative;
	overflow: hidden;
	gap: 2rem;
}
.arx-cta::after {
	content: "";
	position: absolute;
	right: -60px;
	bottom: -60px;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	border: 1px solid rgba(255, 90, 95, 0.25);
	box-shadow: 0 0 0 40px rgba(255, 90, 95, 0.05), 0 0 0 80px rgba(255, 90, 95, 0.03);
	pointer-events: none;
}
.arx-cta__copy {
	max-width: 40rem;
}
.arx-cta__copy h2 {
	margin: 0;
}
.arx-cta__lead {
	margin: 0.6rem 0 0;
	font-size: 0.9375rem;
	color: rgba(255, 255, 255, 0.78);
}
.arx-cta .wp-block-buttons {
	position: relative;
	z-index: 1;
	gap: 0.75rem;
}

/* ---------- Footer ---------- */
.arx-footer__title {
	margin: 0 0 0.7rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--charcoal);
}
.arx-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8125rem;
}
.arx-footer__links li {
	margin: 0.3rem 0;
}
.arx-footer__links a {
	color: var(--wp--preset--color--slate);
}
.arx-footer__links a:hover {
	color: var(--wp--preset--color--red-dark);
}
.arx-footer p {
	margin: 0;
}

/* ---------- Inner pages ---------- */
.arx-page-hero {
	position: relative;
	overflow: hidden;
}
.arx-page-hero h1 {
	margin: 0;
}
.arx-page-hero .wp-block-post-date {
	margin-top: 0.75rem;
}
.arx-search-large {
	max-width: 36rem;
	margin-top: 1.5rem;
}
.arx-search-large .wp-block-search__input {
	border-radius: 10px;
	border: 0;
	padding: 0.8rem 1rem;
}
.arx-search-large .wp-block-search__button {
	border-radius: 10px;
	margin-left: 0.5rem;
}

/* ---------- Edge gateways ---------- */
.arx-edge {
	border-top: 1px solid var(--wp--preset--color--line);
}
/* Gateway photos are 1200 x 700, taller than the 1U appliance photos, so they get a slightly narrower cap. */
.arx-products--3 .arx-product__media img {
	max-width: 340px;
}
/* Three cards get too narrow below 900px: stack them. */
@media (max-width: 899px) {
	.arx-products--3 {
		flex-wrap: wrap !important;
	}
	.arx-products--3 > .wp-block-column {
		flex-basis: 100% !important;
	}
}