.hero {
	background-image: linear-gradient(90deg, rgba(4,16,12,.98) 0%, rgba(4,16,12,.88) 45%, rgba(4,16,12,.58) 100%), url(photos/quiz-celebration.jpg);
}
.hero-content {
	text-shadow: 0 2px 14px rgba(0,0,0,.72);
}
.hero .button {
	text-shadow: none;
}
.prokviz-quiz-id {
	display: none !important;
}
.pq-form-wrap .wpforms-container .wpforms-field {
	padding-block: 10px;
}
.pq-form-wrap .wpforms-container input[type="text"],
.pq-form-wrap .wpforms-container input[type="email"],
.pq-form-wrap .wpforms-container input[type="number"] {
	min-height: 52px;
	font-size: 18px;
}
.pq-form-wrap .wpforms-container .wpforms-field-label,
.pq-form-wrap .wpforms-container .wpforms-field-label-inline {
	font-size: 17px;
}
.pq-form-wrap .wpforms-container button[type="submit"] {
	min-height: 52px;
	padding: 0 24px;
	background: var(--amber);
	color: var(--ink);
	font-size: 18px;
	font-weight: 900;
	box-shadow: 4px 4px 0 #071b14;
}
.pq-events {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}
.pq-event {
	grid-template-columns: 72px minmax(0, 1fr);
	align-items: start;
	gap: 18px;
}
.pq-event-action {
	grid-column: 1 / -1;
	width: 100%;
	align-items: stretch;
}
.pq-event-action .pq-button {
	width: 100%;
	box-sizing: border-box;
}
@media (max-width: 850px) {
	.pq-events { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
	.hero {
		background-image: linear-gradient(rgba(4,16,12,.86), rgba(4,16,12,.76)), url(photos/quiz-celebration.jpg);
	}
	.pq-event { grid-template-columns: 62px minmax(0, 1fr); }
}