/*
Theme Name: HYPRX v3
Description: The approved HYPRX v3 design and inquiry form, delivered as a classic WordPress theme.
Version: 3.6.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: hyprx-v3
*/

/* WordPress toolbar accommodation; original design files remain unchanged. */
body.hyprx-landing.admin-bar {
	--hyprx-admin-bar-height: var(--wp-admin--admin-bar--height, 32px);
}
body.hyprx-landing.admin-bar .site-header {
	top: calc(24px + var(--hyprx-admin-bar-height));
}
body.hyprx-landing.admin-bar .scroll-progress {
	top: var(--hyprx-admin-bar-height);
}
body.hyprx-landing.admin-bar .skip-link:focus {
	top: calc(12px + var(--hyprx-admin-bar-height));
}
body.hyprx-landing.admin-bar [id] {
	scroll-margin-top: var(--hyprx-admin-bar-height);
}
@media (max-width: 782px) {
	body.hyprx-landing.admin-bar {
		--hyprx-admin-bar-height: var(--wp-admin--admin-bar--height, 46px);
	}
}
@media (max-width: 720px) {
	body.hyprx-landing.admin-bar .site-header {
		top: calc(16px + var(--hyprx-admin-bar-height));
	}
}
@media (max-width: 600px) {
	/* The landing body is positioned; keep the toolbar above its reserved margin. */
	body.hyprx-landing.admin-bar #wpadminbar {
		position: fixed;
	}
}

/* Native WordPress routes use a small content layout without landing scripts. */
body.hyprx-content {
	margin: 0;
	background: #080a12;
	color: #edf0ff;
	font: 17px/1.75 'Space Grotesk', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
.hyprx-content-shell {
	box-sizing: border-box;
	width: min(100% - 48px, 880px);
	margin-inline: auto;
	padding-block: 64px 96px;
	overflow-wrap: anywhere;
}
.hyprx-content-shell a {
	color: #b7c5ff;
	text-underline-offset: 4px;
}
.hyprx-content-shell a:focus-visible {
	outline: 2px solid #b7c5ff;
	outline-offset: 5px;
}
.hyprx-content-shell h1,
.hyprx-content-shell h2,
.hyprx-content-shell h3 {
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: -.03em;
}
.hyprx-content-shell h1 {
	font-size: clamp(32px, 5vw, 52px);
}
.hyprx-content-shell img,
.hyprx-content-shell video,
.hyprx-content-shell iframe {
	max-width: 100%;
}
.hyprx-content-shell img {
	height: auto;
}
.hyprx-content-shell pre {
	overflow-x: auto;
}
.hyprx-content-shell .hyprx-home-link {
	margin-bottom: 48px;
}
.hyprx-content-shell .hyprx-entry + .hyprx-entry {
	margin-top: 64px;
	padding-top: 40px;
	border-top: 1px solid #a2b4ee26;
}
.hyprx-content-shell .page-numbers {
	display: inline-block;
	margin: 0 12px 8px 0;
}