/*
 * A category with nothing published (empty-section.php, inc/empty-sections.php).
 *
 * The section's name is already on the page (Fox's archive titlebar); what is
 * left is one sentence and one way out, set like the standfirst of a short
 * item rather than an error: a short rule, the sentence in the heading face,
 * a text link. Centred because there is nothing beside it to align to.
 *
 * Tokens: Mamoul's blue (the ink blue chosen for white grounds, lifted in dark
 * mode), Arshalouys's vermilion under body.skin-guard2 (#B8321E on stone; the
 * same values the contact form uses). Faces are the theme's own variables, so
 * the Armenian tree sets in Noto by the stack composer.
 */
.rg-empty-section {
	--rges-ink: currentColor;
	--rges-accent: #027EAD;
	--rges-rule: #027EAD;
	padding: clamp(48px, 9vw, 104px) 0 clamp(64px, 11vw, 136px);
	text-align: center;
}
.darkmode .rg-empty-section {
	--rges-accent: #4FC3F0;
	--rges-rule: #4FC3F0;
}
body.skin-guard2 .rg-empty-section {
	--rges-accent: #B8321E;
	--rges-rule: #D9412B;
}
body.skin-guard2.darkmode .rg-empty-section {
	--rges-accent: #F0634A;
	--rges-rule: #F0634A;
}

.rg-empty-section__message {
	position: relative;
	max-width: 24em;
	margin: 0 auto;
	padding-top: 28px;
	font-family: var(--ram-font-heading, var(--font-heading));
	font-size: clamp(22px, 14px + 1.6vw, 32px);
	line-height: 1.3;
	text-wrap: balance;
}
html[lang^="hy"] body.skin-guard2 .rg-empty-section__message { font-weight: 600; }
.rg-empty-section__message::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 44px;
	height: 2px;
	margin-left: -22px;
	background: var(--rges-rule);
}

.rg-empty-section__go {
	margin: 22px 0 0;
	font-family: var(--ram-font-body, var(--font-body));
	font-size: 17px;
}
.rg-empty-section__go a {
	color: var(--rges-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .28em;
}
.rg-empty-section__go a:hover,
.rg-empty-section__go a:focus-visible {
	text-decoration-thickness: 2px;
}
.rg-empty-section__arrow {
	display: inline-block;
	margin-left: .35em;
	transition: transform .2s cubic-bezier(.22, 1, .36, 1);
}
.rg-empty-section__go a:hover .rg-empty-section__arrow,
.rg-empty-section__go a:focus-visible .rg-empty-section__arrow {
	transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
	.rg-empty-section__arrow { transition: none; }
	.rg-empty-section__go a:hover .rg-empty-section__arrow,
	.rg-empty-section__go a:focus-visible .rg-empty-section__arrow { transform: none; }
}