/* ==================================================================
   Tyűha! – címlap, rovat, cikk, fejléc, lábléc, program, impresszum
   ================================================================== */

:root {
	--tyuha-ink: #000;
	--tyuha-soft: #000;
	--tyuha-muted: #000;
	--tyuha-line: #e3e5e8;
	--tyuha-accent: #d61f26;
	--tyuha-placeholder: #eef0f2;
	--tyuha-dark: #1b1e24;
	--tyuha-font: Arial, Helvetica, "Helvetica Neue", sans-serif;
	--tyuha-serif: Georgia, "Times New Roman", serif;
}

.tyuha {
	--tyuha-gap: 34px;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px 64px;
	color: var(--tyuha-ink);
}

.tyuha a { text-decoration: none; color: inherit; }
.tyuha h1, .tyuha h2, .tyuha h3 { margin: 0; letter-spacing: -0.015em; text-wrap: balance; }
.tyuha p { margin: 0; }

.tyuha-hero__media img,
.tyuha-card__media img,
.tyuha-fresh__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ==================================================================
   FEJLÉC
   ================================================================== */

.tyuha-header { background: var(--tyuha-accent); }

.tyuha-header .tyuha-h-top,
.tyuha-header .tyuha-h-mast { color: #fff; }

.tyuha-header .tyuha-h-logo a,
.tyuha-header .tyuha-h-date,
.tyuha-header .tyuha-h-date a,
.tyuha-header .tyuha-h-extra,
.tyuha-header .tyuha-h-extra span,
.tyuha-header .tyuha-editions a,
.tyuha-header .tyuha-search,
.tyuha-header .tyuha-burger { color: #fff !important; }

.tyuha-header .tyuha-editions a:hover,
.tyuha-header .tyuha-h-date a:hover { text-decoration: underline; }

.tyuha-header .tyuha-h-logo,
.tyuha-header .tyuha-h-logo a,
.tyuha-footer-logo,
.tyuha-panel__logo {
	font-family: var(--tyuha-font) !important;
	font-weight: 900 !important;
	letter-spacing: -0.02em;
}

.tyuha-header .tyuha-h-extra {
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	text-align: right;
}
.tyuha-h-estd { letter-spacing: .04em; }
.tyuha-h-place { letter-spacing: .04em; }

.tyuha-header .tyuha-h-mast { padding-bottom: 19px !important; }

.tyuha-h-slogan {
	margin-top: 12px;
	color: #fff;
	font-family: var(--tyuha-font);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	line-height: 1.2;
	white-space: nowrap;
}

.tyuha-header .tyuha-btn {
	border: 1px solid rgba(255, 255, 255, .8) !important;
	background: transparent !important;
	color: #fff !important;
}
.tyuha-header .tyuha-btn:hover {
	background: #fff !important;
	color: var(--tyuha-accent) !important;
}
.tyuha-header .tyuha-btn--sub {
	background: #fff !important;
	border-color: #fff !important;
	color: var(--tyuha-accent) !important;
}
.tyuha-header .tyuha-btn--sub:hover {
	background: rgba(255, 255, 255, .86) !important;
	color: var(--tyuha-accent) !important;
}

.tyuha-burger,
.tyuha-header .tyuha-search {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: 7px !important;
	margin: 0 2px 0 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	transition: background .15s ease;
}

.tyuha-burger:hover,
.tyuha-burger:focus,
.tyuha-burger:active,
.tyuha-burger:focus-visible,
.tyuha-header .tyuha-search:hover,
.tyuha-header .tyuha-search:focus,
.tyuha-header .tyuha-search:active,
.tyuha-header .tyuha-search:focus-visible {
	background: rgba(0, 0, 0, .18) !important;
	color: #fff !important;
	outline: none !important;
	box-shadow: none !important;
}

.tyuha-burger svg,
.tyuha-header .tyuha-search svg { stroke: currentColor; fill: none; }

.tyuha-h-nav {
	background: var(--tyuha-dark);
	margin: 0 -20px !important;
	padding: 0 20px !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.tyuha-mainmenu { position: relative; }
.tyuha-mainmenu > li { position: static; }

.tyuha-h-nav .tyuha-mainmenu > li > a {
	color: #fff !important;
	display: block;
	padding: 11px 14px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
}
.tyuha-h-nav .tyuha-mainmenu > li:hover > a,
.tyuha-h-nav .tyuha-mainmenu > li:focus-within > a {
	background: var(--tyuha-accent);
	color: #fff !important;
}

.tyuha-mainmenu .sub-menu {
	position: absolute;
	top: 100%;
	left: -20px;
	right: -20px;
	margin: 0;
	padding: 0 26px;
	list-style: none;
	background: var(--tyuha-dark);
	border-top: 3px solid var(--tyuha-accent);
	box-shadow: 0 12px 26px rgba(0, 0, 0, .28);
	display: none;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	z-index: 900;
}
.tyuha-mainmenu > li:hover > .sub-menu,
.tyuha-mainmenu > li:focus-within > .sub-menu { display: flex; }

.tyuha-mainmenu .sub-menu > li { position: relative; }

.tyuha-mainmenu .sub-menu a {
	display: block;
	padding: 11px 14px;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	white-space: nowrap;
}
.tyuha-mainmenu .sub-menu a:hover { background: var(--tyuha-accent); }

/* ==================================================================
   LÁBLÉC
   ================================================================== */

.tyuha-footer-slogan {
	margin-top: 8px !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .18em;
	text-transform: uppercase;
	line-height: 1.2;
}

/* ==================================================================
   ALOLDALAK CÍME
   ================================================================== */

.page-header {
	max-width: 1240px;
	margin: 0 auto !important;
	padding: 26px 20px 0 !important;
}

.page-header .entry-title {
	font-family: var(--tyuha-serif);
	font-size: clamp(26px, 3vw, 40px);
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #000;
	margin: 0;
	padding-bottom: 18px;
	border-bottom: 3px solid #000;
}

/* ==================================================================
   IMPRESSZUM
   ================================================================== */

.tyuha-imp__hero {
	background: var(--tyuha-accent);
	color: #fff;
	padding: 46px 32px 42px;
	margin: 30px 0 40px;
	text-align: center;
}
.tyuha-imp__eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .24em;
	text-transform: uppercase;
	opacity: .85;
}
.tyuha-imp__logo {
	font-family: var(--tyuha-font);
	font-size: clamp(40px, 6vw, 68px);
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1;
	margin-top: 12px !important;
}
.tyuha-imp__slogan {
	font-size: clamp(13px, 1.4vw, 16px);
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	margin-top: 16px !important;
}

.tyuha-imp__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin-bottom: 54px;
}

.tyuha-imp__card {
	border: 1px solid var(--tyuha-line);
	border-top: 4px solid #000;
	padding: 24px 22px 26px;
	display: flex;
	flex-direction: column;
}
.tyuha-imp__card:nth-child(2) { border-top-color: var(--tyuha-accent); }

.tyuha-imp__ctitle {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 12px;
}

.tyuha-imp__big {
	font-family: var(--tyuha-serif);
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 800;
	line-height: 1.2;
	color: #000;
	word-break: break-word;
}
.tyuha-imp__big a { color: #000; }
.tyuha-imp__big a:hover { color: var(--tyuha-accent); }

.tyuha-imp__note { font-size: 14px; line-height: 1.55; margin-top: 10px !important; color: #000; }

.tyuha-imp__btn {
	display: inline-block;
	align-self: flex-start;
	margin-top: auto;
	padding: 11px 16px;
	background: #000;
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.tyuha-imp__btn:hover { background: var(--tyuha-accent); }
.tyuha-imp__btn--ghost { background: transparent; color: #000 !important; border: 1px solid #000; }
.tyuha-imp__btn--ghost:hover { background: #000; color: #fff !important; }

.tyuha-imp__stitle {
	font-size: clamp(22px, 2.4vw, 30px);
	font-weight: 800;
	padding-bottom: 12px;
	border-bottom: 3px solid #000;
	margin: 0 0 14px;
}
.tyuha-imp__slead { font-size: 15px; line-height: 1.6; max-width: 74ch; margin-bottom: 28px !important; }

.tyuha-imp__authors {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 40px;
}

.tyuha-imp__author {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--tyuha-line);
}

.tyuha-imp__photo {
	width: 72px;
	height: 72px;
	display: block;
	object-fit: cover;
	background: var(--tyuha-placeholder);
}

.tyuha-imp__aname { font-size: 17px; font-weight: 700; line-height: 1.2; margin: 0; }
.tyuha-imp__aname a { color: #000; }
.tyuha-imp__aname a:hover { color: var(--tyuha-accent); }

.tyuha-imp__ai {
	display: inline-block;
	vertical-align: middle;
	margin-left: 7px;
	padding: 2px 6px;
	background: var(--tyuha-accent);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .1em;
}

.tyuha-imp__abio { font-size: 13px; line-height: 1.5; margin-top: 7px !important; color: #000; }

.tyuha-imp__foot {
	margin-top: 46px !important;
	padding-top: 20px;
	border-top: 1px solid var(--tyuha-line);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-align: center;
}

@media (max-width: 900px) {
	.tyuha-imp__grid { grid-template-columns: 1fr; }
	.tyuha-imp__authors { grid-template-columns: 1fr; }
}

/* ==================================================================
   FELIRATKOZÁS OLDAL
   ================================================================== */

.tyuha-sub-title span { color: var(--tyuha-accent) !important; }

/* ==================================================================
   PROGRAM
   ================================================================== */

.tyuha-prog__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 26px 0 22px;
}

.tyuha-chip {
	display: inline-flex;
	align-items: center;
	padding: 9px 16px;
	border: 1px solid var(--tyuha-line);
	background: #fff;
	color: #000 !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-decoration: none !important;
}
.tyuha-chip:hover { border-color: #000; }
.tyuha-chip.is-active { background: #000; border-color: #000; color: #fff !important; }

.tyuha-prog__top {
	display: grid;
	grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
	gap: 44px;
	align-items: start;
	margin-bottom: 40px;
}

.tyuha-cal {
	border: 1px solid var(--tyuha-line);
	padding: 16px 18px 14px;
	max-width: 480px;
}
.tyuha-prog__top .tyuha-cal { max-width: none; margin-bottom: 0; }

.tyuha-cal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 14px;
}
.tyuha-cal__title {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.tyuha-cal__nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex: none;
	border: 1px solid var(--tyuha-line);
	font-size: 20px;
	line-height: 1;
	color: #000 !important;
	text-decoration: none !important;
}
.tyuha-cal__nav:hover { background: #000; color: #fff !important; border-color: #000; }

.tyuha-cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }

.tyuha-cal__dow {
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #000;
	padding-bottom: 4px;
}

.tyuha-cal__day {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	font-size: 14px;
	font-weight: 600;
	color: #8b929c;
	border: 1px solid transparent;
	text-decoration: none !important;
}
.tyuha-cal__day.is-blank { visibility: hidden; }

a.tyuha-cal__day {
	border-color: var(--tyuha-line);
	color: #000 !important;
	font-weight: 800;
}
a.tyuha-cal__day:hover { background: #000; color: #fff !important; border-color: #000; }

.tyuha-cal__day.is-today { outline: 2px solid #000; outline-offset: -2px; }

a.tyuha-cal__day.is-selected {
	background: var(--tyuha-accent) !important;
	border-color: var(--tyuha-accent) !important;
	color: #fff !important;
}

.tyuha-cal__dot {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	width: 5px;
	height: 5px;
	background: var(--tyuha-accent);
}
a.tyuha-cal__day:hover .tyuha-cal__dot,
a.tyuha-cal__day.is-selected .tyuha-cal__dot { background: #fff; }

.tyuha-cal__reset { margin: 14px 0 0 !important; font-size: 13px; }
.tyuha-cal__reset a { font-weight: 700; text-decoration: underline; }

.tyuha-prog__ftitle {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin: 0 0 18px;
	border-bottom: 2px solid #000;
	color: #000;
}

.tyuha-feat { list-style: none; margin: 0; padding: 0; }

.tyuha-feat__item {
	display: grid;
	grid-template-columns: 124px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--tyuha-line);
}
.tyuha-feat__item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.tyuha-feat__media {
	display: block;
	overflow: hidden;
	background: var(--tyuha-placeholder);
	aspect-ratio: 3 / 2;
}
.tyuha-feat__media img { display: block; width: 100%; height: 100%; object-fit: cover; }

.tyuha-feat__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin: 0 0 7px !important;
}
.tyuha-feat__when { color: #000; }

.tyuha-feat__title { font-size: 16px; line-height: 1.3; font-weight: 700; margin: 0; }
.tyuha-feat__title a { color: #000; text-decoration: none; }
.tyuha-feat__title a:hover { color: var(--tyuha-accent); }

.tyuha-feat__place { font-size: 13px; margin-top: 5px !important; color: #000; }

.tyuha-prog__head {
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 800;
	padding-bottom: 10px;
	margin: 0 0 22px;
	border-bottom: 2px solid #000;
}

.tyuha-prog__list { list-style: none; margin: 0; padding: 0; }

.tyuha-ev {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) 200px;
	gap: 20px;
	align-items: start;
	padding: 22px 0;
	border-bottom: 1px solid var(--tyuha-line);
}
.tyuha-ev:first-child { padding-top: 0; }

.tyuha-ev__when {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #000;
	color: #fff;
	padding: 9px 4px 7px;
}
.tyuha-ev__day { font-size: 24px; font-weight: 800; line-height: 1; }
.tyuha-ev__mon { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-top: 3px; }
.tyuha-ev__dow { font-size: 10px; text-transform: uppercase; opacity: .72; }

.tyuha-ev__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin: 0 0 7px !important;
}
.tyuha-ev__tag {
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 3px 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.tyuha-ev--ejszaka .tyuha-ev__tag { background: var(--tyuha-accent); }
.tyuha-ev__time,
.tyuha-ev__place { color: #000; }

.tyuha-ev__title { font-size: clamp(18px, 1.5vw, 22px); line-height: 1.25; font-weight: 700; margin: 0; }
.tyuha-ev__title a { color: #000; text-decoration: none; }
.tyuha-ev__title a:hover { color: var(--tyuha-accent); }

.tyuha-ev__lead { font-size: 15px; line-height: 1.55; margin-top: 8px !important; }

.tyuha-ev__media { display: block; overflow: hidden; background: var(--tyuha-placeholder); aspect-ratio: 3 / 2; }
.tyuha-ev__media img { display: block; width: 100%; height: 100%; object-fit: cover; }

.tyuha-prog__empty { padding: 40px 0; font-size: 17px; }

.tyuha-single--ev .tyuha-single-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.tyuha-side__kicker { display: block; }

.tyuha-evmeta { margin: 14px 0 0; }
.tyuha-evmeta dt {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #000;
	margin: 12px 0 0;
}
.tyuha-evmeta dt:first-of-type { margin-top: 0; }
.tyuha-evmeta dd {
	margin: 3px 0 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: #000;
}

@media (max-width: 980px) {
	.tyuha-prog__top { grid-template-columns: 1fr; gap: 34px; }
	.tyuha-prog__top .tyuha-cal { max-width: 480px; }
}

@media (max-width: 860px) {
	.tyuha-ev { grid-template-columns: 56px minmax(0, 1fr); gap: 14px; }
	.tyuha-ev__media { grid-column: 1 / -1; max-width: 320px; }
}

/* kicsúszó menüpanel */
.tyuha-panel {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, .5);
}
.tyuha-panel[hidden] { display: none; }

.tyuha-panel__inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 340px;
	max-width: 88vw;
	background: var(--tyuha-dark);
	color: #fff;
	overflow-y: auto;
	padding: 18px 22px 44px;
}

.tyuha-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}
.tyuha-panel__logo {
	font-size: 24px;
	color: var(--tyuha-accent);
}
.tyuha-panel__close {
	border: 0;
	background: none;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	padding: 0 4px;
	cursor: pointer;
}
.tyuha-panel__close:hover { color: var(--tyuha-accent); }

.tyuha-panel__menu,
.tyuha-panel__menu .sub-menu { list-style: none; margin: 0; padding: 0; }

.tyuha-panel__menu > li { border-bottom: 1px solid rgba(255, 255, 255, .13); }
.tyuha-panel__menu > li > a {
	display: block;
	padding: 12px 0;
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	text-decoration: none;
}
.tyuha-panel__menu .sub-menu { padding: 0 0 10px 14px; }
.tyuha-panel__menu .sub-menu a {
	display: block;
	padding: 7px 0;
	color: rgba(255, 255, 255, .82) !important;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	text-decoration: none;
}
.tyuha-panel__menu a:hover { color: var(--tyuha-accent) !important; }

.tyuha-panel__links {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 24px;
}
.tyuha-panel__links a {
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-decoration: none;
}
.tyuha-panel__links a:hover { color: var(--tyuha-accent) !important; }

body.tyuha-panel-open { overflow: hidden; }

/* ==================================================================
   MEGOSZTÁS SÁV
   ================================================================== */

.tyuha-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 30px;
	padding: 14px 0;
	border-top: 1px solid var(--tyuha-line);
	border-bottom: 1px solid var(--tyuha-line);
}

.tyuha-share__label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #000;
	margin-right: 4px;
}

.tyuha-share__btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 13px;
	border: 1px solid var(--tyuha-line);
	background: #fff;
	color: #000 !important;
	font-family: var(--tyuha-font);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	text-decoration: none !important;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.tyuha-share__btn svg { flex: none; }

.tyuha-share__btn:hover { background: #000; border-color: #000; color: #fff !important; }
.tyuha-share__btn--fb:hover { background: #1877f2; border-color: #1877f2; }
.tyuha-share__btn--ms:hover { background: #0084ff; border-color: #0084ff; }

.tyuha-share__btn--copy.is-done {
	background: var(--tyuha-accent) !important;
	border-color: var(--tyuha-accent) !important;
	color: #fff !important;
}

@media (min-width: 900px) {
	.tyuha-share__btn--ms { display: none; }
}

@media (max-width: 520px) {
	.tyuha-share { gap: 6px; }
	.tyuha-share__label { width: 100%; margin-bottom: 2px; }
	.tyuha-share__btn { padding: 9px 11px; font-size: 12px; }
}

/* ------------------------------------------------------------------
   Közös apróságok
   ------------------------------------------------------------------ */

.tyuha-eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--tyuha-accent);
	margin-bottom: 8px;
}
.tyuha-eyebrow:hover { text-decoration: underline; }

.tyuha-kicker,
a.tyuha-kicker,
.tyuha-author-kicker {
	color: var(--tyuha-accent) !important;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
}
.tyuha-kicker:hover,
a.tyuha-kicker:hover { color: #000 !important; text-decoration: underline; }

.tyuha-meta {
	font-size: 13px;
	color: var(--tyuha-muted);
	margin-top: 10px !important;
}
.tyuha .tyuha-dot { opacity: 1; padding: 0 2px; }

.tyuha-meta-author { font-weight: 600; }
.tyuha-meta-author:hover { color: var(--tyuha-accent); text-decoration: underline; }

.tyuha-lock {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	padding: 2px 7px;
	background: #000;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.tyuha-hero__media,
.tyuha-card__media,
.tyuha-fresh__media {
	display: block;
	overflow: hidden;
	background: var(--tyuha-placeholder);
}

.tyuha-hero__title a:hover,
.tyuha-card__title a:hover,
.tyuha-fresh__title a:hover { color: var(--tyuha-accent); }

/* ------------------------------------------------------------------
   HERO
   ------------------------------------------------------------------ */

.tyuha-hero {
	padding: 28px 0 var(--tyuha-gap);
	margin-bottom: var(--tyuha-gap);
	border-bottom: 3px solid #000;
}

.tyuha-hero__item {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 32px;
	align-items: center;
}
.tyuha-hero__item.is-nomedia { grid-template-columns: 1fr; }

.tyuha-hero__media { aspect-ratio: 16 / 9; }

.tyuha-hero__title {
	font-size: clamp(28px, 3.4vw, 46px);
	line-height: 1.08;
	font-weight: 800;
}

.tyuha-lead {
	font-size: clamp(16px, 1.25vw, 19px);
	line-height: 1.55;
	color: var(--tyuha-soft);
	margin-top: 14px !important;
	max-width: 60ch;
}

/* ------------------------------------------------------------------
   Törzs: fő blokk + oldalsáv
   ------------------------------------------------------------------ */

.tyuha-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 48px;
	align-items: start;
}

.tyuha-main {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--tyuha-gap);
}

.tyuha-card {
	display: flex;
	flex-direction: column;
	padding-bottom: var(--tyuha-gap);
	border-bottom: 1px solid var(--tyuha-line);
}
.tyuha-main .tyuha-card:nth-last-child(-n+2) {
	border-bottom: 0;
	padding-bottom: 0;
}

.tyuha-card__media {
	aspect-ratio: 3 / 2;
	margin-bottom: 14px;
}

.tyuha-card__title {
	font-size: clamp(18px, 1.5vw, 22px);
	line-height: 1.25;
	font-weight: 700;
}

.tyuha-card__excerpt {
	font-size: 15px;
	line-height: 1.55;
	color: var(--tyuha-soft);
	margin-top: 8px !important;
}

/* ------------------------------------------------------------------
   Oldalsáv
   ------------------------------------------------------------------ */

.tyuha-rail { position: sticky; top: 24px; }

.tyuha-rail__title {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin: 0 0 18px;
	border-bottom: 2px solid #000;
	color: #000;
}

.tyuha-fresh { list-style: none; margin: 0; padding: 0; }

.tyuha-fresh__item {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--tyuha-line);
}
.tyuha-fresh__item.is-nomedia { grid-template-columns: 1fr; }
.tyuha-fresh__item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.tyuha-fresh__media { aspect-ratio: 4 / 3; }

.tyuha-fresh__title {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 650;
	margin: 0;
}
.tyuha-fresh__title a { color: #000; text-decoration: none; }
.tyuha-fresh__title a:hover { color: var(--tyuha-accent); }

.tyuha-fresh .tyuha-meta { font-size: 12px; margin-top: 6px !important; }

/* ------------------------------------------------------------------
   CIKKOLDAL – OLDALSÁV
   ------------------------------------------------------------------ */

.tyuha-side { margin-top: 44px; }
.tyuha-side a { text-decoration: none; }

.tyuha-side__box {
	border: 1px solid var(--tyuha-line);
	padding: 18px;
	margin-bottom: 28px;
}

.tyuha-side__author { display: flex; align-items: center; gap: 12px; }

.tyuha-side__photo {
	width: 56px;
	height: 56px;
	flex: none;
	object-fit: cover;
}

.tyuha-side__who { display: flex; flex-direction: column; gap: 3px; min-width: 0; }

.tyuha-side__kicker {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--tyuha-accent);
}

.tyuha-side__name { font-size: 17px; font-weight: 700; line-height: 1.2; color: #000; }
.tyuha-side__name:hover { color: var(--tyuha-accent); }

.tyuha-side__bio { font-size: 13px; line-height: 1.5; margin: 13px 0 0 !important; color: #000; }

.tyuha-side__more {
	display: inline-block;
	margin-top: 16px;
	padding: 9px 15px;
	background: #000;
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .02em;
}
.tyuha-side__more:hover { background: var(--tyuha-accent); }

@media (min-width: 1100px) {
	main.tyuha-single { max-width: 1108px !important; }
	.tyuha-single-inner {
		display: grid;
		grid-template-columns: minmax(0, 720px) 300px;
		column-gap: 48px;
		align-items: start;
	}
	.tyuha-single-inner > * { grid-column: 1; }
	.tyuha-side {
		grid-column: 2;
		grid-row: 1 / span 99;
		align-self: start;
		position: sticky;
		top: 24px;
		margin-top: 0;
	}
}

@media (max-width: 1099px) {
	.tyuha-single-inner { display: flex; flex-direction: column; }
	.tyuha-side { order: 99; }
}

/* ------------------------------------------------------------------
   FACEBOOK / GOOGLE KÁRTYA
   ------------------------------------------------------------------ */

.tyuha-promos {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin: 40px 0 8px;
	clear: both;
}

@media (min-width: 700px) {
	.tyuha-promos:not(.tyuha-promos--rail) { grid-template-columns: 1fr 1fr; }
}

.tyuha-promos--lead { margin: 30px 0; }

.tyuha-promos--rail { grid-template-columns: 1fr; gap: 10px; margin: 0 0 28px; }

.tyuha-promo {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 15px 16px;
	border: 1px solid var(--tyuha-line);
	background: #fff;
	color: #000 !important;
	text-decoration: none !important;
}
.tyuha-promo:hover { border-color: #000; }

.tyuha-promo__icon { flex: none; display: flex; align-items: center; }
.tyuha-promo--fb .tyuha-promo__icon { color: #1877f2; }

.tyuha-promo__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.tyuha-promo__text strong { font-size: 15px; font-weight: 700; line-height: 1.25; }
.tyuha-promo__text span { font-size: 13px; line-height: 1.35; }

.tyuha-promo__cta {
	flex: none;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .02em;
	padding: 9px 15px;
	white-space: nowrap;
}
.tyuha-promo:hover .tyuha-promo__cta { background: var(--tyuha-accent); }

.tyuha-promos--rail .tyuha-promo { flex-wrap: wrap; }
.tyuha-promos--rail .tyuha-promo__cta { width: 100%; margin-top: 8px; text-align: center; }

/* ------------------------------------------------------------------
   ROVATOLDAL ÉS KERESÉSI TALÁLATOK
   ------------------------------------------------------------------ */

.tyuha-archive-head { padding: 26px 0 18px; border-bottom: 3px solid #000; }

.tyuha-archive-title {
	font-size: clamp(26px, 3vw, 40px);
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.tyuha-archive-desc { margin-top: 10px !important; font-size: 16px; line-height: 1.5; max-width: 70ch; }

.tyuha--archive .tyuha-hero { border-bottom-width: 1px; border-bottom-color: var(--tyuha-line); }

.tyuha-empty { padding: 56px 0; font-size: 17px; }

.tyuha-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin-top: 48px;
	padding-top: 28px;
	border-top: 1px solid var(--tyuha-line);
}

.tyuha-pager .tyuha-page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--tyuha-line);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
}
.tyuha-pager .tyuha-page:hover { border-color: #000; }
.tyuha-pager .tyuha-page.is-current { background: #000; color: #fff !important; border-color: #000; }

/* ------------------------------------------------------------------
   KERESŐPANEL
   ------------------------------------------------------------------ */

.tyuha-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.tyuha-searchbox {
	position: fixed;
	inset: 0;
	z-index: 100001;
	background: rgba(0, 0, 0, .55);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 12vh 20px 20px;
}
.tyuha-searchbox[hidden] { display: none; }

.tyuha-searchbox__inner {
	position: relative;
	width: 100%;
	max-width: 680px;
	background: #fff;
	padding: 58px 28px 30px;
}

.tyuha-searchbox form {
	display: flex;
	gap: 10px;
	align-items: center;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
}

.tyuha-searchbox input[type="search"] {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	padding: 6px 0;
	-webkit-appearance: none;
}

.tyuha-searchbox button[type="submit"] {
	flex: none;
	border: 0;
	background: #000 !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .02em;
	padding: 11px 20px;
	cursor: pointer;
}
.tyuha-searchbox button[type="submit"]:hover { background: var(--tyuha-accent) !important; }

.tyuha-searchbox__close {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 2;
	border: 0;
	background: none !important;
	color: #000;
	font-size: 28px;
	line-height: 1;
	padding: 4px 8px;
	cursor: pointer;
}
.tyuha-searchbox__close:hover { color: var(--tyuha-accent); }

body.tyuha-search-open { overflow: hidden; }

/* ------------------------------------------------------------------
   RESZPONZÍV
   ------------------------------------------------------------------ */

@media (max-width: 1100px) {
	.tyuha { --tyuha-gap: 26px; }
	.tyuha-body { grid-template-columns: 1fr; gap: 40px; }
	.tyuha-rail { position: static; }
	.tyuha-fresh {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 28px;
	}
	.tyuha-h-nav .tyuha-mainmenu > li > a { padding: 11px 10px; letter-spacing: .04em; }
	.tyuha-promos--rail .tyuha-promo { flex-wrap: nowrap; }
	.tyuha-promos--rail .tyuha-promo__cta { width: auto; margin-top: 0; }
	.tyuha-side .tyuha-fresh {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 28px;
	}
}

@media (max-width: 880px) {
	.tyuha-hero__item { grid-template-columns: 1fr; gap: 20px; }
	.tyuha-hero__media { aspect-ratio: 3 / 2; }
}

@media (max-width: 640px) {
	.tyuha { padding: 0 16px 48px; }
	.page-header { padding: 20px 16px 0 !important; }
	.tyuha-h-slogan { font-size: 11px; letter-spacing: .14em; margin-top: 8px; }
	.tyuha-header .tyuha-h-mast { padding-bottom: 14px !important; }
	.tyuha-footer-slogan { font-size: 11px !important; letter-spacing: .14em; }
	.tyuha-h-nav .tyuha-mainmenu > li > a { font-size: 13px; padding: 10px 8px; }
	.tyuha-main { grid-template-columns: 1fr; }
	.tyuha-main .tyuha-card:nth-last-child(-n+2) {
		border-bottom: 1px solid var(--tyuha-line);
		padding-bottom: var(--tyuha-gap);
	}
	.tyuha-main .tyuha-card:last-child { border-bottom: 0; padding-bottom: 0; }
	.tyuha-fresh { grid-template-columns: 1fr; }
	.tyuha-fresh__item { grid-template-columns: 72px minmax(0, 1fr); }
	.tyuha-side .tyuha-fresh { grid-template-columns: 1fr; }
	.tyuha-feat__item { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; }
	.tyuha-imp__hero { padding: 34px 20px 32px; }

	.tyuha-searchbox { padding-top: 8vh; }
	.tyuha-searchbox__inner { padding: 52px 18px 22px; }
	.tyuha-searchbox input[type="search"] { font-size: 18px; }
	.tyuha-searchbox button[type="submit"] { padding: 10px 14px; font-size: 13px; }

	.tyuha-promo { flex-wrap: wrap; }
	.tyuha-promo__cta { width: 100%; margin-top: 8px; text-align: center; }
}


/* ==================================================================
   SZÖVEGSZÍN – fekete a tartalmi részeken
   ================================================================== */

body { color: #000; }

.tyuha-page,
.tyuha-single-lead,
.tyuha-single-content,
.tyuha-author,
.tyuha-author-bio,
.tyuha-paywall-text,
.tyuha-row-lead,
.tyuha-row-meta,
.tyuha-sub-intro,
.tyuha-sub-note,
.tyuha-f-label,
.tyuha-check,
.tyuha-fb-follow__head,
.tyuha-single-content p,
.tyuha-single-content li,
.tyuha-single-content blockquote { color: #000 !important; }

.tyuha-dot,
.tyuha-row-meta .tyuha-dot { color: #000 !important; opacity: 1 !important; }

/* az impresszum fejblokkja piros, ott fehér a szöveg */
.tyuha-imp__hero,
.tyuha-imp__hero p { color: #fff !important; }


/* ==================================================================
   SEHOL NINCS LEKEREKÍTÉS
   ================================================================== */

[class*="tyuha-"],
[class*="tyuha-"]::before,
[class*="tyuha-"]::after,
[class*="tyuha-"] *,
main,
main *,
main input,
main button,
main select,
main textarea,
.tyuha-header input,
.tyuha-header button,
.tyuha-header a,
.tyuha-footer input,
.tyuha-footer button,
.tyuha-footer a,
.tyuha-panel input,
.tyuha-panel button,
.tyuha-searchbox input,
.tyuha-searchbox button { border-radius: 0 !important; }


/* ==================================================================
   MOBIL FEJLÉC – csak hamburger + Csoport
   ================================================================== */

@media (max-width: 767px) {
	.tyuha-header .tyuha-search,
	.tyuha-header a[href*="/elofizetes"],
	.tyuha-header a[href*="/belepes"] { display: none !important; }
}


/* ==================================================================
   NYOLCADIK.HU LOGÓ (fejléc + lábléc) – a pont helyén zöld–sárga, átlósan felezett négyzet
   ================================================================== */

header.tyuha-header .ny-lg .ny-lg__d,
.tyuha-header .ny-lg__d,
.tyuha-footer-logo .ny-lg .ny-lg__d,
.tyuha-footer-logo .ny-lg__d {
	display: inline-block;
	width: .7em;
	height: .7em;
	margin: 0 .07em 0 .09em;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	text-shadow: none !important;
	text-indent: 100em;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: baseline;
	line-height: 0;
	background:
		linear-gradient(#FFC220, #FFC220) center / 26% 100% no-repeat,
		linear-gradient(#FFC220, #FFC220) center / 100% 26% no-repeat,
		#2C998E;
}



/* ==================================================================
   ROVATOLDAL – MOBIL OLDALMARGÓ
   (a fejléc stílusa 1280px alatt kinullázza a .tyuha oldalpaddingot,
   az archívum sablon viszont közvetlenül a body-ban ül, ezért kilógott)
   ================================================================== */

@media (max-width: 1279px) {
	body > .tyuha.tyuha--archive {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}



/* ==================================================================
   CIKKOLDAL – MOBIL VÍZSZINTES CSÚSZÁS
   (a szerző / dátum / olvasási idő sor egy sorba volt kényszerítve,
   keskeny kijelzőn ezért lógott ki és lehetett oldalra húzni az oldalt)
   ================================================================== */

.tyuha-row-meta,
.tyuha-single-meta {
	flex-wrap: wrap;
	row-gap: 4px;
}

.tyuha-single-content,
.tyuha-single-lead,
.tyuha-single-title { overflow-wrap: break-word; }



/* ==================================================================
   MENÜ – ZÖLD KIEMELÉS (a fekete hover helyett)
   ================================================================== */

header.tyuha-header .tyuha-h-nav .tyuha-mainmenu > li > a:hover,
header.tyuha-header .tyuha-h-nav .tyuha-mainmenu > li > a:focus,
header.tyuha-header .tyuha-h-nav .tyuha-mainmenu > li:hover > a,
header.tyuha-header .tyuha-h-nav .tyuha-mainmenu > li:focus-within > a,
header.tyuha-header .tyuha-h-nav .tyuha-mainmenu .sub-menu a:hover,
header.tyuha-header .tyuha-h-nav .tyuha-mainmenu .sub-menu a:focus {
	background: #2C998E !important;
	color: #fff !important;
}



/* ==================================================================
   FEJLÉC GOMBOK – Feliratkozás sárga, Belépés zöld
   ================================================================== */

header.tyuha-header a.tyuha-btn.tyuha-btn--sub {
	background: #FFC220 !important;
	border-color: #FFC220 !important;
	color: #111 !important;
}
header.tyuha-header a.tyuha-btn.tyuha-btn--sub:hover {
	background: #E8AE15 !important;
	border-color: #E8AE15 !important;
	color: #111 !important;
}

header.tyuha-header a.tyuha-btn.tyuha-btn--login {
	background: #2C998E !important;
	border-color: #2C998E !important;
	color: #fff !important;
}
header.tyuha-header a.tyuha-btn.tyuha-btn--login:hover {
	background: #24837A !important;
	border-color: #24837A !important;
	color: #fff !important;
}



/* ==================================================================
   PROMÓ DOBOZOK (Facebook / Google) – ne legyen sárga háttér hoverre
   ================================================================== */

a.tyuha-promo:hover,
a.tyuha-promo:focus,
.page-content a.tyuha-promo:hover,
.page-content a.tyuha-promo:focus,
.tyuha a.tyuha-promo:hover,
.tyuha-single-content a.tyuha-promo:hover {
	background: #fff !important;
	color: #111 !important;
	border-color: #111 !important;
}

.tyuha-promo:hover .tyuha-promo__cta {
	background: #FFC220 !important;
	color: #111 !important;
}