/* TP Új jelvény – színek felülírhatók a témában a változókkal. */
:root {
	--tpuj-uj-hatter: #c8102e;
	--tpuj-frissitve-hatter: #1b5fa8;
	--tpuj-szoveg: #ffffff;
}

.tpuj-jelveny {
	display: inline-block;
	margin-inline-start: 0.45em;
	vertical-align: middle;
	line-height: 1;
	font-size: clamp(10px, 0.55em, 13px);
}

.tpuj-jelveny::before {
	content: attr(data-tpuj);
	display: inline-block;
	padding: 0.35em 0.6em;
	border-radius: 999px;
	font-weight: 700;
	letter-spacing: 0.04em;
	white-space: nowrap;
	color: var(--tpuj-szoveg);
	background: var(--tpuj-uj-hatter);
}

.tpuj-jelveny--frissitve::before {
	background: var(--tpuj-frissitve-hatter);
}

/* Windows kontrasztmód */
@media (forced-colors: active) {
	.tpuj-jelveny::before {
		border: 1px solid CanvasText;
	}
}

/* Friss tananyagok lista – [tp_friss_tananyagok] */
.tpuj-friss__lista {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tpuj-friss__elem {
	display: flex;
	flex-direction: column;
	gap: 0.2em;
	padding: 0.75em 1em;
	margin-bottom: 0.5em;
	border-inline-start: 4px solid var(--tpuj-uj-hatter);
	background: rgba(0, 0, 0, 0.03);
	border-radius: 4px;
}

.tpuj-friss__elem--frissitve {
	border-inline-start-color: var(--tpuj-frissitve-hatter);
}

.tpuj-friss__link {
	font-weight: 600;
	text-decoration: none;
}

.tpuj-friss__link:hover,
.tpuj-friss__link:focus {
	text-decoration: underline;
}

.tpuj-friss__meta {
	font-size: 0.85em;
	opacity: 0.75;
}