/*
Theme Name: 4AT Clinical
Theme URI: https://www.the4at.com/
Author: 4AT
Description: A restrained, accessible WordPress presentation of the original 4AT website.
Version: 1.8.3
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: fourat-clinical
*/

:root {
	--fourat-release-sentinel: "phase2-group-d-1.8.3";
	/* Authoritative colour tokens. Keep the UI to this palette. */
	--c-red: #fe0000;
	--c-red-deep: #e60000;
	--c-red-hover: #d40000;
	--c-ink: #171717;
	--c-body: #25313d;
	--c-muted: #586773;
	--c-link: #2c6583;
	--c-blue-tint: #e8f3f8;
	--c-card: #fafbfa;
	--c-border: #d8e2e7;
	--c-bg: #fff;
	--c-on-dark: #fff;

	/* Type tokens. Local WOFF2 faces are registered when packaged assets exist. */
	--font-heading: Montserrat, Arial, Helvetica, sans-serif;
	--font-body: "Open Sans", Arial, Helvetica, sans-serif;
	--text-display: clamp(3rem, 6vw, 4rem);
	--text-h1: clamp(2.25rem, 4vw, 3rem);
	--text-h2: clamp(1.625rem, 3vw, 1.875rem);
	--text-h3: clamp(1.25rem, 2.2vw, 1.4375rem);
	--text-h4: 1.1875rem;
	--text-body: 1.0625rem;
	--text-ui: 0.9375rem;
	--text-caption: 0.84375rem;
	--line-display: 1.05;
	--line-h1: 1.1;
	--line-h2: 1.2;
	--line-h3: 1.3;
	--line-h4: 1.35;
	--line-body: 1.65;
	--line-ui: 1.4;
	--line-caption: 1.5;

	/* Four-pixel spacing scale. */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-24: 6rem;

	--content-measure: 720px;
	--layout-wide: 1029px;
	--radius-card: 0.5rem;
	--radius-button: 0.375rem;
	--radius-panel: 0.5rem;
	--shadow-card-hover: 0 2px 8px rgba(23, 23, 23, 0.08);
	--shadow-dropdown: 0 4px 16px rgba(23, 23, 23, 0.12);
	--border-hairline-width: 1px;
	--target-min-size: 44px;
	--home-promo-family-media-width: 150px;
	--home-promo-family-media-flex: 0.34fr;
	--family-promo-media-min-width: 260px;
	--family-promo-media-max-width: 384px;
	--eyebrow-letter-spacing: 0.06em;
	--font-weight-regular: 400;
	--font-weight-semibold: 600;
	--duration-interaction: 180ms;
	--ease-interaction: ease;
	--header-height: 92px;

	/* Compatibility aliases for imported content and existing theme selectors. */
	/* Legacy selectors may use this token for white-text buttons, so its safe
	 * compatibility value is the deep red. New accents use --c-red explicitly. */
	--fourat-red: var(--c-red-deep);
	--fourat-red-bright: var(--c-red);
	--fourat-red-deep: var(--c-red-deep);
	--fourat-red-hover: var(--c-red-hover);
	--fourat-black: var(--c-ink);
	--fourat-ink: var(--c-body);
	--fourat-muted: var(--c-muted);
	--fourat-blue: var(--c-link);
	--fourat-pale: var(--c-blue-tint);
	--fourat-off-white: var(--c-card);
	--fourat-border: var(--c-border);
	--fourat-content: var(--content-measure);
	--fourat-wide: var(--layout-wide);
	--fourat-radius: var(--radius-button);
	--fourat-shadow: var(--shadow-dropdown);
	--fourat-header-height: var(--header-height);
}

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); scroll-padding-top: calc(var(--header-height) + var(--space-4)); }
body {
	margin: 0;
	background: var(--c-bg);
	color: var(--c-body);
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--line-body);
	text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
img, video { height: auto; max-width: 100%; }
.fourat-responsive-picture { display: block; }
iframe { border: 0; max-width: 100%; }
a { color: var(--c-link); font-weight: 400; text-decoration: underline; text-underline-offset: 0.17em; }
a:hover { color: var(--c-red-hover); }
a:not([class]):focus-visible { color: var(--c-red-hover); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
	box-shadow: 0 0 0 2px var(--c-bg);
	outline: 2px solid var(--c-ink);
	outline-offset: 3px;
}
::selection { background: var(--c-blue-tint); color: var(--c-ink); }
h1, h2, h3, h4, h5, h6 {
	color: var(--c-ink);
	font-family: var(--font-heading);
	font-weight: 700;
	letter-spacing: -0.012em;
	overflow-wrap: anywhere;
}
h1 { font-size: var(--text-h1); line-height: var(--line-h1); margin: 0 0 0.6em; }
h2 { font-size: var(--text-h2); line-height: var(--line-h2); margin: 2em 0 0.6em; }
h3 { font-size: var(--text-h3); line-height: var(--line-h3); margin: 2em 0 0.6em; }
h4 { font-size: var(--text-h4); font-weight: 600; line-height: var(--line-h4); margin: 2em 0 0.6em; }
h5, h6 { font-size: var(--text-body); line-height: var(--line-body); margin: 2em 0 0.6em; }
h6 { font-weight: 600; }
:is(h1, h2, h3, h4, h5, h6):first-child { margin-top: 0; }
p, ul, ol, blockquote, table, figure { margin: 0 0 1.15rem; }
ul, ol { padding-inline-start: 1.45em; }
li + li { margin-top: 0.28em; }
blockquote {
	border-left: 4px solid var(--c-red);
	color: var(--c-body);
	font-size: var(--text-h4);
	font-style: italic;
	font-weight: 400;
	margin-inline: 0;
	padding: var(--space-1) 0 var(--space-1) var(--space-6);
}
blockquote strong { font-weight: inherit; }
hr { border: 0; border-top: 1px solid var(--fourat-border); margin: 2.4rem 0; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid var(--fourat-border); padding: 0.72rem 0.82rem; text-align: left; vertical-align: top; }
th { background: var(--c-ink); color: var(--c-on-dark); font-weight: 700; }
tbody tr:nth-child(even) { background: var(--fourat-off-white); }

.screen-reader-text, .visually-hidden {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: var(--c-bg);
	clip: auto !important;
	clip-path: none;
	color: var(--fourat-black);
	display: block;
	font-weight: 700;
	height: auto;
	left: 1rem;
	padding: 0.8rem 1rem;
	top: 1rem;
	width: auto;
	z-index: 100000;
}
.fourat-wrap { margin-inline: auto; max-width: var(--layout-wide); padding-inline: clamp(var(--space-4), 3vw, var(--space-6)); }

/* Header and task-oriented disclosure navigation. */
.site-header {
	background: var(--c-bg);
	border-bottom: 1px solid var(--c-border);
	position: sticky;
	top: 0;
	z-index: 1000;
}
.site-header.is-stuck { box-shadow: 0 1px 4px rgba(23, 23, 23, 0.08); }
.admin-bar .site-header { top: 32px; }
.site-header__inner {
	align-items: center;
	display: flex;
	gap: clamp(var(--space-6), 3vw, var(--space-10));
	min-height: var(--header-height);
	padding-block: var(--space-3);
}
.site-branding {
	border-radius: 2px;
	display: block;
	flex: 0 0 clamp(172px, 19vw, 205px);
	line-height: 0;
}
.site-branding picture { display: block; }
.site-branding__logo { display: block; height: auto; width: 100%; }
.site-header__mobile-download { display: none; }
.primary-navigation { flex: 1 1 auto; margin-left: auto; min-width: 0; }
.primary-navigation .primary-menu {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.12rem;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}
.primary-navigation li { margin: 0; }
.primary-navigation .primary-menu > li {
	align-items: center;
	display: flex;
	position: relative;
}
.primary-navigation .primary-menu > li > a,
.primary-navigation .primary-menu > li > .submenu-trigger {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--c-ink);
	cursor: pointer;
	display: flex;
	font-family: var(--font-body);
	font-size: clamp(0.8125rem, 1.18vw, var(--text-ui));
	font-weight: 600;
	line-height: var(--line-ui);
	min-height: 44px;
	padding: 0.58rem 0.42rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.primary-navigation .primary-menu > li > a:hover,
.primary-navigation .primary-menu > li > .submenu-trigger:hover { color: var(--c-red-hover); }
.primary-navigation .primary-menu > .current-menu-item > a,
.primary-navigation .primary-menu > .current_page_item > a,
.primary-navigation .primary-menu > .current-menu-ancestor > a,
.primary-navigation .primary-menu > li > a[aria-current="page"],
.primary-navigation .primary-menu > .current-menu-item > .submenu-trigger,
.primary-navigation .primary-menu > .current_page_item > .submenu-trigger,
.primary-navigation .primary-menu > .current-menu-ancestor > .submenu-trigger,
body.fourat-section-evidence .menu-item--section-evidence > a,
body.fourat-section-evidence .menu-item--section-evidence > .submenu-trigger,
body.fourat-section-translations .menu-item--section-translations > a,
body.fourat-section-translations .menu-item--section-translations > .submenu-trigger,
body.fourat-section-about-resources .menu-item--section-resources > a,
body.fourat-section-about-resources .menu-item--section-resources > .submenu-trigger {
	color: var(--c-ink);
	font-weight: 700;
}
.primary-navigation .primary-menu > .current-menu-item > a::after,
.primary-navigation .primary-menu > .current_page_item > a::after,
.primary-navigation .primary-menu > .current-menu-ancestor > a::after,
.primary-navigation .primary-menu > li > a[aria-current="page"]::after,
.primary-navigation .primary-menu > .current-menu-item > .submenu-trigger::after,
.primary-navigation .primary-menu > .current_page_item > .submenu-trigger::after,
.primary-navigation .primary-menu > .current-menu-ancestor > .submenu-trigger::after,
body.fourat-section-evidence .menu-item--section-evidence > a::after,
body.fourat-section-evidence .menu-item--section-evidence > .submenu-trigger::after,
body.fourat-section-translations .menu-item--section-translations > a::after,
body.fourat-section-translations .menu-item--section-translations > .submenu-trigger::after,
body.fourat-section-about-resources .menu-item--section-resources > a::after,
body.fourat-section-about-resources .menu-item--section-resources > .submenu-trigger::after {
	background: var(--c-red);
	bottom: 2px;
	content: "";
	height: 3px;
	left: 0.42rem;
	position: absolute;
	right: 0.42rem;
}
.primary-navigation .sub-menu {
	background: var(--c-bg);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-dropdown);
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	min-width: 255px;
	padding: 0.42rem;
	position: absolute;
	top: calc(100% + 0.42rem);
	z-index: 20;
}
.primary-navigation .menu-item-has-children:hover > .sub-menu,
.primary-navigation .menu-item-has-children:focus-within > .sub-menu,
.primary-navigation .is-submenu-open > .sub-menu { display: block; }
.primary-navigation .sub-menu[hidden] { display: none !important; }
.primary-navigation .primary-menu > li:nth-last-child(2) > .sub-menu {
	left: auto;
	right: 0;
}
.primary-navigation .sub-menu::before {
	bottom: 100%;
	content: "";
	height: 0.5rem;
	left: 0;
	position: absolute;
	right: 0;
}
.primary-navigation .sub-menu a {
	border-radius: var(--radius-button);
	color: var(--c-ink);
	display: block;
	font-size: 0.86rem;
	font-weight: 500;
	line-height: 1.35;
	padding: 0.65rem 0.75rem;
	text-decoration: none;
}
.primary-navigation .sub-menu a:hover {
	background: var(--c-blue-tint);
	color: var(--c-red-hover);
}
.primary-navigation .sub-menu .current-menu-item > a,
.primary-navigation .sub-menu a[aria-current="page"] {
	background: var(--c-blue-tint);
	box-shadow: inset 3px 0 0 var(--c-red);
	color: var(--c-ink);
	font-weight: 700;
}
.submenu-trigger__icon,
.submenu-toggle__icon {
	border-bottom: 2px solid currentColor;
	border-right: 2px solid currentColor;
	display: block;
	flex: 0 0 auto;
	height: 7px;
	margin-left: var(--space-2);
	transform: rotate(45deg) translate(-1px, -1px);
	transition: transform var(--duration-interaction) var(--ease-interaction);
	width: 7px;
}
.is-submenu-open > .submenu-trigger .submenu-trigger__icon,
.is-submenu-open > .submenu-toggle .submenu-toggle__icon { transform: rotate(225deg) translate(-1px, -1px); }
.submenu-toggle {
	align-items: center;
	align-self: stretch;
	background: transparent;
	border: 0;
	border-radius: 3px;
	color: var(--fourat-black);
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	margin: 0 0.05rem 0 -0.25rem;
	min-height: 44px;
	min-width: 30px;
	padding: 0;
}
.submenu-toggle:hover { background: var(--c-card); color: var(--c-red-hover); }
.primary-navigation .primary-menu > .menu-item--download > a,
.primary-navigation .primary-menu > .menu-item--download > a:visited {
	background: var(--c-red-deep);
	border: 2px solid var(--c-red-deep);
	border-radius: var(--radius-button);
	color: var(--c-on-dark);
	font-weight: 600;
	margin-left: 0.2rem;
	min-height: 44px;
	padding-inline: 0.72rem;
}
.primary-navigation .primary-menu > .menu-item--download > a:hover,
.primary-navigation .primary-menu > .menu-item--download > a:focus {
	background: var(--c-red-hover);
	border-color: var(--c-red-hover);
	color: var(--c-on-dark);
}
.primary-navigation .menu-item--download.current-menu-item > a::after,
.primary-navigation .menu-item--download > a[aria-current="page"]::after { background: var(--c-on-dark); }
.menu-toggle {
	align-items: center;
	background: var(--c-bg);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-button);
	color: var(--c-ink);
	cursor: pointer;
	display: none;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 700;
	gap: 0.55rem;
	margin-left: auto;
	min-height: 44px;
	min-width: 44px;
	justify-content: center;
	padding: 0.5rem 0.7rem;
}
.menu-toggle:hover { background: var(--c-card); border-color: var(--c-muted); }
.menu-toggle__icon { display: grid; gap: 4px; width: 19px; }
.menu-toggle__icon span {
	background: currentColor;
	display: block;
	height: 2px;
	transition: opacity var(--duration-interaction) var(--ease-interaction), transform var(--duration-interaction) var(--ease-interaction);
	width: 100%;
}
.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:first-child { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:last-child { transform: translateY(-6px) rotate(-45deg); }

.site-main { min-height: 60vh; }
.page-hero {
	background: var(--c-blue-tint);
	border-bottom: 1px solid var(--c-border);
	padding: var(--space-10) 0;
}
.page-hero .fourat-wrap {
	border-inline-start: 4px solid var(--c-red);
	padding-inline-start: clamp(var(--space-4), 3vw, var(--space-6));
}
.page-hero h1 { margin-bottom: 0; max-width: 880px; }
.page-hero__standfirst {
	color: var(--c-body);
	font-size: var(--text-h4);
	line-height: var(--line-h4);
	margin: var(--space-3) 0 0;
	max-width: var(--content-measure);
}
.fourat-breadcrumbs {
	color: var(--c-muted);
	font-size: var(--text-caption);
	font-weight: 600;
	line-height: var(--line-caption);
	margin-bottom: var(--space-3);
}
.fourat-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.28rem 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.fourat-breadcrumbs li { align-items: center; display: inline-flex; margin: 0; }
.fourat-breadcrumbs li + li::before {
	color: var(--c-muted);
	content: "/";
	margin-right: 0.5rem;
}
.fourat-breadcrumbs a { color: var(--c-link); text-decoration-thickness: 1px; }
.fourat-breadcrumbs a:hover { color: var(--c-ink); text-decoration-thickness: 2px; }
.page-hero a:hover { color: var(--c-ink); }
.fourat-page-content {
	margin-inline: auto;
	max-width: var(--layout-wide);
	padding: var(--space-12) clamp(var(--space-4), 3vw, var(--space-6));
}
.fourat-index-content { padding-block: var(--space-16); }
.fourat-source-section { margin-inline: auto; max-width: var(--content-measure); }
.fourat-source-section + .fourat-source-section { border-top: 1px solid var(--fourat-border); margin-top: 2.5rem; padding-top: 2.5rem; }
.fourat-imported-block { min-width: 0; }
.fourat-imported-block + .fourat-imported-block { margin-top: 1rem; }
.fourat-block--code { overflow-x: auto; }
.fourat-block--image { margin: 1.5rem auto; }
.fourat-media { text-align: center; }
.fourat-embed--video { aspect-ratio: 16 / 9; background: var(--c-ink); overflow: hidden; }
.fourat-embed--video iframe { height: 100%; width: 100%; }
.fourat-video-consent { align-items: center; color: var(--c-on-dark); display: flex; justify-content: center; padding: clamp(var(--space-4), 5vw, var(--space-8)); text-align: center; }
.fourat-video-consent__panel { max-width: 580px; }
.fourat-video-consent__panel p { margin-bottom: 0.75rem; }
.fourat-video-consent__panel .fourat-button { margin-top: 0.25rem; }
.fourat-video-consent__link { font-size: 0.87rem; }
.fourat-video-consent__link a { color: var(--c-on-dark); }
.fourat-button-row { display: inline-block; margin: 0 0.5rem 0.5rem 0; }
.fourat-button, .wp-element-button, button.fourat-button {
	background: var(--c-red-deep);
	border: 2px solid var(--c-red-deep);
	border-radius: var(--radius-button);
	color: var(--c-on-dark);
	cursor: pointer;
	display: inline-block;
	font-family: var(--font-body);
	font-size: var(--text-ui);
	font-weight: 600;
	line-height: var(--line-ui);
	min-height: 44px;
	padding: var(--space-3) 1.25rem;
	text-decoration: none;
	transition: background-color var(--duration-interaction) var(--ease-interaction), border-color var(--duration-interaction) var(--ease-interaction), color var(--duration-interaction) var(--ease-interaction);
}
.fourat-button:hover, .wp-element-button:hover, button.fourat-button:hover { background: var(--c-red-hover); border-color: var(--c-red-hover); color: var(--c-on-dark); }
.fourat-button--secondary { background: transparent; border-color: var(--c-ink); color: var(--c-ink); }
.fourat-button--secondary:hover { background: var(--c-ink); border-color: var(--c-ink); color: var(--c-on-dark); }
.fourat-button--tertiary { background: transparent; border-color: var(--c-link); color: var(--c-link); }
.fourat-button--tertiary:hover { background: var(--c-link); border-color: var(--c-link); color: var(--c-on-dark); }
.fourat-quiet-link { display: inline-block; font-size: var(--text-ui); font-weight: 400; }
.fourat-quiet-link::after { content: " \2192"; }

/* Reusable Phase 1 components. These classes can wrap existing page content
 * without changing its clinical or scientific wording. */
.fourat-resource-grid,
.fourat-promo-grid,
.fourat-card-grid {
	display: grid;
	gap: var(--space-6);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fourat-resource-card,
.fourat-card {
	background: var(--c-card);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-card);
	min-width: 0;
	padding: var(--space-6);
}
.fourat-resource-card > :last-child,
.fourat-card > :last-child { margin-bottom: 0; }
a.fourat-card {
	color: var(--c-ink);
	display: block;
	text-decoration: none;
	transition: border-color var(--duration-interaction) var(--ease-interaction), box-shadow var(--duration-interaction) var(--ease-interaction), transform var(--duration-interaction) var(--ease-interaction);
}
a.fourat-card:hover {
	border-color: var(--c-red);
	box-shadow: var(--shadow-card-hover);
	color: var(--c-ink);
	transform: translateY(-1px);
}
.fourat-format-tag {
	background: var(--c-ink);
	border-radius: var(--radius-button);
	color: var(--c-on-dark);
	display: inline-block;
	font-size: var(--text-caption);
	font-weight: 600;
	line-height: var(--line-caption);
	margin-bottom: var(--space-3);
	padding: var(--space-1) var(--space-2);
}
.fourat-resource-card h2,
.fourat-resource-card h3,
.fourat-card h2,
.fourat-card h3 { margin-top: 0; }
.fourat-resource-card__meta,
.fourat-card__meta,
.fourat-metadata {
	color: var(--c-muted);
	font-size: var(--text-caption);
	line-height: var(--line-caption);
}
.fourat-resource-card__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-6);
}
.fourat-store-badges {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
}
.fourat-store-badges a { display: inline-flex; min-height: 44px; }
.fourat-store-badges img { display: block; height: 48px; width: auto; }

.fourat-promo-panel {
	background: var(--c-ink);
	border-left: 4px solid var(--c-red);
	border-radius: var(--radius-panel);
	color: var(--c-on-dark);
	display: grid;
	gap: var(--space-6);
	grid-template-columns: minmax(112px, 0.34fr) minmax(0, 1fr);
	padding: var(--space-6);
}
.fourat-promo-panel :is(h2, h3, h4, p) { color: var(--c-on-dark); }
.fourat-promo-panel :is(h2, h3, h4):first-child { margin-top: 0; }
.fourat-promo-panel__media img { border-radius: var(--radius-card); display: block; width: 100%; }
.fourat-promo-panel__content > :last-child { margin-bottom: 0; }
.fourat-promo-panel .fourat-eyebrow {
	color: var(--c-on-dark);
	font-size: var(--text-caption);
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: var(--line-caption);
}
.fourat-promo-panel .fourat-quiet-link { color: var(--c-on-dark); }
.fourat-eyebrow {
	color: var(--c-red-deep);
	font-size: var(--text-caption);
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: var(--line-caption);
}
.has-pale-blue-background-color .fourat-eyebrow,
.has-blue-tint-background-color .fourat-eyebrow,
.fourat-blue-tint .fourat-eyebrow { color: var(--c-ink); }

.fourat-toc {
	background: var(--c-card);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-card);
	margin: 0 0 var(--space-10);
	padding: var(--space-4);
}
.fourat-toc__label {
	color: var(--c-muted);
	font-size: var(--text-caption);
	line-height: var(--line-caption);
	margin: 0 0 var(--space-2);
}
.fourat-toc ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}
.fourat-toc li { margin: 0; }
.fourat-toc a {
	background: var(--c-bg);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-button);
	color: var(--c-link);
	display: inline-flex;
	font-size: var(--text-ui);
	font-weight: 600;
	line-height: var(--line-ui);
	min-height: 44px;
	padding: var(--space-2) var(--space-3);
	text-decoration: none;
}
.fourat-toc a:hover { border-color: var(--c-red); color: var(--c-red-hover); }

.fourat-accordion details,
details.fourat-accordion {
	border: 1px solid var(--c-border);
	border-radius: var(--radius-card);
	margin-bottom: var(--space-3);
	scroll-margin-top: calc(var(--header-height) + var(--space-4));
}
.fourat-accordion summary,
details.fourat-accordion > summary {
	align-items: center;
	color: var(--c-ink);
	cursor: pointer;
	display: flex;
	font-family: var(--font-heading);
	font-size: var(--text-h4);
	font-weight: 600;
	justify-content: space-between;
	line-height: var(--line-h4);
	list-style: none;
	min-height: 44px;
	padding: var(--space-4) var(--space-6);
}
.fourat-accordion summary::-webkit-details-marker,
details.fourat-accordion > summary::-webkit-details-marker { display: none; }
.fourat-accordion summary::after,
details.fourat-accordion > summary::after {
	content: "+";
	font-family: var(--font-body);
	font-size: var(--text-h3);
	font-weight: 400;
	margin-left: var(--space-4);
}
.fourat-accordion details[open] > summary::after,
details.fourat-accordion[open] > summary::after { content: "\2212"; }
.fourat-accordion details > :not(summary),
details.fourat-accordion > :not(summary) { margin-inline: var(--space-6); }
.fourat-accordion details > :last-child,
details.fourat-accordion > :last-child { margin-bottom: var(--space-6); }

.fourat-reference-list {
	counter-reset: fourat-reference;
	list-style-position: outside;
	padding-inline-start: var(--space-8);
}
.fourat-reference-list > li { padding-inline-start: var(--space-2); }
.fourat-reference-list__meta {
	color: var(--c-muted);
	display: block;
	font-size: var(--text-caption);
	line-height: var(--line-caption);
}

/* Homepage: retain the authored structure while applying the shared system. */
body.home .fourat-page-content { max-width: var(--layout-wide); padding-block: var(--space-12); }
body.home .fourat-source-section--1 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: none;
}
body.home .fourat-source-section--1 > .fourat-imported-block:first-child {
	background: var(--c-blue-tint);
	border-radius: var(--radius-panel) var(--radius-panel) 0 0;
	grid-column: 1 / -1;
	margin: 0;
	padding: clamp(2.2rem, 5vw, 3.7rem) clamp(1.3rem, 5vw, 4rem) 1.2rem;
}
body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(n+2):nth-child(-n+4) {
	align-items: center;
	background: var(--c-blue-tint);
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 1rem clamp(0.65rem, 2vw, 1.2rem) 2.8rem;
}
body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(2) { border-radius: 0 0 0 var(--fourat-radius); }
body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(4) { border-radius: 0 0 var(--fourat-radius) 0; }
body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(n+5) {
	grid-column: 1 / -1;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--fourat-content);
	width: 100%;
}
body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(5) { margin-top: 3.5rem; }
body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(n+6) { margin-top: 1.4rem; }
body.home .fourat-source-section--1 > .fourat-block--button .fourat-button-row { display: block; margin: 0; width: 100%; }
body.home .fourat-source-section--1 > .fourat-block--button .fourat-button {
	display: block;
	text-align: center;
	width: 100%;
}
body.home .fourat-source-section--1 > .fourat-block--button:nth-child(3) .fourat-button,
body.home .fourat-source-section--1 > .fourat-block--button:nth-child(4) .fourat-button {
	background: transparent;
	border-color: var(--c-ink);
	color: var(--c-ink);
}
body.home .fourat-source-section--1 > .fourat-block--button:nth-child(3) .fourat-button:hover,
body.home .fourat-source-section--1 > .fourat-block--button:nth-child(4) .fourat-button:hover {
	background: var(--c-ink);
	color: var(--c-on-dark);
}
.fourat-home-action .fourat-button-row { height: 100%; }
body.home .fourat-source-section--1 > .fourat-home-action .fourat-button {
	align-items: center;
	background: transparent;
	border-color: var(--c-ink);
	color: var(--c-ink);
	display: flex !important;
	height: 100%;
	justify-content: center;
}
body.home .fourat-source-section--1 > .fourat-home-action .fourat-button:hover {
	background: var(--c-ink);
	border-color: var(--c-ink);
	color: var(--c-on-dark);
}
body.home .fourat-source-section--1 > .fourat-home-action .fourat-button[href$="/4at-download"] {
	background: var(--c-red-deep);
	border-color: var(--c-red-deep);
	color: var(--c-on-dark);
}
body.home .fourat-source-section--1 > .fourat-home-action .fourat-button[href$="/4at-download"]:hover {
	background: var(--c-red-hover);
	border-color: var(--c-red-hover);
	color: var(--c-on-dark);
}
body.home .fourat-source-section--1 > .fourat-home-action .fourat-button[href$="/4at-translations"] { border-color: var(--c-link); color: var(--c-link); }
body.home .fourat-source-section--1 > .fourat-home-action .fourat-button[href$="/4at-translations"]:hover { background: var(--c-link); color: var(--c-on-dark); }
.fourat-home-benefits {
	background: var(--c-card);
	border: 1px solid var(--c-border);
	border-top: 4px solid var(--c-red);
	border-radius: var(--radius-card);
	margin-top: 2rem !important;
	padding: clamp(1.15rem, 3vw, 1.6rem);
}
.fourat-home-benefits ul { columns: 2; column-gap: 2.25rem; margin-bottom: 0; }
.fourat-home-benefits li { break-inside: avoid; margin-bottom: 0.55rem; }
.fourat-home-benefits li p { margin-bottom: 0.4rem; }
.fourat-home-benefits + .fourat-block--horizontalrule + .fourat-block--html {
	border-left: 4px solid var(--c-red);
	padding: 0.5rem 0 0.5rem 1.25rem;
}
.fourat-home-title { margin-bottom: 0.7em; text-align: center; }
.fourat-home-title span { display: block; }
.fourat-home-mark { display: block; height: auto; margin: 0 auto var(--space-2); width: clamp(150px, 20vw, 210px); }
.fourat-home-title span:last-child { color: var(--c-ink); font-size: var(--text-display); letter-spacing: -0.012em; line-height: var(--line-display); margin-top: var(--space-1); }
body.home .fourat-source-section--1 > .fourat-imported-block:first-child > p { margin-inline: auto; max-width: 850px; text-align: center; }
body.home .fourat-source-section--1 > .fourat-imported-block:first-child > ul { margin-inline: auto; max-width: 820px; }
body.home .fourat-source-section--1 > .fourat-block--html:nth-child(6) {
	border-left: 4px solid var(--c-red);
	padding: 0.5rem 0 0.5rem 1.25rem;
}
.fourat-referral-panel {
	background: var(--c-card);
	border: 1px solid var(--c-border);
	border-left: 4px solid var(--c-red);
	margin-top: 2.4rem !important;
	padding: clamp(1.25rem, 4vw, 1.8rem);
}
.fourat-referral-panel h2 { font-size: clamp(1.45rem, 3vw, 1.85rem); margin: 0 0 0.6rem; }
.fourat-referral-panel__eyebrow {
	color: var(--c-red-deep);
	font-size: var(--text-caption);
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-bottom: 0.3rem;
}
.fourat-referral-panel__domain { color: var(--c-muted); font-size: var(--text-caption); margin-bottom: 0; }
.fourat-referral-panel .fourat-button::after { content: " →"; }

/* Evidence: preserve every reference, but make the hierarchy easy to scan. */
.evidence-section-navigation { background: var(--c-card); border: 1px solid var(--c-border); border-radius: var(--radius-card); margin: 1.2rem auto 1.4rem; max-width: 900px; }
.evidence-section-navigation__disclosure > summary { display: none; }
.evidence-section-navigation .fourat-wrap { padding-inline: 1.15rem; }
.evidence-section-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.35rem;
	list-style: none;
	margin: 0;
	padding: 0.75rem 0;
}
.evidence-section-navigation li { margin: 0; }
.evidence-section-navigation a { color: var(--c-ink); display: block; font-size: var(--text-caption); padding: 0.25rem 0; text-decoration: none; }
.evidence-section-navigation a:hover { color: var(--c-red-hover); text-decoration: underline; }
.evidence-section-navigation a[aria-current="page"] { color: var(--c-red-deep); font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; }
body.fourat-template-evidence .fourat-page-content { max-width: 960px; }
body.fourat-template-evidence .fourat-source-section { max-width: var(--content-measure); }
.evidence-on-this-page {
	background: var(--c-card);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-card);
	margin: 0 auto 2.5rem;
	max-width: 900px;
	padding: 1rem 1.25rem 0.9rem;
}
.evidence-on-this-page h2 { color: var(--c-muted); font-family: var(--font-body); font-size: var(--text-caption); font-weight: 600; line-height: var(--line-caption); margin: 0 0 0.55rem; }
.evidence-on-this-page ul { columns: 2; gap: 2rem; margin: 0; padding-left: 1.2rem; }
.evidence-on-this-page li { break-inside: avoid; font-size: var(--text-ui); margin: 0 0 0.34rem; }
.evidence-on-this-page a { color: var(--c-link); }
.evidence-on-this-page--compact { margin-top: 1.4rem; }
body.fourat-template-evidence h2,
body.fourat-template-evidence h3 { scroll-margin-top: 1rem; }
body.fourat-template-evidence .fourat-block--html > h2,
body.fourat-template-evidence .fourat-block--html > h3 {
	border-top: 1px solid var(--fourat-border);
	padding-top: 1.2rem;
}
body.fourat-template-evidence .fourat-block--html > h2:first-child,
body.fourat-template-evidence .fourat-block--html > h3:first-child { border-top: 0; padding-top: 0; }

/* Flat, editable page treatments. */
body.fourat-template-clinical-reference .fourat-source-section { max-width: var(--content-measure); }
body.fourat-template-translation { background: var(--fourat-off-white); }
body.fourat-template-translation .fourat-page-content { max-width: 900px; }
body.fourat-template-translation .fourat-source-section {
	align-items: center;
	background: var(--c-bg);
	border: 1px solid var(--fourat-border);
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	max-width: 820px;
	padding: clamp(1rem, 3vw, 1.7rem);
}
body.fourat-template-translation .fourat-block--html { grid-column: 1 / -1; }
body.fourat-template-translation .fourat-media img { max-height: 54px; width: auto; }
.fourat-document-link {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 44px;
	min-width: 44px;
	padding: 0.2rem;
}

/* Retain the authored alphabetical translation list while making each
 * language a clearer, more generous destination. */
body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html {
	display: grid;
	gap: 0.72rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html > p { margin: 0; }
body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html > p:first-child {
	grid-column: 1 / -1;
	margin-bottom: var(--space-3);
}
body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html > p:first-child > a {
	background: transparent;
	border: 0;
	color: var(--c-link);
	display: inline;
	font-weight: 400;
	min-height: 0;
	padding: 0;
	text-decoration: underline;
}
body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html > p:first-child > a:hover {
	color: var(--c-red-hover);
	transform: none;
}
body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html > p > a {
	align-items: center;
	background: var(--c-bg);
	border: 1px solid var(--fourat-border);
	border-radius: var(--fourat-radius);
	color: var(--fourat-black);
	display: flex;
	font-weight: 600;
	min-height: 52px;
	padding: 0.72rem 0.85rem;
	text-decoration: none;
}
body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html > p > a:hover {
	border-color: var(--c-red);
	color: var(--c-red-hover);
	transform: translateY(-1px);
}
body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html > p > a::after {
	content: "\2192";
	font-weight: 400;
	margin-left: auto;
	padding-left: var(--space-3);
}
body.fourat-template-download .fourat-block--image {
	display: inline-block;
	margin: 0.5rem 1rem 1.5rem 0;
	vertical-align: top;
}
body.fourat-template-download .fourat-document-link {
	background: var(--fourat-off-white);
	border: 1px solid var(--fourat-border);
	border-radius: var(--fourat-radius);
	color: var(--fourat-black);
	flex-direction: column;
	font-size: 0.9rem;
	font-weight: 700;
	gap: 0.55rem;
	min-width: 148px;
	padding: 0.9rem 1rem;
	text-decoration: none;
}
body.fourat-template-download .fourat-document-link:hover {
	border-color: var(--c-red);
	color: var(--c-red-hover);
}
body.fourat-template-download .fourat-document-link::after { content: attr(data-label); }
body.fourat-template-download .fourat-document-link img {
	height: 64px;
	object-fit: contain;
	width: 72px;
}
body.fourat-template-campaign .fourat-source-section { max-width: 920px; }
body.fourat-user-guide h2 { font-size: var(--text-h2) !important; line-height: var(--line-h2); }

/* Measured 320px safety repair: long governance URLs must wrap inside prose
 * and the fixed consent panel must never establish a wider formatting box. */
.fourat-page-content a,
.site-footer a,
.fourat-consent-panel a { overflow-wrap: anywhere; }
.fourat-consent-panel,
.fourat-consent-panel__inner { max-width: 100%; min-width: 0; }

.fourat-calculator { border: 1px solid var(--fourat-border); margin: 1.5rem auto; max-width: 840px; }
.fourat-calculator__intro { background: var(--c-ink); color: var(--c-on-dark); padding: 1.35rem; }
.fourat-calculator__intro h2 { color: var(--c-on-dark); margin: 0 0 0.35rem; }
.fourat-calculator__intro p, .fourat-calculator__intro li { color: var(--c-on-dark); }
.fourat-calculator__intro p:last-child, .fourat-calculator__intro ul:last-child { margin-bottom: 0; }
.fourat-calculator__items { display: grid; gap: 1rem; padding: clamp(1rem, 4vw, 1.8rem); }
.fourat-calculator fieldset { border: 1px solid var(--fourat-border); margin: 0; padding: 1rem 1.1rem; }
.fourat-calculator fieldset.is-incomplete { border-color: var(--fourat-red); border-width: 2px; }
.fourat-calculator legend { color: var(--c-ink); font-family: var(--font-heading); font-weight: 700; padding: 0 0.4rem; }
.fourat-calculator fieldset > p { color: var(--c-muted); font-size: var(--text-ui); }
.fourat-calculator label.fourat-option { align-items: center; border-radius: var(--radius-button); cursor: pointer; display: flex; gap: 0.7rem; min-block-size: 44px; min-height: 44px; padding: var(--space-2); }
.fourat-option:hover { background: var(--c-card); }
.fourat-option input { flex: 0 0 auto; height: 1.15rem; margin-top: 0.25rem; width: 1.15rem; }
.fourat-option__score { background: var(--c-blue-tint); color: var(--c-ink); font-weight: 700; margin-left: auto; min-width: 2rem; padding: 0.05rem 0.45rem; text-align: center; }
.fourat-calculator__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 0.75rem; padding: 0 clamp(1rem, 4vw, 1.8rem) 1.5rem; }
.fourat-result { background: var(--c-blue-tint); border-left: 5px solid var(--c-red); margin: 0 clamp(1rem, 4vw, 1.8rem) 2rem; padding: 1.1rem 1.2rem; }
.fourat-result[hidden] { display: none; }
.fourat-result.is-incomplete { background: var(--c-card); border-left-color: var(--c-red-deep); }
.fourat-result__score { color: var(--c-ink); font-family: var(--font-heading); font-size: var(--text-h2); font-weight: 700; }
.fourat-result__interpretation { font-weight: 700; margin: 0.35rem 0 0; }
.fourat-calculator__explanations { border-top: 1px solid var(--fourat-border); padding: 0 clamp(1rem, 4vw, 1.8rem) 1.5rem; }
.fourat-calculator__explanations details { border-bottom: 1px solid var(--fourat-border); }
.fourat-calculator__explanations summary { color: var(--fourat-black); cursor: pointer; font-weight: 700; min-height: 44px; padding: 0.75rem 0; }
.fourat-calculator__explanations details > div { padding: 0.2rem 0 0.9rem; }
.fourat-calculator__explanations details > div > :last-child { margin-bottom: 0; }
.fourat-calculator__note { color: var(--c-muted); font-size: var(--text-caption); padding: 0 clamp(1rem, 4vw, 1.8rem) 1.5rem; }

.fourat-table-scroll {
	margin: 0 0 1.15rem;
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scrollbar-color: var(--fourat-blue) var(--fourat-pale);
	scrollbar-gutter: stable;
	-webkit-overflow-scrolling: touch;
}
.fourat-table-scroll table { margin: 0; }

.fourat-integration-placeholder { background: var(--fourat-off-white); border: 1px solid var(--fourat-border); padding: clamp(1.2rem, 4vw, 1.8rem); }
.fourat-integration-placeholder h2 { margin-top: 0; }
.fourat-integration-placeholder label { display: block; font-weight: 700; margin-bottom: 0.35rem; }
.fourat-integration-placeholder input { background: var(--c-bg); border: 2px solid var(--c-border); border-radius: var(--radius-button); font: inherit; max-width: 430px; padding: 0.72rem; width: 100%; }
.fourat-integration-placeholder button[disabled] { cursor: not-allowed; opacity: 0.66; }
.fourat-prototype-status { color: var(--c-red-deep); font-size: var(--text-ui); font-weight: 700; }

.site-footer { background: var(--c-card); border-top: 3px solid var(--c-red); color: var(--c-body); font-size: var(--text-caption); line-height: var(--line-caption); padding: var(--space-8) 0; }
.site-footer__inner { align-items: flex-start; display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-8); justify-content: space-between; }
.site-footer__mark { display: block; flex: 0 0 64px; line-height: 0; }
.site-footer__mark img { display: block; height: 64px; width: 64px; }
.footer-navigation { flex: 1 1 560px; }
.footer-navigation ul { display: flex; flex-wrap: wrap; gap: 0.45rem 1.3rem; list-style: none; margin: 0; padding: 0; }
.footer-navigation li { margin: 0; }
.footer-navigation a { color: var(--c-ink); font-size: var(--text-caption); }
.site-footer__credit { color: var(--c-muted); font-size: var(--text-caption); margin: var(--space-4) auto 0; text-align: center; }
.site-footer__identity-link { font-size: var(--text-caption); margin: var(--space-3) auto 0; text-align: center; }
.site-footer__source { color: var(--c-muted); font-size: var(--text-caption); line-height: var(--line-caption); margin-top: var(--space-4); text-align: center; }
.site-footer__source .fourat-source-section { max-width: 820px; }
.site-footer__source p { margin-bottom: 0.55rem; }
.site-footer__source .fourat-block--image { display: inline-block; margin: 0.35rem 0.4rem 0; vertical-align: middle; width: 28px; }
.site-footer__source .fourat-block--image + .fourat-block--image { margin-top: 0.35rem; }
.site-footer__source .fourat-media { margin: 0; }
.site-footer__source .fourat-media img { display: block; }
.fourat-consent-settings {
	background: transparent;
	border: 0;
	color: var(--fourat-black);
	cursor: pointer;
	font: inherit;
	font-size: var(--text-caption);
	padding: 0.35rem 0;
	text-decoration: underline;
	text-underline-offset: 0.17em;
}
.fourat-consent-panel {
	background: var(--c-bg);
	border-top: 4px solid var(--c-red);
	bottom: 0;
	box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.18);
	left: 0;
	max-width: 100vw;
	padding: 1rem;
	position: fixed;
	right: auto;
	width: 100vw;
	z-index: 10000;
}
.fourat-consent-panel[hidden] { display: none; }
.fourat-consent-panel__inner { margin-inline: auto; max-width: var(--fourat-wide); }
.fourat-consent-panel h2 { font-size: 1.3rem; margin: 0 0 0.45rem; }
.fourat-consent-panel p { font-size: var(--text-ui); margin-bottom: 0.75rem; max-width: 900px; }
.fourat-consent-panel__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 0.65rem; }
.fourat-consent-panel__actions .fourat-button { min-width: 154px; text-align: center; }
.fourat-consent-panel__actions a { font-size: var(--text-ui); margin-left: 0.25rem; }
.error-404 { padding: clamp(4rem, 12vw, 8rem) 0; text-align: center; }
.error-404 p { color: var(--fourat-muted); margin-inline: auto; max-width: 600px; }

@media (max-width: 980px) {
	.site-header__inner { min-height: 84px; padding-block: 0.75rem; }
	.site-branding { flex-basis: min(205px, 47vw); }
	.site-header__mobile-download {
		align-items: center;
		background: var(--c-red-deep);
		border: 2px solid var(--c-red-deep);
		border-radius: var(--radius-button);
		color: var(--c-on-dark);
		display: inline-flex;
		font-size: var(--text-ui);
		font-weight: 600;
		justify-content: center;
		line-height: var(--line-ui);
		margin-left: auto;
		min-height: 44px;
		padding: var(--space-2) var(--space-3);
		text-decoration: none;
	}
	.site-header__mobile-download:hover,
	.site-header__mobile-download:focus { background: var(--c-red-hover); border-color: var(--c-red-hover); color: var(--c-on-dark); }
	.menu-toggle { display: inline-flex; margin-left: 0; }
	.primary-navigation {
		background: var(--c-bg);
		border-bottom: 1px solid var(--fourat-border);
		border-top: 1px solid var(--fourat-border);
		box-shadow: var(--fourat-shadow);
		display: none;
		left: 0;
		margin: 0;
		max-height: calc(100vh - 84px);
		max-height: calc(100dvh - 84px);
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 0.7rem clamp(1rem, 4vw, 2rem) 1.2rem;
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 100;
	}
	.admin-bar .primary-navigation { max-height: calc(100vh - 116px); max-height: calc(100dvh - 116px); }
	.primary-navigation.is-open { display: block; }
	.primary-navigation .primary-menu {
		align-items: stretch;
		display: flex;
		flex-direction: column;
		gap: 0;
		margin-inline: auto;
		max-width: 680px;
	}
	.primary-navigation .primary-menu > li {
		align-items: stretch;
		border-bottom: 1px solid var(--fourat-border);
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
	}
	.primary-navigation .primary-menu > li > a,
	.primary-navigation .primary-menu > li > .submenu-trigger {
		font-size: 0.96rem;
		justify-content: flex-start;
		min-height: 50px;
		padding: 0.72rem 0.75rem;
		text-align: left;
		white-space: normal;
	}
	.primary-navigation .primary-menu > .current-menu-item > a::after,
	.primary-navigation .primary-menu > .current_page_item > a::after,
	.primary-navigation .primary-menu > .current-menu-ancestor > a::after,
	.primary-navigation .primary-menu > li > a[aria-current="page"]::after,
	.primary-navigation .primary-menu > .current-menu-item > .submenu-trigger::after,
	.primary-navigation .primary-menu > .current_page_item > .submenu-trigger::after,
	.primary-navigation .primary-menu > .current-menu-ancestor > .submenu-trigger::after,
	body.fourat-section-evidence .menu-item--section-evidence > a::after,
	body.fourat-section-evidence .menu-item--section-evidence > .submenu-trigger::after,
	body.fourat-section-translations .menu-item--section-translations > a::after,
	body.fourat-section-translations .menu-item--section-translations > .submenu-trigger::after,
	body.fourat-section-about-resources .menu-item--section-resources > a::after,
	body.fourat-section-about-resources .menu-item--section-resources > .submenu-trigger::after {
		bottom: 5px;
		left: 0.75rem;
		right: 0.75rem;
	}
	.submenu-toggle {
		border-left: 1px solid var(--fourat-border);
		border-radius: 0;
		margin: 0;
		min-height: 50px;
		min-width: 48px;
	}
	.submenu-trigger { justify-content: space-between !important; width: 100%; }
	.primary-navigation .sub-menu {
		background: var(--fourat-off-white);
		border: 0;
		border-left: 3px solid var(--fourat-blue);
		border-radius: 0;
		box-shadow: none;
		grid-column: 1 / -1;
		left: auto;
		margin: 0.1rem 0.75rem 0.7rem;
		min-width: 0;
		padding: 0.25rem;
		position: static;
		right: auto;
	}
	.primary-navigation .sub-menu::before { display: none; }
	.primary-navigation .sub-menu a {
		font-size: 0.91rem;
		min-height: 44px;
		padding: 0.65rem 0.75rem;
	}
	.primary-navigation .menu-item--download {
		display: none;
	}
	.evidence-section-navigation ul { gap: 0 1rem; }
	.fourat-resource-grid,
	.fourat-promo-grid,
	.fourat-card-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
	body { font-size: 16px; }
	.site-branding { flex-basis: min(185px, 53vw); }
	.site-header__inner { gap: 0.8rem; min-height: 78px; }
	.primary-navigation { max-height: calc(100vh - 78px); max-height: calc(100dvh - 78px); }
	body.home .fourat-source-section--1 { grid-template-columns: 1fr; }
	body.home .fourat-source-section--1 > .fourat-imported-block:first-child { padding: 2rem 1.25rem 1rem; }
	body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(n+2):nth-child(-n+4) {
		border-radius: 0;
		grid-column: 1;
		padding: 0.55rem 1.25rem;
	}
	body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(4) { border-radius: 0 0 var(--radius-panel) var(--radius-panel); padding-bottom: 1.6rem; }
	body.home .fourat-source-section--1 > .fourat-imported-block:nth-child(n+5) { grid-column: 1; }
	.fourat-promo-panel { grid-template-columns: minmax(92px, 0.3fr) minmax(0, 1fr); }
	.fourat-home-benefits ul { columns: 1; }
	.evidence-section-navigation__disclosure > summary {
		align-items: center;
		cursor: pointer;
		display: flex;
		font-weight: 700;
		justify-content: space-between;
		list-style: none;
		min-height: 50px;
		padding: 0.65rem 1rem;
	}
	.evidence-section-navigation__disclosure > summary::-webkit-details-marker { display: none; }
	.evidence-section-navigation__disclosure > summary::after { content: "+"; font-size: 1.25rem; line-height: 1; }
	.evidence-section-navigation__disclosure[open] > summary::after { content: "−"; }
	.evidence-section-navigation__disclosure[open] > summary { border-bottom: 1px solid var(--fourat-border); }
	.evidence-section-navigation ul { display: block; padding: 0.55rem 0; }
	.evidence-section-navigation a { border-bottom: 1px solid var(--fourat-border); padding: 0.52rem 0; }
	.evidence-section-navigation li:last-child a { border-bottom: 0; }
	.evidence-on-this-page ul { columns: 1; }
	.evidence-on-this-page a { align-items: center; display: inline-flex; min-height: 44px; padding-block: 0.2rem; }
	.site-footer__inner { align-items: flex-start; flex-direction: column; }
	.footer-navigation ul { display: block; }
	.footer-navigation li + li { margin-top: 0.35rem; }
	.fourat-calculator__actions { align-items: stretch; flex-direction: column; }
	.fourat-calculator__actions button { text-align: center; width: 100%; }
	.fourat-consent-panel__actions { align-items: stretch; flex-direction: column; }
	.fourat-consent-panel__actions .fourat-button { width: 100%; }
	.fourat-consent-panel__actions a { margin: 0.25rem 0; text-align: center; }
	.fourat-page-content table { display: table; }
	body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
	.site-header__inner { gap: 6px; }
	.site-branding { flex-basis: clamp(132px, 35vw, 172px); }
	.site-header__mobile-download { padding-inline: var(--space-2); }
	.menu-toggle { padding-inline: var(--space-2); }
	.menu-toggle__label { display: none; }
}

/* Some preserved translation-page source CSS also targets the site header at
 * 340px. Keep the global navigation geometry authoritative so those page-local
 * presentation rules cannot create horizontal overflow or shrink the menu
 * control below its 44px touch target. */
@media (max-width: 340px) {
	.site-header__inner { gap: 6px !important; }
	.site-header__inner .site-branding { flex-basis: 132px !important; }
	.site-header__inner .menu-toggle {
		min-width: 44px;
		padding-inline: var(--space-2) !important;
	}
}

@media (max-width: 520px) {
	.page-hero { padding-block: var(--space-8); }
	.fourat-page-content,
	body.home .fourat-page-content { padding-block: var(--space-8); }
	.fourat-promo-panel { grid-template-columns: 1fr; }
	.fourat-promo-panel__media { max-width: 180px; }
}

/* Consolidated from the live Appearance > Additional CSS block dated
 * 2026-07-28. Keep these selectors source-managed in the theme so a future
 * editor change cannot silently drop the Manual and homepage treatments. */
body.fourat-template-manual .fourat-page-content { max-width: var(--layout-wide); }
.fourat-manual-intro {
	align-items: center;
	background: var(--c-card);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-panel);
	display: grid;
	gap: clamp(2rem, 6vw, 4.5rem);
	grid-template-columns: minmax(230px, 340px) minmax(0, 1fr);
	margin: 0 auto clamp(3rem, 6vw, 4.5rem);
	max-width: 980px;
	overflow: hidden;
	padding: clamp(1.4rem, 4vw, 3.2rem);
	position: relative;
}
.fourat-manual-intro::before {
	background: var(--c-red);
	content: "";
	height: 7px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.fourat-manual-cover {
	margin: 0 auto;
	max-width: 330px;
	perspective: 900px;
	width: 100%;
}
.fourat-manual-cover img,
.fourat-manual-home__cover img {
	background: var(--c-bg);
	box-shadow: 0 22px 46px rgba(23, 23, 23, 0.24), 0 4px 10px rgba(23, 23, 23, 0.16);
	display: block;
	height: auto;
	width: 100%;
}
.fourat-manual-intro__copy h2 {
	font-size: clamp(1.85rem, 4vw, 2.75rem);
	margin: 0 0 0.55rem;
}
.fourat-manual-eyebrow {
	color: var(--c-red-deep);
	font-size: var(--text-caption);
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: var(--line-caption);
	margin: 0 0 0.45rem;
}
.fourat-manual-lead {
	color: var(--c-ink);
	font-size: clamp(1.08rem, 2vw, 1.25rem);
	line-height: 1.55;
}
.fourat-manual-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 1.25rem 0;
}
.fourat-manual-meta span {
	background: var(--c-bg);
	border: 1px solid var(--c-border);
	border-radius: 999px;
	color: var(--c-ink);
	font-size: var(--text-caption);
	font-weight: 700;
	padding: 0.28rem 0.7rem;
}
.fourat-manual-free {
	background: var(--c-bg);
	border-left: 4px solid var(--c-red);
	margin: 1.25rem 0;
	padding: 0.85rem 1rem;
}
.fourat-manual-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: 1.25rem;
}
.fourat-manual-section {
	margin: 0 auto clamp(3rem, 6vw, 4.5rem);
	max-width: 900px;
}
.fourat-manual-section > h2 { margin-top: 0; }
.fourat-manual-downloads {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fourat-manual-download-card {
	background: var(--c-card);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-card);
	border-top: 5px solid var(--c-red);
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(1.25rem, 4vw, 1.8rem);
}
.fourat-manual-download-card h3 { margin: 0 0 0.45rem; }
.fourat-manual-download-card > p:last-child { margin-bottom: 0; }
.fourat-manual-format {
	align-items: center;
	background: var(--c-ink);
	color: var(--c-on-dark);
	display: inline-flex;
	font-family: var(--font-heading);
	font-size: var(--text-caption);
	font-weight: 700;
	height: 3.1rem;
	justify-content: center;
	letter-spacing: 0.06em;
	margin-bottom: 1rem;
	width: 4.2rem;
}
.fourat-manual-format--pdf { background: var(--c-red-deep); }
.fourat-manual-file-details {
	color: var(--c-muted);
	font-size: var(--text-caption);
	font-weight: 700;
	margin-top: auto;
	padding-top: 0.55rem;
}
.fourat-manual-secondary-link { font-size: var(--text-ui); }
.fourat-manual-overview {
	background: var(--c-blue-tint);
	border-left: 5px solid var(--c-red);
	border-radius: var(--radius-panel);
	padding: clamp(1.25rem, 4vw, 2rem);
}
.fourat-manual-overview__grid {
	display: grid;
	gap: 0 2rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fourat-manual-overview__grid ul { margin-top: 0; }
.fourat-manual-amazon {
	background: var(--c-ink);
	border-left: 7px solid var(--c-red);
	border-radius: var(--radius-panel);
	color: var(--c-on-dark);
	margin: 0 auto clamp(3rem, 6vw, 4.5rem);
	max-width: 900px;
	padding: clamp(1.5rem, 5vw, 2.6rem);
}
.fourat-manual-amazon h2,
.fourat-manual-amazon p { color: var(--c-on-dark); }
.fourat-manual-amazon h2 { margin: 0 0 0.55rem; }
.fourat-manual-amazon p:last-child { margin-bottom: 0; }
.fourat-manual-amazon .fourat-manual-eyebrow { color: var(--c-on-dark); }
.fourat-manual-notes {
	border-top: 1px solid var(--c-border);
	padding-top: 0.6rem;
}
body.home .fourat-source-section--1 > .fourat-manual-home {
	align-items: center;
	background: var(--c-ink);
	border-left: 7px solid var(--c-red);
	border-radius: var(--radius-panel);
	color: var(--c-on-dark);
	display: grid;
	gap: clamp(1.2rem, 3vw, 2rem);
	grid-column: 1 / -1;
	grid-template-columns: minmax(90px, 118px) minmax(0, 1fr);
	margin: 2rem auto 0 !important;
	max-width: 900px !important;
	padding: clamp(1rem, 3vw, 1.5rem);
	width: 100%;
}
.fourat-manual-home__cover {
	margin: 0 auto;
	max-width: 110px;
	transform: rotate(-1deg);
	width: 100%;
}
.fourat-manual-home__copy h2,
.fourat-manual-home__copy p { color: var(--c-on-dark); }
.fourat-manual-home__copy h2 {
	font-size: clamp(1.55rem, 2.6vw, 2rem);
	margin: 0 0 0.35rem;
}
.fourat-manual-home__copy p:last-child { margin-bottom: 0; }
.fourat-manual-home .fourat-manual-eyebrow { color: var(--c-on-dark); }
body.home .fourat-source-section--1 > .fourat-block--horizontalrule + .fourat-block--html {
	border-left: 4px solid var(--c-red);
	padding: 0.5rem 0 0.5rem 1.25rem;
}
@media (max-width: 760px) {
	.fourat-manual-intro { grid-template-columns: 1fr; }
	.fourat-manual-cover { max-width: 270px; }
	.fourat-manual-home__cover { max-width: 100px; }
	.fourat-manual-downloads,
	.fourat-manual-overview__grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
	body.home .fourat-source-section--1 > .fourat-manual-home { grid-template-columns: 1fr; }
	.fourat-manual-home__copy { text-align: center; }
}
@media (max-width: 520px) {
	.fourat-manual-actions {
		align-items: stretch;
		flex-direction: column;
	}
	.fourat-manual-actions .fourat-button,
	.fourat-manual-download-card .fourat-button,
	.fourat-manual-home .fourat-button {
		text-align: center;
		width: 100%;
	}
}

/* Phase 2 group A: the download hub and homepage. The WordPress source stays
 * unchanged; these classes are emitted only by the reversible render layer. */
body.fourat-template-download .fourat-download-hub {
	max-width: none;
}
.fourat-download-grid .fourat-resource-card {
	display: flex;
	flex-direction: column;
}
.fourat-download-grid .fourat-resource-card__actions {
	margin-top: auto;
	padding-top: var(--space-6);
}
.fourat-download-card--apps .fourat-store-badges {
	margin: var(--space-2) 0 var(--space-3);
}
.fourat-download-card--apps .fourat-store-badge--google {
	height: calc(var(--space-16) + var(--space-2));
}
.fourat-download-card--apps .fourat-resource-card__meta {
	margin-top: auto;
}
.fourat-store-legal {
	color: var(--c-muted);
	font-size: var(--text-caption);
	line-height: var(--line-caption);
	margin-bottom: 0;
}
.fourat-download-card--ehr {
	grid-column: 1 / -1;
}
.fourat-download-links {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	justify-content: center;
	margin-top: var(--space-8);
}
.fourat-download-links a,
.fourat-download-card--ehr .fourat-quiet-link {
	align-items: center;
	display: inline-flex;
	min-height: var(--target-min-size);
}

body.home .fourat-home-group-a {
	max-width: none;
}
body.home .fourat-home-group-a > :not(:first-child) {
	margin-top: var(--space-16);
}
.fourat-home-hero {
	background: var(--c-blue-tint);
	border-radius: var(--radius-panel);
	padding: calc(var(--space-12) + var(--space-2)) var(--space-16);
	text-align: center;
}
.fourat-home-hero .fourat-home-mark {
	margin-bottom: var(--space-2);
}
.fourat-home-hero h1 {
	font-size: var(--text-display);
	line-height: var(--line-display);
	margin-bottom: var(--space-4);
}
.fourat-home-hero > p:not(.fourat-home-trust) {
	margin-inline: auto;
	max-width: var(--content-measure);
}
.fourat-home-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	justify-content: center;
	margin-top: var(--space-8);
}
.fourat-home-trust {
	color: var(--c-muted);
	font-size: var(--text-caption);
	line-height: var(--line-caption);
	margin: var(--space-6) 0 0;
}
body.home .fourat-home-group-a > .fourat-home-benefits {
	margin-top: var(--space-16) !important;
}
.fourat-home-nice-quote {
	border-inline-start: var(--space-1) solid var(--c-red);
	margin-inline: auto;
	max-width: var(--content-measure);
	padding: var(--space-2) 0 var(--space-2) var(--space-6);
}
.fourat-home-nice-quote p {
	font-size: var(--text-h4);
	font-style: italic;
	font-weight: 400;
}
.fourat-home-nice-quote :is(strong, em) {
	font-style: inherit;
	font-weight: inherit;
}
.fourat-home-nice-quote p:first-child span {
	font-weight: var(--font-weight-semibold);
}
.fourat-home-nice-quote > :last-child {
	margin-bottom: 0;
}
.fourat-home-evidence-strip ul {
	display: grid;
	gap: var(--space-3);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}
.fourat-home-evidence-strip li {
	margin: 0;
}
.fourat-home-evidence-strip a {
	align-items: center;
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	color: var(--c-link);
	display: flex;
	font-size: var(--text-ui);
	font-weight: 600;
	justify-content: center;
	line-height: var(--line-ui);
	min-height: var(--target-min-size);
	padding: var(--space-3);
	text-align: center;
	text-decoration: none;
	transition: border-color var(--duration-interaction) var(--ease-interaction), box-shadow var(--duration-interaction) var(--ease-interaction);
}
.fourat-home-evidence-strip a:hover {
	border-color: var(--c-red);
	box-shadow: var(--shadow-card-hover);
	color: var(--c-red-hover);
}
.fourat-home-books-row .fourat-promo-panel {
	height: 100%;
}
.fourat-home-books-row .fourat-promo-panel__media figure {
	margin: 0;
}
.fourat-home-family-panel .fourat-promo-panel__media {
	align-self: center;
	max-width: var(--home-promo-family-media-width);
	width: var(--home-promo-family-media-width);
}
.fourat-home-family-panel .fourat-button--tertiary {
	border-color: var(--c-on-dark);
	color: var(--c-on-dark);
}
.fourat-home-family-panel .fourat-button--tertiary:hover {
	background: var(--c-on-dark);
	border-color: var(--c-on-dark);
	color: var(--c-ink);
}
.fourat-home-promo-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-6);
}
.fourat-home-manual-share {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--text-caption);
	gap: var(--space-2) var(--space-3);
	line-height: var(--line-caption);
	margin: var(--space-4) 0 0;
}
.fourat-home-manual-share__control {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--c-on-dark);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 600;
	justify-content: center;
	min-height: var(--target-min-size);
	padding: var(--space-2) 0;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}
.fourat-home-manual-share__control:hover { color: var(--c-on-dark); }
.fourat-home-manual-share__control:disabled { cursor: wait; }
.fourat-home-promo-actions .fourat-quiet-link {
	align-items: center;
	color: var(--c-on-dark);
	display: inline-flex;
	min-height: var(--target-min-size);
}
body.home .fourat-home-group-a > .fourat-referral-panel {
	border-radius: var(--radius-card);
	margin: var(--space-16) auto 0 !important;
	max-width: var(--content-measure);
}
.fourat-home-video-section,
.fourat-home-preserved-extras {
	margin-inline: auto;
	max-width: var(--content-measure);
}
.fourat-home-video-section > :first-child {
	margin-top: 0;
}
.fourat-home-video-section .fourat-block--video {
	margin-top: var(--space-4);
}

@media (max-width: 980px) {
	.fourat-download-card--ehr {
		grid-column: auto;
	}
}

@media (max-width: 760px) {
	.fourat-home-hero {
		padding: var(--space-10) var(--space-6);
	}
	.fourat-home-evidence-strip ul {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.fourat-home-actions,
	.fourat-home-promo-actions {
		align-items: stretch;
		flex-direction: column;
	}
	.fourat-home-actions .fourat-button,
	.fourat-home-promo-actions .fourat-button,
	.fourat-download-card .fourat-button {
		text-align: center;
		width: 100%;
	}
}

@media (max-width: 782px) {
	.admin-bar .site-header { top: 46px; }
	.admin-bar .primary-navigation { max-height: calc(100vh - 130px); max-height: calc(100dvh - 130px); }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
	a.fourat-card:hover,
	body.fourat-translation-directory .fourat-source-section--1 > .fourat-block--html > p > a:hover { transform: none; }
}

@media print {
	.site-header, .site-footer, .fourat-consent-panel, .evidence-section-navigation, .evidence-on-this-page, .menu-toggle, .fourat-calculator__actions { display: none !important; }
	body { color: #000; font-size: 11pt; }
	.fourat-page-content, .fourat-wrap { max-width: none; padding: 0; }
	a { color: #000; text-decoration: none; }
	details > * { display: block !important; }
	.fourat-accordion details,
	details.fourat-accordion { border: 0; }
	.fourat-accordion summary,
	details.fourat-accordion > summary { padding-inline: 0; }
	.fourat-accordion summary::after,
	details.fourat-accordion > summary::after { display: none; }
}

/* Phase 2 group B: FAQ, user guide and translations. The render-only PHP
 * layer preserves the authored page source while exposing semantic hooks. */
body.fourat-group-b-faq .fourat-page-content,
body.fourat-group-b-userguide .fourat-page-content {
	max-width: var(--content-measure);
}
body.fourat-group-b-faq .fourat-source-section,
body.fourat-group-b-userguide .fourat-source-section {
	max-width: var(--content-measure);
}
.fourat-faq-introduction {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
.fourat-faq-toc {
	margin-bottom: var(--space-12);
}
.fourat-faq-group > .fourat-block--html:first-child > h2 {
	margin-bottom: var(--space-6);
	scroll-margin-top: calc(var(--header-height) + var(--space-4));
}
details.fourat-faq-accordion {
	background: var(--c-bg);
}
details.fourat-faq-accordion > summary:hover {
	background: var(--c-card);
}
details.fourat-faq-accordion > summary:focus-visible {
	outline: calc(var(--border-hairline-width) * 2) solid var(--c-link);
	outline-offset: calc(var(--border-hairline-width) * 2);
}
details.fourat-faq-accordion > .fourat-accordion__answer {
	margin: 0;
	padding: 0 var(--space-6) var(--space-6);
}
details.fourat-faq-accordion > .fourat-accordion__answer > .fourat-imported-block:first-child > :first-child {
	margin-top: 0;
}
details.fourat-faq-accordion > .fourat-accordion__answer > .fourat-imported-block:last-child > :last-child {
	margin-bottom: 0;
}

.fourat-user-guide-items {
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	display: grid;
	gap: var(--space-2);
	margin-block: var(--space-6);
	padding: var(--space-6) var(--space-6) var(--space-6) var(--space-12);
}
.fourat-user-guide-items > li {
	margin: 0;
	padding-left: var(--space-2);
}
.fourat-user-guide-items > li::marker {
	color: var(--c-red-deep);
	font-weight: var(--font-weight-semibold);
}
body.fourat-group-b-userguide .evidence-on-this-page--compact {
	max-width: var(--content-measure);
}
body.fourat-group-b-userguide h2[id],
body.fourat-group-b-userguide h3[id] {
	scroll-margin-top: calc(var(--header-height) + var(--space-4));
}
body.fourat-group-b-userguide .evidence-on-this-page--compact ul {
	columns: auto;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	padding: 0;
}
body.fourat-group-b-userguide .evidence-on-this-page--compact li {
	margin: 0;
}
body.fourat-group-b-userguide .evidence-on-this-page--compact a {
	align-items: center;
	background: var(--c-bg);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-button);
	display: inline-flex;
	font-weight: var(--font-weight-semibold);
	min-height: var(--target-min-size);
	padding: var(--space-2) var(--space-3);
	text-decoration: none;
}
body.fourat-group-b-userguide .evidence-on-this-page--compact a:hover {
	border-color: var(--c-red);
	color: var(--c-red-hover);
}

body.fourat-group-b-translations .fourat-source-section--1 {
	max-width: var(--layout-wide);
}
body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html {
	display: grid;
	gap: var(--space-3);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html > p.fourat-translations-intro {
	grid-column: 1 / -1;
	margin: 0 0 var(--space-3);
}
body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html > p.fourat-translations-intro > a {
	background: transparent;
	border: 0;
	color: var(--c-link);
	display: inline;
	font-weight: var(--font-weight-regular);
	min-height: 0;
	padding: 0;
	text-decoration: underline;
}
body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html > p.fourat-translations-intro > a:hover {
	color: var(--c-red-hover);
}
body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html > p.fourat-translation-card-wrap {
	grid-column: auto;
	margin: 0;
}
body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html > p.fourat-translation-card-wrap > a.fourat-translation-card {
	align-items: center;
	background: var(--c-bg);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	color: var(--c-ink);
	display: flex;
	font-weight: var(--font-weight-semibold);
	min-height: calc(var(--target-min-size) + var(--space-2));
	padding: var(--space-3) var(--space-4);
	text-decoration: none;
}
body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html > p.fourat-translation-card-wrap > a.fourat-translation-card:hover {
	border-color: var(--c-red);
	color: var(--c-red-hover);
}
body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html > p.fourat-translation-card-wrap > a.fourat-translation-card::after {
	content: "\2192";
	font-weight: var(--font-weight-regular);
	margin-left: auto;
	padding-left: var(--space-3);
}

@media (max-width: 680px) {
	body.fourat-group-b-translations .fourat-source-section--1.fourat-translations-directory > .fourat-block--html {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	details.fourat-faq-accordion > summary {
		padding: var(--space-4);
	}
	details.fourat-faq-accordion > .fourat-accordion__answer {
		padding: 0 var(--space-4) var(--space-4);
	}
	.fourat-user-guide-items {
		padding: var(--space-4) var(--space-4) var(--space-4) var(--space-10);
	}
}

@media print {
	.fourat-faq-toc,
	body.fourat-group-b-userguide .evidence-on-this-page--compact {
		display: none !important;
	}
	body.fourat-group-b-userguide :is(h2, h3) {
		break-after: avoid;
		page-break-after: avoid;
	}
	body.fourat-group-b-userguide table {
		break-inside: avoid;
		page-break-inside: avoid;
	}
	body.fourat-group-b-userguide :is(
		.fourat-source-section--4,
		.fourat-source-section--5,
		.fourat-source-section--6,
		.fourat-source-section--7
	) > .fourat-block--html:first-child {
		break-inside: avoid;
		page-break-inside: avoid;
	}
	details.fourat-faq-accordion > .fourat-accordion__answer {
		display: block !important;
		padding: 0;
	}
}

/* Phase 2 group C: evidence, calculator and cases. All selectors are bound to
 * exact route classes emitted by the reversible render layer. */
body.fourat-group-c-evidence .fourat-page-content,
body.fourat-group-c-calculator .fourat-page-content,
body.fourat-group-c-cases .fourat-page-content {
	max-width: var(--layout-wide);
}
body.fourat-group-c-evidence .fourat-source-section,
body.fourat-group-c-cases .fourat-cases-introduction,
body.fourat-group-c-cases .fourat-case-card {
	max-width: var(--content-measure);
}

body.fourat-group-c-evidence .evidence-section-navigation {
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	margin: 0 auto var(--space-10);
	max-width: var(--layout-wide);
}
body.fourat-group-c-evidence .evidence-section-navigation .fourat-wrap {
	padding: var(--space-4);
}
body.fourat-group-c-evidence .evidence-section-navigation ul {
	gap: var(--space-2);
	padding: 0;
}
body.fourat-group-c-evidence .evidence-section-navigation a {
	align-items: center;
	background: var(--c-bg);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-button);
	color: var(--c-link);
	display: inline-flex;
	font-size: var(--text-ui);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-ui);
	min-height: var(--target-min-size);
	padding: var(--space-2) var(--space-3);
	text-decoration: none;
}
body.fourat-group-c-evidence .evidence-section-navigation a:hover,
body.fourat-group-c-evidence .evidence-section-navigation a:focus-visible {
	border-color: var(--c-red);
	color: var(--c-red-hover);
	text-decoration: none;
}
body.fourat-group-c-evidence .evidence-section-navigation a[aria-current="page"] {
	background: var(--c-blue-tint);
	border-color: var(--c-ink);
	color: var(--c-ink);
	font-weight: var(--font-weight-semibold);
	text-decoration: none;
}

body.fourat-group-c-evidence .evidence-on-this-page {
	max-width: var(--content-measure);
	padding: var(--space-4);
}
body.fourat-group-c-evidence .evidence-on-this-page ul {
	columns: auto;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	padding: 0;
}
body.fourat-group-c-evidence .evidence-on-this-page li {
	margin: 0;
}
body.fourat-group-c-evidence .evidence-on-this-page a {
	align-items: center;
	background: var(--c-bg);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-button);
	display: inline-flex;
	font-size: var(--text-ui);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-ui);
	min-height: var(--target-min-size);
	padding: var(--space-2) var(--space-3);
	text-decoration: none;
}
body.fourat-group-c-evidence .evidence-on-this-page a:hover {
	border-color: var(--c-red);
	color: var(--c-red-hover);
}

.fourat-evidence-reference-list,
body.fourat-group-c-evidence-cognitive .fourat-references > ol {
	margin: 0 0 var(--space-12);
	padding-inline-start: var(--space-10);
}
.fourat-evidence-reference-list > li,
body.fourat-group-c-evidence-cognitive .fourat-references > ol > li {
	padding-inline-start: var(--space-2);
}
.fourat-evidence-reference-list > li + li,
body.fourat-group-c-evidence-cognitive .fourat-references > ol > li + li {
	margin-top: var(--space-6);
}
.fourat-evidence-reference-list > li::marker,
body.fourat-group-c-evidence-cognitive .fourat-references > ol > li::marker {
	color: var(--c-muted);
	font-weight: var(--font-weight-semibold);
}
.fourat-evidence-reference__content {
	margin: 0;
}
.fourat-evidence-reference__content a,
body.fourat-group-c-evidence-cognitive .fourat-references a {
	font-weight: var(--font-weight-semibold);
}
.fourat-evidence-reference-list--authored-numbers {
	list-style: none;
	padding-inline-start: 0;
}
.fourat-evidence-reference-list--authored-numbers > li {
	padding-inline-start: var(--space-10);
}
.fourat-evidence-reference-list--authored-numbers .fourat-evidence-reference__content {
	text-indent: calc(0px - var(--space-10));
}

body.fourat-group-c-evidence-directory .fourat-evidence-topic-list {
	display: grid;
	gap: var(--space-3);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	padding: 0;
}
body.fourat-group-c-evidence-directory .fourat-evidence-topic-list > li {
	margin: 0;
}
body.fourat-group-c-evidence-directory .fourat-evidence-topic-list a {
	align-items: center;
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	color: var(--c-link);
	display: flex;
	font-weight: var(--font-weight-semibold);
	min-height: var(--target-min-size);
	padding: var(--space-4);
	text-decoration: none;
}
body.fourat-group-c-evidence-directory .fourat-evidence-topic-list a:hover {
	border-color: var(--c-red);
	color: var(--c-red-hover);
}

body.fourat-group-c-evidence-guidelines .fourat-guidelines,
body.fourat-group-c-evidence-cognitive .fourat-source-section--cognitive-dementia {
	max-width: var(--content-measure);
}
body.fourat-group-c-evidence-guidelines .guideline-jump {
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-10);
	padding: var(--space-4);
}
body.fourat-group-c-evidence-guidelines .guideline-jump a {
	align-items: center;
	background: var(--c-bg);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-button);
	display: inline-flex;
	font-size: var(--text-ui);
	font-weight: var(--font-weight-semibold);
	min-height: var(--target-min-size);
	padding: var(--space-2) var(--space-3);
	text-decoration: none;
}
body.fourat-group-c-evidence-guidelines .guideline-jump a:hover {
	border-color: var(--c-red);
	color: var(--c-red-hover);
}
body.fourat-group-c-evidence-guidelines .fourat-guidelines :is(h2, h3, h4)[id] {
	scroll-margin-top: calc(var(--header-height) + var(--space-4));
}
body.fourat-group-c-evidence-guidelines .fourat-guidelines :is(ul, ol) {
	padding-inline-start: var(--space-8);
}
body.fourat-group-c-evidence-guidelines .fourat-guidelines li + li {
	margin-top: var(--space-3);
}

body.fourat-group-c-evidence-cognitive .fourat-review-date,
body.fourat-group-c-evidence-cognitive .fourat-table-hint {
	color: var(--c-muted);
	font-size: var(--text-caption);
	line-height: var(--line-caption);
}
body.fourat-group-c-evidence-cognitive .fourat-quick-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-top: var(--space-6);
}
body.fourat-group-c-evidence-cognitive .fourat-quick-actions a {
	align-items: center;
	background: var(--c-bg);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-button);
	display: inline-flex;
	font-size: var(--text-ui);
	font-weight: var(--font-weight-semibold);
	min-height: var(--target-min-size);
	padding: var(--space-2) var(--space-3);
	text-decoration: none;
}
body.fourat-group-c-evidence-cognitive .fourat-quick-actions a:hover {
	border-color: var(--c-red);
	color: var(--c-red-hover);
}
body.fourat-group-c-evidence-cognitive .fourat-references {
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	padding: var(--space-6);
}
body.fourat-group-c-evidence-cognitive .fourat-references > ol {
	margin-bottom: 0;
}

body.fourat-group-c-calculator .fourat-source-section {
	max-width: var(--layout-wide);
}
body.fourat-group-c-calculator .fourat-calculator {
	background: var(--c-bg);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-panel);
	margin: var(--space-6) auto;
	max-width: var(--layout-wide);
}
body.fourat-group-c-calculator .fourat-calculator__intro {
	border-radius: var(--radius-panel) var(--radius-panel) 0 0;
	padding: var(--space-6);
}
body.fourat-group-c-calculator .fourat-calculator__intro > :last-child {
	background: var(--c-blue-tint);
	border-radius: var(--radius-button);
	color: var(--c-ink);
	font-weight: var(--font-weight-semibold);
	margin-top: var(--space-6);
	padding: var(--space-3) var(--space-4);
}
body.fourat-group-c-calculator .fourat-calculator__items {
	gap: var(--space-4);
	padding: var(--space-6);
}
body.fourat-group-c-calculator .fourat-calculator fieldset {
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	padding: var(--space-6);
}
body.fourat-group-c-calculator .fourat-calculator label.fourat-option {
	background: var(--c-bg);
	border: var(--border-hairline-width) solid var(--c-border);
	min-block-size: var(--target-min-size);
	min-height: var(--target-min-size);
	padding: var(--space-2) var(--space-3);
}
body.fourat-group-c-calculator .fourat-calculator label.fourat-option:hover {
	border-color: var(--c-red);
}
body.fourat-group-c-calculator .fourat-calculator label.fourat-option:has(input:checked) {
	background: var(--c-blue-tint);
	border-color: var(--c-ink);
}
body.fourat-group-c-calculator .fourat-calculator label.fourat-option:has(input:checked) .fourat-option__score {
	background: var(--c-ink);
	color: var(--c-on-dark);
}
body.fourat-group-c-calculator .fourat-calculator__actions {
	gap: var(--space-3);
	padding: 0 var(--space-6) var(--space-6);
}
body.fourat-group-c-calculator .fourat-result {
	background: var(--c-blue-tint);
	border-inline-start: var(--space-1) solid var(--c-red);
	border-radius: var(--radius-panel);
	margin: 0 var(--space-6) var(--space-8);
	padding: var(--space-6);
}
body.fourat-group-c-calculator .fourat-result.is-incomplete {
	background: var(--c-card);
	border-inline-start-color: var(--c-red-deep);
}
body.fourat-group-c-calculator .fourat-calculator__explanations {
	padding: 0 var(--space-6) var(--space-6);
}
body.fourat-group-c-calculator .fourat-calculator__explanations details {
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	margin-top: var(--space-3);
}
body.fourat-group-c-calculator .fourat-calculator__explanations summary {
	min-height: var(--target-min-size);
	padding: var(--space-3) var(--space-4);
}
body.fourat-group-c-calculator .fourat-calculator__explanations details > div {
	padding: 0 var(--space-4) var(--space-4);
}
body.fourat-group-c-calculator .fourat-calculator__note {
	padding: 0 var(--space-6) var(--space-6);
}

body.fourat-group-c-cases .fourat-source-section {
	max-width: none;
}
body.fourat-group-c-cases .fourat-cases-introduction,
body.fourat-group-c-cases .fourat-case-card {
	margin-inline: auto;
}
body.fourat-group-c-cases .fourat-cases-introduction {
	margin-bottom: var(--space-10);
}
body.fourat-group-c-cases .fourat-cases-introduction a[href="https://4atcases.netlify.app/"] {
	align-items: center;
	display: inline-flex;
	font-weight: var(--font-weight-semibold);
	min-height: var(--target-min-size);
}
body.fourat-group-c-cases .fourat-case-card {
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	break-inside: avoid-page;
	margin-bottom: var(--space-6);
	padding: var(--space-6);
}
body.fourat-group-c-cases .fourat-case-card > :first-child {
	border-inline-start: var(--space-1) solid var(--c-red);
	margin-top: 0;
	padding-inline-start: var(--space-4);
}
body.fourat-group-c-cases .fourat-case-card > :last-child {
	margin-bottom: 0;
}
body.fourat-group-c-cases .fourat-case-separator {
	display: none;
}

@media (max-width: 680px) {
	body.fourat-group-c-evidence .evidence-section-navigation .fourat-wrap {
		padding: var(--space-4);
	}
	body.fourat-group-c-evidence .evidence-section-navigation ul {
		display: grid;
		gap: var(--space-2);
		padding: 0;
	}
	body.fourat-group-c-evidence .evidence-section-navigation a {
		border: var(--border-hairline-width) solid var(--c-border);
		padding: var(--space-2) var(--space-3);
	}
	body.fourat-group-c-evidence-directory .fourat-evidence-topic-list {
		grid-template-columns: 1fr;
	}
	body.fourat-group-c-evidence-cognitive .fourat-quick-actions,
	body.fourat-group-c-calculator .fourat-calculator__actions {
		align-items: stretch;
		flex-direction: column;
	}
	body.fourat-group-c-evidence-cognitive .fourat-quick-actions a,
	body.fourat-group-c-calculator .fourat-calculator__actions button {
		justify-content: center;
		text-align: center;
		width: 100%;
	}
	body.fourat-group-c-calculator .fourat-calculator__intro,
	body.fourat-group-c-calculator .fourat-calculator__items,
	body.fourat-group-c-calculator .fourat-calculator fieldset,
	body.fourat-group-c-cases .fourat-case-card {
		padding: var(--space-4);
	}
	body.fourat-group-c-calculator .fourat-calculator__actions,
	body.fourat-group-c-calculator .fourat-calculator__explanations,
	body.fourat-group-c-calculator .fourat-calculator__note {
		padding-inline: var(--space-4);
	}
	body.fourat-group-c-calculator .fourat-result {
		margin-inline: var(--space-4);
		padding: var(--space-4);
	}
}

@media print {
	body.fourat-group-c-cases .fourat-case-card,
	body.fourat-group-c-evidence-cognitive .fourat-references,
	body.fourat-group-c-calculator .fourat-calculator fieldset {
		background: var(--c-bg);
		break-inside: avoid-page;
	}
	body.fourat-group-c-calculator .fourat-calculator__explanations details > div {
		display: block !important;
	}
}

/* Phase 2 group D: information and publishing routes. These rules are bound
 * to exact route classes emitted by the fail-safe render layer above. */
@media (min-width: 521px) {
	body.home .fourat-home-books-row .fourat-home-family-panel {
		grid-template-columns: minmax(var(--home-promo-family-media-width), var(--home-promo-family-media-flex)) minmax(0, 1fr);
	}
}

body.fourat-group-d-about .fourat-page-content,
body.fourat-group-d-family .fourat-page-content {
	max-width: var(--layout-wide);
}

body.fourat-group-d-about .fourat-about-directory-page {
	max-width: var(--layout-wide);
}
body.fourat-group-d-about .fourat-about-introduction {
	margin-inline: auto;
	max-width: var(--content-measure);
}
.fourat-about-directory {
	margin-top: var(--space-10);
}
.fourat-about-grid {
	display: grid;
	gap: var(--space-6);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}
.fourat-about-card {
	background: var(--c-card);
	border: var(--border-hairline-width) solid var(--c-border);
	border-radius: var(--radius-card);
	margin: 0;
	min-width: 0;
	padding: var(--space-6);
}
.fourat-about-card__title {
	font-size: var(--text-h4);
	line-height: var(--line-h4);
	margin: 0 0 var(--space-2);
}
.fourat-about-card__title a {
	align-items: center;
	color: var(--c-link);
	display: inline-flex;
	font-weight: var(--font-weight-semibold);
	min-height: var(--target-min-size);
	text-decoration: none;
}
.fourat-about-card__title a:hover {
	color: var(--c-red-hover);
	text-decoration: underline;
}
.fourat-about-card__description {
	color: var(--c-muted);
	font-size: var(--text-ui);
	line-height: var(--line-ui);
	margin: 0;
}

body.fourat-group-d-why .fourat-page-content,
body.fourat-group-d-why .fourat-source-section {
	max-width: var(--content-measure);
}

body.fourat-group-d-family .fourat-family-guide-page {
	max-width: var(--layout-wide);
}
.fourat-family-promo {
	align-items: center;
	grid-template-columns: minmax(var(--family-promo-media-min-width), var(--family-promo-media-max-width)) minmax(0, 1fr);
	margin-bottom: var(--space-12);
	padding: clamp(var(--space-6), 4vw, var(--space-10));
}
.fourat-family-promo > .fourat-imported-block {
	margin: 0;
}
.fourat-family-promo .fourat-promo-panel__media {
	max-width: var(--family-promo-media-max-width);
	width: 100%;
}
.fourat-family-promo .fourat-promo-panel__media figure {
	margin: 0;
}
.fourat-family-promo .fourat-family-promo__title {
	font-size: var(--text-h3);
	line-height: var(--line-h3);
	margin: 0;
}
.fourat-family-promo .fourat-family-promo__title > br {
	display: none;
}
.fourat-family-promo .fourat-family-promo__title > strong:first-child {
	display: block;
	font-family: var(--font-body);
	font-size: var(--text-caption);
	letter-spacing: var(--eyebrow-letter-spacing);
	line-height: var(--line-caption);
	margin-bottom: var(--space-3);
}
.fourat-family-promo .fourat-family-promo__byline {
	font-family: var(--font-body);
	font-size: var(--text-ui);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-ui);
	margin: var(--space-4) 0 0;
}
.fourat-family-guide-page > .fourat-block--code:empty {
	display: none;
}
.fourat-family-prose {
	margin-inline: auto;
	max-width: var(--content-measure);
}
.fourat-family-prose > h3:first-child {
	border-top: var(--border-hairline-width) solid var(--c-border);
	padding-top: var(--space-8);
}

.fourat-manual-amazon#amazon {
	scroll-margin-top: calc(var(--header-height) + var(--space-4));
}
.fourat-related-resource {
	margin: 0 auto;
	max-width: var(--content-measure);
	padding: 0 clamp(var(--space-4), 3vw, var(--space-6)) var(--space-12);
}
.fourat-related-resource p {
	margin: 0;
}
.fourat-related-resource .fourat-quiet-link {
	align-items: center;
	display: inline-flex;
	min-height: var(--target-min-size);
}

@media (max-width: 760px) {
	.fourat-family-promo {
		grid-template-columns: 1fr;
	}
	.fourat-family-promo .fourat-promo-panel__media {
		margin-inline: auto;
		max-width: var(--family-promo-media-max-width);
		width: min(100%, var(--family-promo-media-max-width));
	}
}

@media (max-width: 680px) {
	.fourat-about-grid {
		grid-template-columns: 1fr;
	}
	.fourat-about-card {
		padding: var(--space-4);
	}
}

@media print {
	.fourat-related-resource {
		display: none !important;
	}
	.fourat-family-promo,
	.fourat-about-card {
		background: var(--c-bg);
		break-inside: avoid-page;
		color: var(--c-ink);
	}
	.fourat-family-promo :is(h2, h3, h4, p) {
		color: var(--c-ink);
	}
}

/* Phase 2 final-gate correction v1.7.3: keep the homepage Family Guide media
 * and copy in explicit, non-overlapping grid areas. The card stacks internally
 * when it shares the two-card desktop row, retains a compact two-column layout
 * when the books row itself is stacked, and remains single-column on mobile. */
body.home .fourat-home-books-row .fourat-home-family-panel > .fourat-promo-panel__media {
	grid-area: media;
	justify-self: start;
	min-width: 0;
	overflow: hidden;
}
body.home .fourat-home-books-row .fourat-home-family-panel > .fourat-promo-panel__content {
	grid-area: content;
	min-width: 0;
}
body.home .fourat-home-books-row .fourat-home-family-panel > .fourat-promo-panel__media :is(figure, a, img) {
	display: block;
	max-width: 100%;
	width: 100%;
}

@media (max-width: 520px) {
	body.home .fourat-home-books-row .fourat-home-family-panel {
		grid-template-areas: "media" "content";
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 521px) and (max-width: 980px) {
	body.home .fourat-home-books-row .fourat-home-family-panel {
		grid-template-areas: "media content";
		grid-template-columns: var(--home-promo-family-media-width) minmax(0, 1fr);
	}
}

@media (min-width: 981px) {
	body.home .fourat-home-books-row .fourat-home-family-panel {
		grid-template-areas: "media" "content";
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto minmax(0, 1fr);
	}
}