/* Applicant Document Hub — front-end (html body prefix = higher specificity vs theme input/button rules) */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

html body .adhub-wrap {
	margin: 0 auto 2.5rem;
	padding: 0 1rem;
	font-family: "Montserrat", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html body .adhub-wrap.adhub-wrap--pill h1.adhub-page-title {
	text-align: left;
	margin: 0 0 1rem;
	padding: 0;
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 600;
	color: #2d2d2d;
	line-height: 1.2;
}

html body .adhub-wrap .adhub-form--pill {
	margin: 0;
	max-width: 720px;
	margin: 0 auto;
}

/*
 * Pill bar — yellow ring (box-shadow), white field, black CTA.
 */
html body .adhub-wrap.adhub-wrap--pill .adhub-search-pill {
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 999px;
	overflow: hidden;
	background: #fff;
	box-shadow:
		0 0 0 2px #f5c518,
		0 4px 14px rgba(0, 0, 0, 0.08);
	isolation: isolate;
}

html body .adhub-wrap.adhub-wrap--pill .adhub-search-pill:focus-within {
	box-shadow:
		0 0 0 2px #f5c518,
		0 0 0 5px rgba(245, 197, 24, 0.28),
		0 4px 14px rgba(0, 0, 0, 0.08);
}

html body .adhub-wrap.adhub-wrap--pill input.adhub-pill-input,
html body .adhub-wrap.adhub-wrap--pill input[type="text"].adhub-pill-input {
	flex: 1 1 auto;
	min-width: 0;
	width: 1%;
	margin: 0 !important;
	padding: 0.95rem 1.25rem !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	font-size: 1rem !important;
	font-family: inherit !important;
	line-height: 1.35 !important;
	font-weight: 400 !important;
	color: #333 !important;
	background-color: #fff !important;
	background-image: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

html body .adhub-wrap.adhub-wrap--pill input.adhub-pill-input::placeholder {
	color: #a8a8a8;
	opacity: 1;
}

html body .adhub-wrap.adhub-wrap--pill button.adhub-pill-submit,
html body .adhub-wrap.adhub-wrap--pill button[type="submit"].adhub-pill-submit {
	flex: 0 0 auto;
	align-self: stretch;
	min-width: 7.25rem;
	margin: 0 !important;
	padding: 0.95rem 1.35rem !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	background-color: #000 !important;
	background-image: none !important;
	color: #f5c518 !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	line-height: 1.35 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

html body .adhub-wrap.adhub-wrap--pill button.adhub-pill-submit:hover,
html body .adhub-wrap.adhub-wrap--pill button[type="submit"].adhub-pill-submit:hover {
	background-color: #141414 !important;
	color: #ffe066 !important;
}

html body .adhub-wrap.adhub-wrap--pill button.adhub-pill-submit:focus-visible,
html body .adhub-wrap.adhub-wrap--pill button[type="submit"].adhub-pill-submit:focus-visible {
	outline: none !important;
}

html body .adhub-wrap .adhub-results {
	margin-top: 2rem;
}

html body .adhub-wrap .adhub-results-msg {
	margin: 0;
	color: #555;
	font-size: 1rem;
}

html body .adhub-wrap .adhub-result-block {
	margin-top: 1.5rem;
}

html body .adhub-wrap .adhub-results-heading {
	margin: 0 0 0.75rem;
	font-size: 1.1rem;
	font-weight: 600;
	color: #b68a35;
	text-align: center;
}

html body .adhub-wrap .adhub-iframe-wrap {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

html body .adhub-wrap .adhub-doc-frame {
	display: block;
	width: 100%;
	min-height: 70vh;
	height: 1000px;
	max-height: 1200px;
	border: none;
	background: #f5f5f5;
}

html body .adhub-wrap .adhub-doc-image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 40vh;
	max-height: 1200px;
	object-fit: contain;
	background: #f5f5f5;
}