/* Оформление отдельной страницы опроса (режим standalone). */

:root {
	--rs-bg: #f3f4f6;
	--rs-card: #ffffff;
	--rs-text: #1f2328;
	--rs-input: #ffffff;
}

@media (prefers-color-scheme: dark) {
	:root {
		--rs-bg: #0e1116;
		--rs-card: #171b22;
		--rs-text: #e6e8eb;
		--rs-input: #0e1116;
	}
}

html {
	-webkit-text-size-adjust: 100%;
}

body.rs-standalone-page {
	margin: 0;
	background: var(--rs-bg);
	color: var(--rs-text);
	font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.rs-standalone {
	max-width: 820px;
	margin: 0 auto;
	padding: 24px 16px 56px;
}

.rs-standalone .rs-survey {
	max-width: none;
	padding: 24px;
	background: var(--rs-card);
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.rs-standalone .rs-title {
	margin-top: 0;
	font-size: 1.6rem;
	line-height: 1.25;
}

.rs-standalone .rs-section-title {
	font-size: 1.2rem;
}

.rs-standalone input,
.rs-standalone textarea {
	background: var(--rs-input);
	color: inherit;
}

@media (max-width: 520px) {
	.rs-standalone {
		padding: 0 0 32px;
	}

	.rs-standalone .rs-survey {
		padding: 16px;
		border-radius: 0;
		box-shadow: none;
	}
}