/**
 * Program aloldal — Figma "Program belső" (183:1774 "Buszprogram" és
 * 183:1844 "Digitéka").
 *
 * A tervben a szövegoszlop x=381, 962px széles egy 1920px-es vásznon, a
 * címsor 36px félkövér, a megyénkénti alcímek 21.857px narancs, alattuk egy
 * 66.637x3px-es halvány teal vonal.
 *
 * A sarokdíszek méretét `vw`-ben adjuk meg, hogy a kompozíció együtt
 * skálázódjon a tervvel. A felső hármat a lap tetejéhez, a középső négyet a
 * szekció magasságának százalékához kötjük — a két Figma-változat eltérő
 * hosszúságú, de ezek mindkettőn a 64–71% sávba esnek, tehát a százalék hűbb,
 * mint a fix képpont, és rövid programoldalon sem csúszik szét.
 *
 * Vízszintesen viszont NEM a képernyőhöz, hanem a tartalomdobozhoz kötjük őket
 * (`calc(50% ± 532px)` a 1112px-es `.container` belső széle), különben keskenyebb
 * ablakban a `vw`-s díszek benyúlnak a fix szélességű szövegoszlop alá. A
 * tervbeli (1920px-es) helyzet így pontosan kijön, és minden szélességen kívül
 * marad a szövegen.
 */

.program-single {
	position: relative;
	overflow: hidden;
	padding: 60px 0 90px;
	min-height: 720px;
}

.program-single__inner {
	position: relative;
	z-index: 1;
	max-width: 1112px;
}

/* 183:1794 */
.program-single__title {
	margin: 0 0 24px;
	font-size: 36px;
	font-weight: var(--weight-bold);
	text-transform: uppercase;
	color: var(--color-teal);
}

/* 183:1795 — a szövegoszlop a tervben 962px. */
.program-single__content {
	max-width: 962px;
	font-size: 18px;
	line-height: 1.34;
	color: var(--color-teal);
}

.program-single__content > *:first-child { margin-top: 0; }
.program-single__content > *:last-child { margin-bottom: 0; }

.program-single__content p { margin: 0 0 24px; }

.program-single__content a {
	color: inherit;
	text-decoration: underline;
}

.program-single__content a:hover,
.program-single__content a:focus-visible { color: var(--color-orange); }

/* 183:1798 + 183:1799 — alcím és alatta a rövid vonal. */
.program-single__content h2,
.program-single__content h3 {
	margin: 34px 0 0;
	font-size: 21.857px;
	line-height: normal;
	font-weight: var(--weight-bold);
	text-transform: uppercase;
	color: var(--color-orange);
}

.program-single__content h2::after,
.program-single__content h3::after {
	content: "";
	display: block;
	width: 66.637px;
	height: 3px;
	margin: 7px 0 7px;
	background: rgba(0, 137, 127, .39);
}

.program-single__content h3 { font-size: 20px; }

.program-single__content ul,
.program-single__content ol { margin: 0 0 24px; padding-left: 1.3em; }

.program-single__content li { margin-bottom: .4em; }

/* 183:1868 — a kép a szövegoszlop teljes szélességét kitölti. */
.program-single__content img { height: auto; }

.program-single__content figure,
.program-single__content .wp-block-image { margin: 34px 0; }

.program-single__content figcaption {
	margin-top: 8px;
	font-size: 15px;
	color: var(--color-text-muted);
}

.program-single__content blockquote {
	margin: 34px 0;
	padding: 26px 30px;
	font-style: italic;
	color: #fff;
	background: var(--color-teal);
	border: 0;
}

.program-single__content table { width: 100%; border-collapse: collapse; }
.program-single__content th,
.program-single__content td { padding: 10px 12px; border-bottom: 1px solid var(--color-border); text-align: left; }

/* -- Sarokdíszek (183:1775 … 183:1792) -- */

.program-single__decor {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.program-single__shape {
	position: absolute;
	display: block;
	max-width: none;
}

/* 183:1775 — a zöld sáv a vászon teteje fölül lóg be. */
.program-single__shape--green-top {
	left: calc(50% + 673px);
	top: -54.56vw;
	width: 30.94vw;
	height: 86.20vw;
}

/* 183:1778 */
.program-single__shape--left-chevrons {
	right: calc(50% + 722px);
	top: 1.84vw;
	width: 16.75vw;
	height: 37.33vw;
}

/* 183:1862 */
.program-single__shape--orange-band {
	left: calc(50% + 673px);
	top: 14.73vw;
	width: 55.23vw;
	height: 63.02vw;
}

/* 183:1792 */
.program-single__shape--yellow-left {
	right: calc(50% + 846px);
	top: 70.0%;
	width: 9.91vw;
	height: 11.45vw;
}

/* 183:1787 */
.program-single__shape--green-left {
	right: calc(50% + 647px);
	top: 70.5%;
	width: 12.78vw;
	height: 14.76vw;
}

/* 183:1786 */
.program-single__shape--yellow-right {
	left: calc(50% + 865px);
	top: 65.7%;
	width: 12.45vw;
	height: 11.98vw;
}

/* 183:1781 */
.program-single__shape--orange-right {
	left: calc(50% + 706px);
	top: 64.4%;
	width: 17.38vw;
	height: 16.73vw;
}

/* 183:1777 */
.program-single__shape--yellow-bottom {
	left: calc(50% + 559px);
	bottom: 0;
	width: 8.63vw;
	height: 9.97vw;
}

@media (max-width: 1200px) {
	.program-single__content { max-width: none; }
}

@media (max-width: 860px) {
	.program-single { padding: 48px 0 64px; min-height: 0; }
	.program-single__title { font-size: 28px; }
	.program-single__decor { display: none; }
}