body {
	background: #12232e;
	font-family: "Open Sans", sans-serif;
}

h1, .answer, p {
	color: white;
}


div#page-container {
	margin: 2em 10px;
	max-width: 1400px;
}

@media (min-width: 1024px) {
	div#page-container {
		margin: 50px auto;
	}
}

.poll-year-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}

.poll-year-link {
	display: inline-block;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	font-weight: 600;
	border: 2px solid #4da8da;
	border-radius: 8px;
	color: #4da8da !important;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.poll-year-link:hover,
.poll-year-link.active {
	background: #4da8da;
	color: #fff !important;
}

.poll-years {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: flex-start;
	margin-bottom: 2rem;
}

.poll-year-column {
	flex: 1 1 260px;
	min-width: 220px;
}

.poll-year-column h3 {
	font-size: 120%;
	margin-top: 0;
	margin-bottom: 0.75rem;
	color: #ffcc00;
}

.poll-year-column h3 a {
	color: #ffcc00 !important;
}

.poll-year-column h3 a:hover {
	color: #fff !important;
}

h2 {
	font-size: 140%;
	margin-top: 20px;
	color: #4da8da;
}

a {
	color: #007cc7;
}

a:hover {
	color: #ffcc00 !important;
	text-decoration: none !important;
}

h1, h2 {
	margin-bottom: 20px;
}

h1 {
	font-weight: 600;
}

table td:first-child {
	width: 110px;
}

table td {
	vertical-align: top;
}

a.ext {
	color: #88e0ff !important;
}

a.ext:hover {
		color: #fff !important;
	}

.answer-input {
	display: block;
	width: 100%;
	max-width: 600px;
	margin-bottom: 0.75rem;
	padding: 0.5rem 0.75rem;
	font-size: 1.0625rem;
	line-height: 1.4;
	color: #12232e;
	background: #fff;
	border: 1px solid #4da8da;
	border-radius: 4px;
}

select.answer-input {
	margin-top: 0.35rem;
	cursor: pointer;
}

.answer-input::placeholder {
	color: #6b8a99;
}

.btn {
	display: inline-block;
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
	padding: 0.55rem 1.15rem;
	font-family: "Open Sans", sans-serif;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3;
	color: #fff;
	background: #4da8da;
	border: 2px solid #4da8da;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.btn:hover {
	background: #ffcc00;
	border-color: #ffcc00;
	color: #fff;
}