:root {
	--jr-bg: #fbf8f3;
	--jr-surface: #fffdf9;
	--jr-white: #ffffff;
	--jr-text: #1f1a17;
	--jr-heading: #12100e;
	--jr-muted: #6f6259;
	--jr-border: #e7ded3;
	--jr-gold: #b8893b;
	--jr-gold-dark: #7a5524;
	--jr-green: #2f6f58;
	--jr-radius-lg: 22px;
	--jr-shadow-soft: 0 14px 34px rgba(31, 26, 23, 0.06);
}

body {
	margin: 0;
	background: var(--jr-bg);
	color: var(--jr-text);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.6;
}

a {
	color: var(--jr-gold-dark);
}

img {
	max-width: 100%;
	height: auto;
}

.jr-container {
	width: min(1180px, calc(100% - 32px));
	margin-inline: auto;
}

.jr-site-main {
	padding: 40px 0 56px;
}

.jr-site-header,
.jr-site-footer {
	background: var(--jr-surface);
	border-bottom: 1px solid var(--jr-border);
}

.jr-site-footer {
	border-top: 1px solid var(--jr-border);
	border-bottom: 0;
}

.jr-site-header__inner,
.jr-site-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 0;
}

.jr-site-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	font-weight: 700;
	color: var(--jr-heading);
	text-decoration: none;
}

.jr-primary-nav ul,
.jr-site-footer ul {
	display: flex;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.jr-skip-link {
	position: absolute;
	left: -999px;
	top: 8px;
	background: var(--jr-heading);
	color: #fff;
	padding: 8px 12px;
	z-index: 999;
}

.jr-skip-link:focus {
	left: 8px;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.jr-section-kicker {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--jr-gold-dark);
}

.jr-panel,
.jr-empty-state {
	background: var(--jr-surface);
	border: 1px solid var(--jr-border);
	border-radius: var(--jr-radius-lg);
	box-shadow: var(--jr-shadow-soft);
	padding: 24px;
}

.jr-panel h1,
.jr-panel h2,
.jr-empty-state h1,
.jr-empty-state h2 {
	font-family: Georgia, "Times New Roman", serif;
	color: var(--jr-heading);
	line-height: 1.16;
}

.jr-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
}

.jr-button--primary {
	background: var(--jr-gold);
	color: #fff;
	border-color: var(--jr-gold);
}

.jr-button--secondary {
	background: #fff;
	color: var(--jr-gold-dark);
	border-color: var(--jr-gold);
}

@media (max-width: 700px) {
	.jr-site-header__inner,
	.jr-site-footer__inner {
		align-items: flex-start;
		flex-direction: column;
	}
}