/*
Ability Esports — Entry (single post/page) content styling, plus the
generic .ae-page-title used by archive.php/search.php/home.php.
*/

/*
!important is justified here for the same documented reason as the body
rule in base.css: WordPress's post_class() automatically adds Astra's own
"ast-article-single" class to every single-post <article>, and Astra's
Customizer "Separate Containers" layout applies a white background to that
class via a compound selector (something like
`.ast-separate-container .ast-article-single`) whose specificity (0,2,0)
always beats our single-class `.ae-entry` selector (0,1,0) regardless of
load order. Confirmed live via computed-style inspection
(background: rgb(255,255,255) on the article element). Our design system
owns this surface unconditionally, per the same /docs/MASTER-ARCHITECTURE.md
§6 reasoning already applied to body.
*/
.ae-entry {
	padding-block: var(--ae-space-xl);
	background: var(--ae-color-surface-1) !important;
	border-radius: var(--ae-radius-md);
	padding-inline: var(--ae-space-lg);
}

.ae-entry__title {
	margin-bottom: var(--ae-space-lg);
}

.ae-entry__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ae-space-xs) var(--ae-space-sm);
	margin-bottom: var(--ae-space-lg);
	color: var(--ae-color-text-secondary);
	font-size: var(--ae-text-body-sm);
}

.ae-entry__meta > * + *::before {
	content: "\2022";
	margin-right: var(--ae-space-sm);
	color: var(--ae-color-text-secondary);
}

.ae-entry__thumbnail {
	margin-bottom: var(--ae-space-lg);
	border-radius: var(--ae-radius-md);
	overflow: hidden;
}

.ae-entry__content {
	max-width: var(--ae-container-reading);
}

.ae-entry__content > * + * {
	margin-top: var(--ae-space-md);
}

.ae-page-title {
	margin-block: var(--ae-space-xl) var(--ae-space-lg);
}

.ae-archive-description {
	color: var(--ae-color-text-secondary);
	max-width: var(--ae-measure-body);
	margin-bottom: var(--ae-space-xl);
}