/* Editorial layouts from current Figma 2265:6454, 6484, 6516 and 6845.
 * Content remains in WordPress; layout proportions follow available width. */
.hr-card-grid--news.hr-card-grid--archive .hr-card__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
	min-height: 4.125em;
}

.hradistko-site .hr-single__image {
	box-shadow: none;
}

/* Text-only news has no photograph to balance a split editorial composition. */
body.single-post .hr-single:not(.has-post-thumbnail) .hr-single__layout {
	display: block;
	min-height: 0;
	max-width: 48rem;
}

body.single-post .hr-single:not(.has-post-thumbnail) .hr-single__header {
	position: static;
	margin-bottom: 2rem;
}

/* Classified server-side: inline-only imported prose, never layout/media DIVs. */
body.single-post .hr-entry-content .hr-legacy-paragraph {
	margin-block: 0 1.25rem;
}

body.hradistko-site .hr-card-grid--news.hr-card-grid--archive > .hr-card--text-only {
	height: auto;
	min-height: 0;
}

/* Search text is user supplied and may contain a long URL or identifier. */
.hr-search-header h1 {
	overflow-wrap: anywhere;
}

/* Event posters carry information across their full canvas, unlike cropped
 * landscape editorial photographs. Preserve their intrinsic proportions. */
.hr-single--event .hr-single__image,
.hr-single--newsletter .hr-single__image {
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
}

.hr-single--newsletter .hr-single__image {
	max-width: 30rem;
	margin-inline: auto;
}

/* Retain the reference's image/copy ratio without freezing the desktop
 * composition at 1152 px inside wider fluid containers. */
@media (min-width: 60rem) {
	body.single-post .hr-single__layout,
	.hr-single--newsletter .hr-single__layout {
		grid-template-columns: minmax(0, 677fr) minmax(0, 475fr);
	}
}

@media (max-width: 59.99rem) {
	body.single-post .hr-single__layout,
	.hr-single--newsletter .hr-single__layout {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	body.single-post .hr-single__header,
	.hr-single--newsletter .hr-single__header {
		position: static;
		order: -1;
	}
}

.hr-newsletter-archive__intro {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(1.5rem, 2.5vw, 2rem);
}

.hr-newsletter-archive__copy {
	max-width: none;
}

.hr-newsletter-archive__copy h1 {
	font-size: var(--hr-step-3);
	line-height: 1.25;
}

.hr-newsletter-archive__copy h2,
.hr-newsletter-archive__downloads {
	font-size: var(--hr-step-1);
	line-height: 1.3;
}

.hr-newsletter-archive__copy p {
	font-size: var(--hr-step-1);
	line-height: 1.5;
}

.hr-newsletter-archive__illustration {
	margin-top: 0;
}

.hradistko-site .hr-newsletter-archive__facebook {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--hr-black);
	font-size: var(--hr-step-1);
	line-height: 1.3;
}

.hradistko-site .hr-newsletter-archive__facebook:hover,
.hradistko-site .hr-newsletter-archive__facebook:focus-visible {
	background: transparent;
	color: var(--hr-green);
}

.hr-newsletter-archive__facebook .hr-icon {
	width: 3rem;
	height: 3rem;
	color: var(--hr-green);
	filter: none;
}

.hr-card--newsletter > img {
	object-fit: contain;
}

@media (max-width: 59.99rem) {
	.hr-newsletter-archive__intro { grid-template-columns: 1fr; }
	.hr-newsletter-archive__illustration { grid-row: auto; width: min(100%, 24rem); margin-inline: auto; }
}

@media (max-width: 37.49rem) {
	.hr-card-grid--news.hr-card-grid--archive {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 2.5rem;
	}
}

/* Compact mobile news hierarchy requested after the Figma review. Keep
 * complete titles and natural line breaks rather than clipping longer news. */
@media (max-width: 47.99rem) {
	/* Match the base nth-child specificity so desktop column rules cannot
	 * leave stray vertical lines at the outer mobile archive edge. */
	.hradistko-site .hr-card-grid--news.hr-card-grid--archive > .hr-card:nth-child(n)::before {
		content: none;
		display: none;
	}

	.hradistko-front-page .hr-block--latest-posts .hr-card__title,
	.hr-card-grid--news.hr-card-grid--archive .hr-card__title {
		font-size: 1.125rem;
		line-height: 1.3;
		min-height: 0;
	}

	.hradistko-front-page .hr-block--latest-posts .hr-card__excerpt,
	.hr-card-grid--news.hr-card-grid--archive .hr-card__excerpt {
		font-size: 0.9375rem;
		line-height: 1.4;
		min-height: 0;
	}

	.hradistko-front-page .hr-block--latest-posts .hr-card__more,
	.hr-card-grid--news.hr-card-grid--archive .hr-card__more {
		font-size: 1rem;
		line-height: 1.375;
	}
}