/**
 * SIO Form — a widget stíluslapja.
 *
 * IZOLÁCIÓ — a téma és az oldalépítő (Elementor, Divi…) ne szólhasson bele:
 *
 * 1. Minden szelektor a `.siofw:not(#s#i#o#f)` alatt áll. A `:not()` NÉGY ID-nyi
 *    specificitást ad, miközben mindenre illeszkedik (egyetlen elemnek sincs
 *    ilyen azonosítója).
 * 2. A reset `all: revert`: a téma kaszkádját a böngésző alapstílusáig nullázza;
 *    utána minden tulajdonságot explicit adunk meg.
 * 3. MINDEN DEKLARÁCIÓ `!important`. A célzott keményítés vakondütögetés lenne
 *    (a téma a `height`-et, `margin`-t, `float`-ot, `width`-et is eltérítheti);
 *    így a téma saját `!important` szabályai is veszítenek, mert a mi
 *    specificitásunk nagyobb. Testreszabás KIZÁRÓLAG tokenen (CSS-változón) át
 *    történik, tehát felülírhatóságra nincs szükség. A `bin/preflight.sh`
 *    lintje ellenőrzi.
 *    KIVÉTEL: az egyéni tulajdonságok (`--siof-*`). Azokra `!important` TILOS:
 *    a stílus a gyökér INLINE `style` attribútumában érkezik, és egy
 *    `!important` stíluslap-deklaráció legyőzné.
 * 4. ÖRÖKLÖTT TULAJDONSÁGOK TŰZFALA a gyökéren. Az `all: revert` öröklött
 *    tulajdonságnál `inherit`-re oldódik — a `letter-spacing`, `text-transform`,
 *    `text-shadow`, `-webkit-text-fill-color` tehát a reset ellenére
 *    ÁTSZIVÁROGNA a témából. Ezeket a gyökéren kimondjuk.
 *
 * KIVÉTELEK A RESET ALÓL:
 *  - az SVG-RÉSZFA: az SVG2 óta a `d`, `cx`, `r` CSS-tulajdonság is, a
 *    `<path d="…">` pedig csak prezentációs attribútum — a reset alatt MINDEN
 *    ikon néma üres folttá válna. A kizárt részfán a festést külön megadjuk,
 *    különben a téma `svg path { fill }` szabálya átfestené.
 *  - a TURNSTILE-RÉSZFA: a Cloudflare inline mérettel adja meg az iframe-jét,
 *    amit egy `!important` reset legyőzne.
 *
 * ÁLLAPOTOK: a hover / fókusz / aktív KÜLÖN változókat fogyaszt — sosem írjuk
 * felül ugyanazt a változót (az inline változót stíluslap nem győzné le). A
 * `[data-siof-force]` a stílusszerkesztő előnézetének állapotváltója.
 *
 * ÚJ DEKLARÁCIÓNÁL: egy deklaráció egy sorban, `!important`-tal — a lint így olvas.
 */

/*
 * A KIZÁRÁSOK `:where()`-BEN ÁLLNAK — EZ TEHERHORDÓ. A `:where()` specificitása
 * nulla, így a reset (4,1,0) GYENGÉBB minden komponens-szabálynál (4,2,0). Sima
 * `:not(.osztály)` láncokkal a reset specificitása a komponens-szabályoké FÖLÉ
 * nőne, és mivel itt minden `!important`, a saját resetünk legyőzné a saját
 * stílusunkat: az űrlap böngésző-alapkinézettel jelenne meg. (Így is történt az
 * első változatban; a számított-stílus teszt közben zöld volt, mert két
 * egyformán formázatlan űrlapot hasonlított össze — a képernyőkép buktatta le.)
 */
.siofw:not(#s#i#o#f),
.siofw:not(#s#i#o#f) :where(*:not(svg):not(svg *):not(.siofw-turnstile):not(.siofw-turnstile *)),
.siofw:not(#s#i#o#f) :where(*:not(svg):not(svg *):not(.siofw-turnstile):not(.siofw-turnstile *))::before,
.siofw:not(#s#i#o#f) :where(*:not(svg):not(svg *):not(.siofw-turnstile):not(.siofw-turnstile *))::after {
	all: revert !important;
	box-sizing: border-box !important;
}

/* ------------------------------------------------------------------ gyökér */

.siofw:not(#s#i#o#f) {
	/*
	 * A stílus-tokenek ALAPÉRTÉKEI. Az űrlap inline stílusa csak az ettől
	 * eltérő változókat viszi — az inline deklaráció a stíluslap egyéni
	 * tulajdonságát felülírja (ezért itt sincs `!important`).
	 */
	/* @alapertekek:kezdet — GENERÁLT (bin/gen-css-defaults.php), kézzel ne szerkeszd */
	--siof-box-bg: #ffffff;
	--siof-box-border-width: 1px;
	--siof-box-border-style: solid;
	--siof-box-border-color: #e2e4e7;
	--siof-box-radius: 12px;
	--siof-box-padding: 28px;
	--siof-box-shadow: 0 0 0 0 transparent;
	--siof-box-blur: 0px;
	--siof-max-width: 520px;
	--siof-font: inherit;
	--siof-font-heading: inherit;
	--siof-font-scale: 1;
	--siof-text: #1d2327;
	--siof-muted: #5f6670;
	--siof-label-color: #1d2327;
	--siof-label-size: 15px;
	--siof-label-weight: 600;
	--siof-heading-size: 22px;
	--siof-heading-weight: 700;
	--siof-heading-color: #1d2327;
	--siof-heading-align: left;
	--siof-intro-size: 15px;
	--siof-intro-weight: 400;
	--siof-intro-color: #1d2327;
	--siof-consent-align: left;
	--siof-input-bg: #ffffff;
	--siof-input-text: #1d2327;
	--siof-input-placeholder: #6b727c;
	--siof-input-border-style: solid;
	--siof-input-radius: 8px;
	--siof-input-pad-y: 11px;
	--siof-input-pad-x: 14px;
	--siof-input-size: 16px;
	--siof-input-shadow: 0 0 0 0 transparent;
	--siof-gap: 18px;
	--siof-input-hover-bg: #ffffff;
	--siof-input-hover-border-color: #5f6670;
	--siof-input-hover-shadow: 0 0 0 0 transparent;
	--siof-input-focus-bg: #ffffff;
	--siof-input-focus-border-color: #3858e9;
	--siof-input-ring-color: #3858e933;
	--siof-input-ring-width: 3px;
	--siof-accent: #3858e9;
	--siof-error: #c02b2d;
	--siof-success: #1e7e34;
	--siof-transition: 150ms;
	--siof-choice-bg: #ffffff;
	--siof-choice-text: #1d2327;
	--siof-choice-border-color: #8c929b;
	--siof-choice-mark: #3858e9;
	--siof-choice-hover-bg: #ffffff;
	--siof-choice-hover-border-color: #3858e9;
	--siof-choice-selected-bg: #eef1fd;
	--siof-choice-selected-text: #1d2327;
	--siof-choice-selected-border-color: #3858e9;
	--siof-btn-bg: #1d2327;
	--siof-btn-text: #ffffff;
	--siof-btn-border-width: 0px;
	--siof-btn-border-style: solid;
	--siof-btn-border-color: #1d2327;
	--siof-btn-radius: 8px;
	--siof-btn-pad-y: 13px;
	--siof-btn-pad-x: 26px;
	--siof-btn-size: 16px;
	--siof-btn-weight: 600;
	--siof-btn-transform: none;
	--siof-btn-spacing: 0px;
	--siof-btn-shadow: 0 0 0 0 transparent;
	--siof-btn-hover-bg: #2c3338;
	--siof-btn-hover-text: #ffffff;
	--siof-btn-hover-border-color: #1d2327;
	--siof-btn-hover-shadow: 0 0 0 0 transparent;
	--siof-btn-hover-lift: 0px;
	--siof-btn-active-bg: #2c3338;
	--siof-btn-active-shadow: 0 0 0 0 transparent;
	--siof-btn-active-press: 1px;
	--siof-ring-color: #3858e9;
	--siof-ring-width: 2px;
	--siof-ring-offset: 2px;
	--siof-input-border-widths: 1px;
	--siof-input-border-color-rest: #8c929b;
	--siof-input-bg-solid: #ffffff;
	--siof-choice-direction: column;
	--siof-choice-mark-display: inline-flex;
	--siof-btn-image: none;
	--siof-btn-hover-image: none;
	--siof-btn-active-image: none;
	--siof-btn-hover-scale: 1;
	--siof-btn-hover-glow: 0 0 0 0 transparent;
	--siof-btn-hover-hit: 0px;
	--siof-margin-left: auto;
	--siof-margin-right: auto;
	/* @alapertekek:veg */
	--siof-fs: calc(1px * var(--siof-font-scale, 1));
	display: block !important;
	/*
	 * MINDIG 100%: a `container-type: inline-size` méret-elszigetelést ad, az
	 * elem tehát NEM tud a tartalmából szélességet venni. Zsugorodó szülőben
	 * (középre igazított flex-konténer — Elementorban a gyakori eset —,
	 * inline-block) enélkül NULLA szélességre omlana.
	 */
	width: 100% !important;
	max-width: var(--siof-max-width, 520px) !important;
	min-width: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: var(--siof-margin-left, auto) !important;
	margin-right: var(--siof-margin-right, auto) !important;
	padding: 0 !important;
	container-type: inline-size !important;
	/*
	 * A `width: 100%` csak ott segít, ahol a szülő szélessége ismert. Ha a szülő
	 * maga is a tartalmából méreteződik (inline-block, float, `fit-content`), a
	 * százalék körkörös, és a méret-elszigetelés miatt a widget 0 px-et adna a
	 * szülőnek. Ez a tartalék belső szélesség: ilyen szülőben az űrlap keskeny,
	 * de használható (egymás alá tört) marad, nem tűnik el.
	 */
	contain-intrinsic-inline-size: 280px !important;
	/* ---- öröklött tulajdonságok tűzfala ---- */
	font-family: var(--siof-font, inherit) !important;
	font-size: calc(16 * var(--siof-fs)) !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-variant: normal !important;
	line-height: 1.5 !important;
	letter-spacing: normal !important;
	word-spacing: normal !important;
	text-transform: none !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	text-align: left !important;
	white-space: normal !important;
	color: var(--siof-text, #1d2327) !important;
	-webkit-text-fill-color: currentColor !important;
	-webkit-font-smoothing: antialiased !important;
	visibility: visible !important;
	cursor: auto !important;
	direction: ltr !important;
}

.siofw:not(#s#i#o#f) .siofw-box {
	display: block !important;
	background-color: var(--siof-box-bg, #ffffff) !important;
	border-width: var(--siof-box-border-width, 1px) !important;
	border-style: var(--siof-box-border-style, solid) !important;
	border-color: var(--siof-box-border-color, #e2e4e7) !important;
	border-radius: var(--siof-box-radius, 12px) !important;
	padding: var(--siof-box-padding, 28px) !important;
	box-shadow: var(--siof-box-shadow, 0 0 0 0 transparent) !important;
	-webkit-backdrop-filter: blur(var(--siof-box-blur, 0px)) !important;
	backdrop-filter: blur(var(--siof-box-blur, 0px)) !important;
}

/* A képernyőolvasónak szóló, vizuálisan rejtett szöveg (kikapcsolt mezőcímke). */
.siofw:not(#s#i#o#f) .siofw-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ------------------------------------------------------------------- rács */

/*
 * Mobil-első: alapból minden egymás alatt. A szélességek a WIDGET szélességére
 * (konténer-lekérdezés) kapcsolnak be, nem a nézetablakéra — egy 300 px-es
 * oldalsávban az űrlap nagy képernyőn is egymás alá tör.
 */
.siofw:not(#s#i#o#f) .siofw-form {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	column-gap: var(--siof-gap, 18px) !important;
	row-gap: var(--siof-gap, 18px) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.siofw:not(#s#i#o#f) .siofw-form > * {
	grid-column: 1 / -1 !important;
	min-width: 0 !important;
}

.siofw:not(#s#i#o#f) .siofw-field {
	display: flex !important;
	flex-direction: column !important;
	row-gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.siofw:not(#s#i#o#f) .siofw-head {
	display: flex !important;
	flex-direction: column !important;
	row-gap: 2px !important;
}

.siofw:not(#s#i#o#f) .siofw-head:empty {
	display: none !important;
}

.siofw:not(#s#i#o#f) .siofw-control {
	display: block !important;
	min-width: 0 !important;
}

@container (min-width: 520px) {
	.siofw:not(#s#i#o#f) .siofw-form > .siofw-w-2-3 {
		grid-column: auto / span 8 !important;
	}

	.siofw:not(#s#i#o#f) .siofw-form > .siofw-w-1-2 {
		grid-column: auto / span 6 !important;
	}

	.siofw:not(#s#i#o#f) .siofw-form > .siofw-w-1-3 {
		grid-column: auto / span 4 !important;
	}

	/*
	 * „Sorban a mezőkkel": a gomb rácselem a mezők sorában. A mező három sora
	 * (fej · vezérlő · hiba) subgriddel a szülő soraira ül, a gomb pedig a
	 * VEZÉRLŐ sorába kerül — így a beviteli mezővel van egy vonalban akkor is,
	 * ha a mezőnek van címkéje vagy éppen hibaüzenete.
	 */
	.siofw:not(#s#i#o#f) .siofw-form.is-inline > .siofw-actions {
		grid-column: auto / span 4 !important;
		align-self: end !important;
	}

	@supports (grid-template-rows: subgrid) {
		.siofw:not(#s#i#o#f) .siofw-form.is-inline > .siofw-field,
		.siofw:not(#s#i#o#f) .siofw-form.is-inline > .siofw-actions {
			display: grid !important;
			grid-row: span 3 !important;
			grid-template-rows: subgrid !important;
			row-gap: 6px !important;
			align-self: stretch !important;
		}

		.siofw:not(#s#i#o#f) .siofw-form.is-inline > .siofw-actions > .siofw-btn {
			grid-row: 2 !important;
			align-self: stretch !important;
		}
	}
}

/* Konténer-lekérdezés nélküli böngésző: a nézetablak a tartalék. */
@supports not (container-type: inline-size) {
	@media (min-width: 600px) {
		.siofw:not(#s#i#o#f) .siofw-form > .siofw-w-2-3 {
			grid-column: auto / span 8 !important;
		}

		.siofw:not(#s#i#o#f) .siofw-form > .siofw-w-1-2 {
			grid-column: auto / span 6 !important;
		}

		.siofw:not(#s#i#o#f) .siofw-form > .siofw-w-1-3 {
			grid-column: auto / span 4 !important;
		}

		.siofw:not(#s#i#o#f) .siofw-form.is-inline > .siofw-actions {
			grid-column: auto / span 4 !important;
			align-self: end !important;
		}
	}
}

/* ----------------------------------------------------------------- feliratok */

.siofw:not(#s#i#o#f) .siofw-label {
	display: block !important;
	font-family: var(--siof-font-heading, var(--siof-font, inherit)) !important;
	font-size: calc(var(--siof-label-size, 15px) * var(--siof-font-scale, 1)) !important;
	font-weight: var(--siof-label-weight, 600) !important;
	line-height: 1.4 !important;
	color: var(--siof-label-color, var(--siof-text, #1d2327)) !important;
}

.siofw:not(#s#i#o#f) .siofw-req {
	color: var(--siof-error, #c02b2d) !important;
	margin-left: 4px !important;
}

.siofw:not(#s#i#o#f) .siofw-desc {
	display: block !important;
	margin: 0 !important;
	font-size: calc(14 * var(--siof-fs)) !important;
	color: var(--siof-muted, #5f6670) !important;
}

.siofw:not(#s#i#o#f) .siofw-hint {
	display: block !important;
	margin-top: 6px !important;
	font-size: calc(13 * var(--siof-fs)) !important;
	color: var(--siof-muted, #5f6670) !important;
}

.siofw:not(#s#i#o#f) .siofw-text {
	display: block !important;
	margin: 0 0 12px !important;
	color: var(--siof-text, #1d2327) !important;
}

.siofw:not(#s#i#o#f) .siofw-muted {
	display: block !important;
	margin: 0 !important;
	font-size: calc(14 * var(--siof-fs)) !important;
	color: var(--siof-muted, #5f6670) !important;
}

/* A hivatkozás a KÖRNYEZŐ szöveg színét viszi (a hozzájárulás jelölőjében a
   szövegszín, a mondatban a halvány szín), és csak az aláhúzás jelzi, hogy link
   — tulajdonosi döntés (0.10.11), minden stílusra egységesen. Az aláhúzás
   eltolása: a hangsúlyszín nélkül ez a link egyetlen jelzése, ne folyjon a
   betűk szárába. */
.siofw:not(#s#i#o#f) .siofw-link {
	color: inherit !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
	cursor: pointer !important;
}

/* -------------------------------------------------------------------- mezők */

/* A BÖNGÉSZŐ AUTOMATIKUS KITÖLTÉSE (Chrome kék, Firefox sárga háttere) ne írja
   felül a stílus mezőszíneit — sötét űrlapon ez világos folt volt, benne a saját
   világos szövegszínnel alig olvasható szöveggel. A háttér nem állítható
   közvetlenül, ezért a bevált két fogás: a szöveg színe `-webkit-text-fill-color`,
   a háttér pedig egy „soha le nem futó" átmenettel marad a sajátunk. */
.siofw:not(#s#i#o#f) .siofw-input:-webkit-autofill,
.siofw:not(#s#i#o#f) .siofw-input:-webkit-autofill:hover,
.siofw:not(#s#i#o#f) .siofw-input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--siof-input-text, #1d2327) !important;
	caret-color: var(--siof-input-text, #1d2327) !important;
	transition: background-color 100000s ease-in-out 0s !important;
}

/* A szabványos alak külön szabályban: egy ismeretlen szelektor az EGÉSZ
   szabálylistát eldobná abban a böngészőben, amelyik nem ismeri. */
.siofw:not(#s#i#o#f) .siofw-input:autofill {
	-webkit-text-fill-color: var(--siof-input-text, #1d2327) !important;
	caret-color: var(--siof-input-text, #1d2327) !important;
	transition: background-color 100000s ease-in-out 0s !important;
}

/* A Chrome a LISTÁBÓL kiválasztott (még nem véglegesített) javaslatot saját kék
   háttérrel és kijelöléssel mutatja; ez a belső állapot csak így érhető el. */
.siofw:not(#s#i#o#f) .siofw-input:-internal-autofill-selected {
	/* `-solid`: a mezőháttér ÁTLÁTSZATLAN közelítése (a composer számolja). Áttetsző
	   mezőháttérnél a saját szín átengedné a Chrome kék kiemelését. */
	background-color: var(--siof-input-bg-solid, var(--siof-input-bg, #ffffff)) !important;
	background-image: none !important;
	color: var(--siof-input-text, #1d2327) !important;
	-webkit-text-fill-color: var(--siof-input-text, #1d2327) !important;
}

/* A kijelölés színe is a stílusé legyen (a gyári világoskék sötét űrlapon üt). */
.siofw:not(#s#i#o#f) .siofw-input::selection {
	background-color: var(--siof-input-ring-color, #3858e933) !important;
	color: var(--siof-input-text, #1d2327) !important;
}

.siofw:not(#s#i#o#f) .siofw-input {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	float: none !important;
	background-color: var(--siof-input-bg, #ffffff) !important;
	background-image: none !important;
	color: var(--siof-input-text, #1d2327) !important;
	-webkit-text-fill-color: var(--siof-input-text, #1d2327) !important;
	border-style: var(--siof-input-border-style, solid) !important;
	border-width: var(--siof-input-border-widths, 1px) !important;
	border-color: var(--siof-input-border-color-rest, #8c929b) !important;
	border-radius: var(--siof-input-radius, 8px) !important;
	padding: var(--siof-input-pad-y, 11px) var(--siof-input-pad-x, 14px) !important;
	box-shadow: var(--siof-input-shadow, 0 0 0 0 transparent) !important;
	font-family: inherit !important;
	/* 16 px alatt az iOS ránagyít a mezőre fókuszkor. */
	font-size: max(16px, calc(var(--siof-input-size, 16px) * var(--siof-font-scale, 1))) !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: left !important;
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	transition: border-color var(--siof-transition, 150ms) ease, box-shadow var(--siof-transition, 150ms) ease, background-color var(--siof-transition, 150ms) ease !important;
}

@media (pointer: fine) {
	.siofw:not(#s#i#o#f) .siofw-input {
		font-size: calc(var(--siof-input-size, 16px) * var(--siof-font-scale, 1)) !important;
	}
}

.siofw:not(#s#i#o#f) .siofw-textarea {
	min-height: 110px !important;
	resize: vertical !important;
}

/*
 * A legördülő nyilát két színátmenet rajzolja. A hátteret ezért MINDIG
 * `background-color`-ral írjuk, SOSEM a `background` rövidítéssel: az a
 * `background-image`-et is nullázná, és a nyíl eltűnne (az up-survey-ben a
 * rövidítés óriás, ismétlődő háromszöget rajzolt a mezőre).
 */
.siofw:not(#s#i#o#f) .siofw-select {
	cursor: pointer !important;
	padding-right: calc(var(--siof-input-pad-x, 14px) + 24px) !important;
	background-image: linear-gradient(45deg, transparent 50%, var(--siof-muted, #5f6670) 50%), linear-gradient(135deg, var(--siof-muted, #5f6670) 50%, transparent 50%) !important;
	background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50% !important;
	background-size: 5px 5px, 5px 5px !important;
	background-repeat: no-repeat !important;
}

.siofw:not(#s#i#o#f) .siofw-input::placeholder {
	color: var(--siof-input-placeholder, #6b727c) !important;
	-webkit-text-fill-color: var(--siof-input-placeholder, #6b727c) !important;
	opacity: 1 !important;
}

.siofw:not(#s#i#o#f) .siofw-input:hover:not(:focus),
.siofw:not(#s#i#o#f)[data-siof-force="hover"] .siofw-input {
	background-color: var(--siof-input-hover-bg, #ffffff) !important;
	border-color: var(--siof-input-hover-border-color, #5f6670) !important;
	box-shadow: var(--siof-input-hover-shadow, 0 0 0 0 transparent) !important;
}

/*
 * Fókusz: a keret színe + gyűrű (`box-shadow`). Az ÁTLÁTSZÓ `outline` szándékos:
 * kényszerített színmódban (Windows nagy kontraszt) a böngésző CSAK azt rajzolja
 * ki — ott sem vész el a fókusz.
 */
.siofw:not(#s#i#o#f) .siofw-input:focus,
.siofw:not(#s#i#o#f)[data-siof-force="focus"] .siofw-input {
	background-color: var(--siof-input-focus-bg, #ffffff) !important;
	border-color: var(--siof-input-focus-border-color, #3858e9) !important;
	box-shadow: 0 0 0 var(--siof-input-ring-width, 3px) var(--siof-input-ring-color, #3858e933), var(--siof-input-shadow, 0 0 0 0 transparent) !important;
	outline: 2px solid transparent !important;
}

.siofw:not(#s#i#o#f) .siofw-field.has-error .siofw-input,
.siofw:not(#s#i#o#f) .siofw-field.has-error .siofw-choice,
.siofw:not(#s#i#o#f) .siofw-field.has-error .siofw-scale-btn {
	border-color: var(--siof-error, #c02b2d) !important;
}

/* A hibacsomópont MINDIG létezik (stabil `aria-describedby`); üresen nem foglal helyet. */
.siofw:not(#s#i#o#f) .siofw-field-error {
	display: block !important;
	font-size: calc(14 * var(--siof-fs)) !important;
	color: var(--siof-error, #c02b2d) !important;
}

.siofw:not(#s#i#o#f) .siofw-field-error:empty {
	display: none !important;
}

.siofw:not(#s#i#o#f) .siofw-error {
	display: block !important;
	background-color: color-mix(in srgb, var(--siof-error, #c02b2d) 10%, transparent) !important;
	color: var(--siof-error, #c02b2d) !important;
	border: 1px solid var(--siof-error, #c02b2d) !important;
	border-radius: var(--siof-input-radius, 8px) !important;
	padding: 10px 14px !important;
	font-size: calc(14 * var(--siof-fs)) !important;
}

/* ---------------------------------------------------------------- választók */

.siofw:not(#s#i#o#f) .siofw-choice-list {
	display: flex !important;
	flex-direction: var(--siof-choice-direction, column) !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.siofw:not(#s#i#o#f) .siofw-choice {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	text-align: left !important;
	background-color: var(--siof-choice-bg, #ffffff) !important;
	background-image: none !important;
	color: var(--siof-choice-text, var(--siof-text, #1d2327)) !important;
	-webkit-text-fill-color: currentColor !important;
	border: 1px solid var(--siof-choice-border-color, #8c929b) !important;
	border-radius: var(--siof-input-radius, 8px) !important;
	padding: 11px 14px !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: calc(16 * var(--siof-fs)) !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: border-color var(--siof-transition, 150ms) ease, background-color var(--siof-transition, 150ms) ease !important;
}

.siofw:not(#s#i#o#f) .siofw-choice:hover:not(:disabled),
.siofw:not(#s#i#o#f)[data-siof-force="hover"] .siofw-choice {
	background-color: var(--siof-choice-hover-bg, #ffffff) !important;
	border-color: var(--siof-choice-hover-border-color, #3858e9) !important;
}

.siofw:not(#s#i#o#f) .siofw-choice.is-selected {
	background-color: var(--siof-choice-selected-bg, #eef1fd) !important;
	color: var(--siof-choice-selected-text, var(--siof-text, #1d2327)) !important;
	border-color: var(--siof-choice-selected-border-color, #3858e9) !important;
}

.siofw:not(#s#i#o#f) .siofw-choice:disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
}

.siofw:not(#s#i#o#f) .siofw-choice-mark {
	display: var(--siof-choice-mark-display, inline-flex) !important;
	flex: 0 0 auto !important;
	align-items: center !important;
	justify-content: center !important;
	width: calc(18 * var(--siof-fs)) !important;
	height: calc(18 * var(--siof-fs)) !important;
	border: 2px solid var(--siof-choice-border-color, #8c929b) !important;
	border-radius: 50% !important;
	background-color: transparent !important;
}

.siofw:not(#s#i#o#f) .siofw-choice.is-multi .siofw-choice-mark {
	border-radius: 4px !important;
}

.siofw:not(#s#i#o#f) .siofw-choice.is-selected .siofw-choice-mark {
	border-color: var(--siof-choice-mark, #3858e9) !important;
	background-color: var(--siof-choice-mark, #3858e9) !important;
	box-shadow: inset 0 0 0 3px var(--siof-choice-selected-bg, #eef1fd) !important;
}

.siofw:not(#s#i#o#f) .siofw-choice-label {
	display: block !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

/* ------------------------------------------------------------ skála, értékelés */

/* Legfeljebb 5 elem soronként: a tízes skála különben 6+4-re törne. */
.siofw:not(#s#i#o#f) .siofw-scale {
	display: grid !important;
	grid-template-columns: repeat(min(var(--siof-scale-count, 5), 11), minmax(0, 1fr)) !important;
	gap: 6px !important;
}

@container (max-width: 480px) {
	.siofw:not(#s#i#o#f) .siofw-scale {
		grid-template-columns: repeat(min(var(--siof-scale-count, 5), 5), minmax(0, 1fr)) !important;
	}
}

.siofw:not(#s#i#o#f) .siofw-scale-btn {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 10px 4px !important;
	text-align: center !important;
	background-color: var(--siof-choice-bg, #ffffff) !important;
	background-image: none !important;
	color: var(--siof-choice-text, var(--siof-text, #1d2327)) !important;
	-webkit-text-fill-color: currentColor !important;
	border: 1px solid var(--siof-choice-border-color, #8c929b) !important;
	border-radius: var(--siof-input-radius, 8px) !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: calc(15 * var(--siof-fs)) !important;
	font-weight: 500 !important;
	font-variant-numeric: tabular-nums !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: border-color var(--siof-transition, 150ms) ease, background-color var(--siof-transition, 150ms) ease !important;
}

.siofw:not(#s#i#o#f) .siofw-scale-btn:hover,
.siofw:not(#s#i#o#f)[data-siof-force="hover"] .siofw-scale-btn {
	border-color: var(--siof-choice-hover-border-color, #3858e9) !important;
}

.siofw:not(#s#i#o#f) .siofw-scale-btn.is-selected {
	background-color: var(--siof-accent, #3858e9) !important;
	border-color: var(--siof-accent, #3858e9) !important;
	color: #ffffff !important;
}

.siofw:not(#s#i#o#f) .siofw-scale-labels {
	display: flex !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin-top: 6px !important;
	font-size: calc(13 * var(--siof-fs)) !important;
	color: var(--siof-muted, #5f6670) !important;
}

.siofw:not(#s#i#o#f) .siofw-rating-wrap {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.siofw:not(#s#i#o#f) .siofw-rating {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	gap: 2px !important;
}

.siofw:not(#s#i#o#f) .siofw-rating-btn {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: calc(34 * var(--siof-fs)) !important;
	height: calc(34 * var(--siof-fs)) !important;
	margin: 0 !important;
	padding: 3px !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	color: color-mix(in oklab, var(--siof-text, #1d2327) 45%, transparent) !important;
	font-size: calc(24 * var(--siof-fs)) !important;
	line-height: 1 !important;
	cursor: pointer !important;
	transition: transform var(--siof-transition, 150ms) ease, color var(--siof-transition, 150ms) ease !important;
}

.siofw:not(#s#i#o#f) .siofw-rating-btn:hover {
	transform: scale(1.08) !important;
}

.siofw:not(#s#i#o#f) .siofw-rating-btn.is-on {
	color: var(--siof-accent, #3858e9) !important;
}

.siofw:not(#s#i#o#f) .siofw-rating-emoji {
	display: inline-block !important;
	filter: grayscale(1) !important;
	/* 0.45-tel sötét stílusokon (Éjkék arany, Grafit…) a szürke emoji szinte
	   eltűnt a háttérben; az „üres" állapotot a színtelenítés magában is jelzi. */
	opacity: 0.7 !important;
}

/*
 * A WordPress `wp-emoji` szkriptje az emojit `<img class="emoji">`-ra cseréli
 * (twemoji), a reset pedig elvinné a kép inline méretét — a kép vagy óriás, vagy
 * üres lenne. Az értékelés ikonjában és bármely feliratban (opció, leírás) is.
 */
.siofw:not(#s#i#o#f) img.emoji {
	display: inline-block !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 0.07em !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	background: none !important;
	vertical-align: -0.1em !important;
}

.siofw:not(#s#i#o#f) .siofw-rating-btn.is-on .siofw-rating-emoji {
	filter: none !important;
	opacity: 1 !important;
}

/* Az üres hely megvan: enélkül az első rámutatáskor megjelenő „2 / 5" új sorba
   tördelne, és az alatta lévő gomb ugrana egyet. */
.siofw:not(#s#i#o#f) .siofw-rating-value {
	display: inline-block !important;
	min-width: 4em !important;
	font-size: calc(14 * var(--siof-fs)) !important;
	font-variant-numeric: tabular-nums !important;
	color: var(--siof-muted, #5f6670) !important;
}

/*
 * AZ SVG-RÉSZFA KIMARAD A RESETBŐL (lásd a fájl tetejét), ezért a festést és a
 * méretet itt mondjuk ki — különben a téma `svg path { fill: … }` szabálya
 * átfestené az ikonokat.
 */
.siofw:not(#s#i#o#f) .siofw-rating-btn svg {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.6 !important;
	overflow: visible !important;
}

.siofw:not(#s#i#o#f) .siofw-rating-btn svg * {
	fill: inherit !important;
	stroke: inherit !important;
	stroke-width: inherit !important;
}

.siofw:not(#s#i#o#f) .siofw-rating-btn.is-on svg {
	fill: currentColor !important;
}

/* ------------------------------------------------------------- hozzájárulás */

/*
 * Minden itteni elem SAJÁT térközt visel a rács `row-gap`-jén felül is érthető
 * módon: ha egy elrendezés a rácsközt nullázná, ezek akkor sem tapadnának össze
 * (az up-survey-ben ez a hiba három egymást követő kiadásban tért vissza).
 */
.siofw:not(#s#i#o#f) .siofw-consents {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	position: relative !important;
}

.siofw:not(#s#i#o#f) .siofw-consent-check {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 !important;
	font-size: calc(14 * var(--siof-fs)) !important;
	line-height: 1.45 !important;
	color: var(--siof-text, #1d2327) !important;
	cursor: pointer !important;
}

.siofw:not(#s#i#o#f) .siofw-consent-check.has-error {
	color: var(--siof-error, #c02b2d) !important;
}

.siofw:not(#s#i#o#f) .siofw-check {
	-webkit-appearance: none !important;
	appearance: none !important;
	flex: 0 0 auto !important;
	display: inline-block !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	margin: 1px 0 0 !important;
	padding: 0 !important;
	float: none !important;
	background-color: var(--siof-input-bg, #ffffff) !important;
	background-image: none !important;
	border: 2px solid var(--siof-choice-border-color, #8c929b) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

.siofw:not(#s#i#o#f) .siofw-check::before,
.siofw:not(#s#i#o#f) .siofw-check::after {
	content: none !important;
}

.siofw:not(#s#i#o#f) .siofw-check:checked {
	background-color: var(--siof-choice-mark, #3858e9) !important;
	border-color: var(--siof-choice-mark, #3858e9) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-size: 14px 14px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.siofw:not(#s#i#o#f) .siofw-consent-check.has-error .siofw-check {
	border-color: var(--siof-error, #c02b2d) !important;
}

.siofw:not(#s#i#o#f) .siofw-consent-text {
	display: block !important;
	min-width: 0 !important;
}

.siofw:not(#s#i#o#f) .siofw-consent-sentence {
	display: block !important;
	margin: 0 !important;
	font-size: calc(13 * var(--siof-fs)) !important;
	line-height: 1.45 !important;
	color: var(--siof-muted, #5f6670) !important;
	/* Csak a MONDAT igazodik (a gomb alatt áll, nincs mellette jelölő); a jelölős
	   nyilatkozatok balra maradnak, különben a pipa elszakadna a szövegétől. */
	text-align: var(--siof-consent-align, left) !important;
}

/* Az űrlap fejléce az első mező fölött: cím (a köszönő címmel közös
   tokenekből) + opcionális alcím. A `<form>`-on KÍVÜL ül, így a „sorban a
   mezőkkel" elrendezés rácsát nem bontja meg. */
.siofw:not(#s#i#o#f) .siofw-header {
	display: block !important;
	margin: 0 0 var(--siof-gap, 18px) !important;
	text-align: var(--siof-heading-align, left) !important;
}

.siofw:not(#s#i#o#f) .siofw-header .siofw-title {
	margin: 0 !important;
}

.siofw:not(#s#i#o#f) .siofw-header .siofw-header-sub {
	display: block !important;
	margin: 6px 0 0 !important;
	font-size: calc(16 * var(--siof-fs)) !important;
	line-height: 1.45 !important;
	color: var(--siof-muted, #5f6670) !important;
}

/* Kétrészes űrlap: a 2. rész fölötti opcionális mondat. Nem cím és nem lépésjelző —
   a látogató egy űrlapot lát. Mérete, vastagsága, színe a stílus Cím csoportjából. */
.siofw:not(#s#i#o#f) .siofw-step-intro {
	display: block !important;
	margin: 0 !important;
	font-size: calc(var(--siof-intro-size, 15px) * var(--siof-font-scale, 1)) !important;
	font-weight: var(--siof-intro-weight, 400) !important;
	line-height: 1.45 !important;
	color: var(--siof-intro-color, var(--siof-text, #1d2327)) !important;
}

/* Honeypot: ember nem látja és nem tabolhat bele; bot kitölti. */
.siofw:not(#s#i#o#f) .siofw-hp {
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* A Turnstile-doboz saját térközt visel; üresen (interaction-only) nem foglal helyet. */
.siofw:not(#s#i#o#f) .siofw-turnstile:empty {
	display: none !important;
}

/* --------------------------------------------------------------------- gomb */

.siofw:not(#s#i#o#f) .siofw-actions {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
}

.siofw:not(#s#i#o#f) .siofw-actions.siofw-align-center {
	justify-content: center !important;
}

.siofw:not(#s#i#o#f) .siofw-actions.siofw-align-right {
	justify-content: flex-end !important;
}

.siofw:not(#s#i#o#f) .siofw-btn {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	float: none !important;
	background-color: var(--siof-btn-bg, #1d2327) !important;
	background-image: var(--siof-btn-image, none) !important;
	color: var(--siof-btn-text, #ffffff) !important;
	-webkit-text-fill-color: var(--siof-btn-text, #ffffff) !important;
	border-width: var(--siof-btn-border-width, 0px) !important;
	border-style: var(--siof-btn-border-style, solid) !important;
	border-color: var(--siof-btn-border-color, #1d2327) !important;
	border-radius: var(--siof-btn-radius, 8px) !important;
	padding: var(--siof-btn-pad-y, 13px) var(--siof-btn-pad-x, 26px) !important;
	box-shadow: var(--siof-btn-shadow, 0 0 0 0 transparent) !important;
	font-family: inherit !important;
	font-size: calc(var(--siof-btn-size, 16px) * var(--siof-font-scale, 1)) !important;
	font-weight: var(--siof-btn-weight, 600) !important;
	line-height: 1.4 !important;
	letter-spacing: var(--siof-btn-spacing, 0px) !important;
	text-transform: var(--siof-btn-transform, none) !important;
	text-decoration: none !important;
	text-align: center !important;
	white-space: normal !important;
	cursor: pointer !important;
	transition: background-color var(--siof-transition, 150ms) ease, color var(--siof-transition, 150ms) ease, border-color var(--siof-transition, 150ms) ease, box-shadow var(--siof-transition, 150ms) ease, transform var(--siof-transition, 150ms) ease !important;
}

.siofw:not(#s#i#o#f) .siofw-actions.is-full .siofw-btn {
	width: 100% !important;
}

.siofw:not(#s#i#o#f) .siofw-btn:hover:not(:disabled),
.siofw:not(#s#i#o#f)[data-siof-force="hover"] .siofw-btn {
	background-color: var(--siof-btn-hover-bg, #2c3338) !important;
	background-image: var(--siof-btn-hover-image, none) !important;
	color: var(--siof-btn-hover-text, #ffffff) !important;
	-webkit-text-fill-color: var(--siof-btn-hover-text, #ffffff) !important;
	border-color: var(--siof-btn-hover-border-color, #1d2327) !important;
	box-shadow: var(--siof-btn-hover-shadow, 0 0 0 0 transparent), var(--siof-btn-hover-glow, 0 0 0 0 transparent) !important;
	transform: translateY(calc(-1 * var(--siof-btn-hover-lift, 0px))) scale(var(--siof-btn-hover-scale, 1)) !important;
}

/* A hover-terület megtartása kicsinyítésnél (a `--siof-btn-hover-hit` csak
   akkor nem nulla): az egér a gomb szélén se csússzon le róla. */
.siofw:not(#s#i#o#f) .siofw-btn:hover:not(:disabled)::after {
	content: "" !important;
	position: absolute !important;
	inset: var(--siof-btn-hover-hit, 0px) !important;
}

.siofw:not(#s#i#o#f) .siofw-btn:active:not(:disabled),
.siofw:not(#s#i#o#f)[data-siof-force="active"] .siofw-btn {
	background-color: var(--siof-btn-active-bg, #2c3338) !important;
	background-image: var(--siof-btn-active-image, none) !important;
	box-shadow: var(--siof-btn-active-shadow, 0 0 0 0 transparent) !important;
	transform: translateY(var(--siof-btn-active-press, 1px)) scale(var(--siof-btn-hover-scale, 1)) !important;
}

.siofw:not(#s#i#o#f) .siofw-btn:disabled {
	opacity: 0.65 !important;
	cursor: progress !important;
}

.siofw:not(#s#i#o#f) .siofw-btn:focus-visible,
.siofw:not(#s#i#o#f) .siofw-choice:focus-visible,
.siofw:not(#s#i#o#f) .siofw-scale-btn:focus-visible,
.siofw:not(#s#i#o#f) .siofw-rating-btn:focus-visible,
.siofw:not(#s#i#o#f) .siofw-check:focus-visible,
.siofw:not(#s#i#o#f) .siofw-link:focus-visible,
.siofw:not(#s#i#o#f)[data-siof-force="focus"] .siofw-btn {
	outline: var(--siof-ring-width, 2px) solid var(--siof-ring-color, #3858e9) !important;
	outline-offset: var(--siof-ring-offset, 2px) !important;
}

/* --------------------------------------------------------- köszönő képernyő */

.siofw:not(#s#i#o#f) .siofw-done {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	gap: 4px !important;
}

.siofw:not(#s#i#o#f) .siofw-done .siofw-text {
	text-align: center !important;
}

.siofw:not(#s#i#o#f) .siofw-done-icon {
	display: block !important;
	width: 52px !important;
	height: 52px !important;
	margin: 0 0 10px !important;
	border-radius: 50% !important;
	background-color: color-mix(in srgb, var(--siof-success, #1e7e34) 14%, transparent) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%231e7e34' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-size: 30px 30px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.siofw:not(#s#i#o#f) .siofw-done-image {
	display: block !important;
	width: auto !important;
	max-width: 180px !important;
	height: auto !important;
	margin: 0 0 12px !important;
	border-radius: 8px !important;
}

.siofw:not(#s#i#o#f) .siofw-title {
	display: block !important;
	margin: 0 0 6px !important;
	font-family: var(--siof-font-heading, var(--siof-font, inherit)) !important;
	font-size: calc(var(--siof-heading-size, 22px) * var(--siof-font-scale, 1)) !important;
	font-weight: var(--siof-heading-weight, 700) !important;
	line-height: 1.3 !important;
	color: var(--siof-heading-color, var(--siof-text, #1d2327)) !important;
	outline: none !important;
}

.siofw:not(#s#i#o#f) .siofw-subtitle {
	display: block !important;
	margin: 0 0 10px !important;
	font-size: calc(16 * var(--siof-fs)) !important;
	color: var(--siof-muted, #5f6670) !important;
}

.siofw:not(#s#i#o#f) .siofw-done-btn {
	margin-top: 10px !important;
}

/* ------------------------------------------ rejtett mező jelölője (előnézet) */

.siofw:not(#s#i#o#f) .siofw-hidden-chip {
	display: block !important;
	padding: 8px 12px !important;
	border: 1px dashed var(--siof-muted, #5f6670) !important;
	border-radius: 6px !important;
	font-size: calc(13 * var(--siof-fs)) !important;
	color: var(--siof-muted, #5f6670) !important;
	overflow-wrap: anywhere !important;
}

.siofw:not(#s#i#o#f) .siofw-hidden-chip-title {
	font-weight: 600 !important;
}

/* ---------------------------------------------------------------- érintés */

/* A célméret a BEVITELI ESZKÖZTŐL függ, nem a képernyő szélességétől. */
@media (pointer: coarse) {
	.siofw:not(#s#i#o#f) .siofw-choice,
	.siofw:not(#s#i#o#f) .siofw-scale-btn {
		min-height: 44px !important;
	}

	.siofw:not(#s#i#o#f) .siofw-rating-btn {
		min-width: 40px !important;
		min-height: 42px !important;
	}

	.siofw:not(#s#i#o#f) .siofw-btn {
		min-height: 44px !important;
	}
}

/* Érintős eszközön a `:hover` koppintás után „beragad": a hover-effekt (nagyítás,
   ragyogás) ott ne maradjon rajta a gombon. A változót a GOMBON írjuk felül — a
   gyökér inline változóját az öröklődés helyett ez nyeri. (A kényszerített
   előnézeti állapotot nem érinti: az egeres admin `hover: hover`.) */
@media (hover: none) {
	.siofw:not(#s#i#o#f) .siofw-btn {
		--siof-btn-hover-scale: 1;
		--siof-btn-hover-glow: 0 0 0 0 transparent;
		--siof-btn-hover-hit: 0px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.siofw:not(#s#i#o#f) *,
	.siofw:not(#s#i#o#f) *::before,
	.siofw:not(#s#i#o#f) *::after {
		transition-duration: 0.01ms !important;
	}
}

/*
 * A <noscript> üzenet a dobozon KÍVÜL ül, a gazdaoldal hátterén: saját háttér ÉS
 * szín kell neki, különben egy világos szövegszínű stílusnál fehér-a-fehéren
 * eltűnne az egyetlen mondat, ami megmagyarázza az üres oldalt.
 */
.siofw:not(#s#i#o#f) noscript p {
	display: block !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	background-color: #ffffff !important;
	color: #1d2327 !important;
	border: 1px solid #c3c4c7 !important;
	border-radius: 6px !important;
}

/*
 * A LEGVÉGÉN, kettőzött attribútum-szelektorral: a `hidden` attribútumot
 * BÁRMELY fenti `display` deklaráció legyőzné (a szerzői kaszkád erősebb a
 * böngésző `[hidden]` szabályánál).
 */
.siofw:not(#s#i#o#f) [hidden][hidden] {
	display: none !important;
}