/* ==========================================================================
   Category / hub page – templates/page-katigoria.php
   The pages the handoff does not draw. Everything here is a variation of a
   component that already exists; the page hero and the closing CTA band come
   from main.css.
   ========================================================================== */

.be_kat-main {
	padding-top: 72px;
	/* No background of its own, so the gap down to the closing CTA band is the
	   band's padding-top; 72 here as well would make it 144. */
	padding-bottom: 0;
}

.be_kat-intro,
.be_kat-outro {
	max-width: 74ch;
}

/* Condition card: title, one-line summary, «Διαβάστε περισσότερα». */
.be_kat-card {
	gap: 12px;
	padding: 28px;
	border-radius: var(--be-r-card);
}

.be_kat-card-title {
	font-family: var(--be-font-head);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--be-ink);
}

.be_kat-card-text {
	font-size: 16px;
	line-height: 1.55;
	color: var(--be-muted);
}

.be_kat-card-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 4px;
	font-size: var(--be-small);
	font-weight: 700;
	color: var(--be-blue);
}

@media (max-width: 1040px) {
	.be_kat-main {
		padding-top: 56px;
	}
}

@media (max-width: 860px) {
	.be_kat-main {
		padding-top: 40px;
	}

}