:root {
	--j1-primary: #1274bc;
	--j1-primary-dark: #0d5a94;
	--j1-primary-darker: #0a4571;
	--j1-primary-light: #e8f2fb;
	--j1-primary-tint: #f4f9fd;
	--j1-green: #3f8f46;
	--j1-green-light: #e5f3e6;
	--j1-amber: #c98a06;
	--j1-amber-light: #fdf1d6;
	--j1-slate: #5b6b84;
	--j1-slate-light: #e7ebf2;
	--j1-ink: #123252;
	--j1-text: #3b4a5a;
	--j1-muted: #6b7b8c;
	--j1-border: #dfe8f1;
	--j1-surface: #ffffff;
	--j1-bg: #f2f7fb;
	--j1-link: var(--j1-primary-dark);
	--j1-link-hover: var(--j1-primary-darker);
	--j1-button-bg: var(--j1-primary);
	--j1-button-bg-hover: var(--j1-primary-dark);
	--j1-button-text: #ffffff;
	--j1-focus-ring: 0 0 0 3px rgba(18, 116, 188, 0.3); 
	--j1-hero-image: none;
	--j1-hero-gradient: linear-gradient(115deg, #dbeedd 0%, #e7f3f7 45%, #cfe6f5 100%);
	--j1-hero-ink: #0f3d2e;
	--j1-font: "Noto Sans", Arial, sans-serif;
	--j1-font-heading: "Noto Serif", Georgia, "Times New Roman", serif;
	--j1-font-size: 0.9375rem;
	--j1-line-height: 1.6;
	--j1-container: 1440px;
	--j1-col-left: 250px;
	--j1-col-right: 300px;
	--j1-gap: 1.5rem;
	--j1-gutter: 1.25rem;
	--j1-radius: 10px;
	--j1-radius-sm: 6px;
	--j1-shadow: 0 1px 2px rgba(18, 50, 82, 0.06), 0 8px 24px rgba(18, 50, 82, 0.05);
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
body {
	margin: 0;
	background: var(--j1-bg);
	color: var(--j1-text);
	font-family: var(--j1-font);
	font-size: var(--j1-font-size);
	line-height: var(--j1-line-height);
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: var(--j1-link);
	text-decoration: none;
}
a:hover,
a:focus {
	color: var(--j1-link-hover);
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5rem;
	color: var(--j1-ink);
	font-family: var(--j1-font-heading);
	line-height: 1.3;
}
p {
	margin: 0 0 1rem;
}
button {
	font: inherit;
}
:focus-visible {
	outline: 2px solid var(--j1-primary);
	outline-offset: 2px;
}
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.alignleft {
	float: left;
	margin: 0.25rem 1.5rem 1rem 0;
}
.alignright {
	float: right;
	margin: 0.25rem 0 1rem 1.5rem;
}
.aligncenter {
	display: block;
	margin-inline: auto;
}
.wp-caption {
	max-width: 100%;
}
.wp-caption-text {
	margin-top: 0.25rem;
	color: var(--j1-muted);
	font-size: 0.8125rem;
}