/* Visible focus for keyboard users (style.css removes all outlines) */
a:focus-visible, button:focus-visible, .btn:focus-visible {
	outline: 2px solid transparent;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #29235C !important;
}

/* "We did it!" modal: keep the portrait video at its native size so it fits the screen */
#resultsModal .results-video {
	max-width: 360px;
	margin: 0 auto;
}
@media (max-width: 767px) {
	/* Bigger close button on phones, still flush with the corner */
	#resultsModal .close {
		width: 44px;
		height: 44px;
	}
}

/* Home hero title is now the page's h1: keep the size the h2 had */
.flex-caption-text h1 {
	font-size: 51px;
	line-height: 60px;
}

/* Modal title moved from h4 to h2 for heading order: keep the h4 look */
#resultsModal .modal-title {
	font-size: 18px;
}

/* Skip link: hidden until focused */
.skip-link {
	position: absolute;
	left: 8px;
	top: -60px;
	z-index: 10000;
	padding: 10px 16px;
	background: #29235C;
	color: #fff;
	font-weight: 700;
}
.skip-link:focus {
	top: 8px;
	color: #fff;
}

/* Body text contrast: #898989 on white was 3.5:1, #666 is 5.7:1 (WCAG AA) */
body {
	color: #666;
}