html {
	scroll-padding-block-start: var(--t2i-scroll-top, 110px);
	scroll-padding-block-end: var(--t2i-scroll-bottom, 16px);
}

.wp-site-blocks :is(main, [role="main"]) :is(a, button, summary):focus-visible {
	outline: 3px solid #21649a;
	outline-offset: 3px;
}

#wp-skip-link:focus {
	z-index: 100002;
	color: #fff;
	background: #15385e;
	padding: 12px 18px;
	border-radius: 6px;
	font-size: 1.125rem;
}

.t2i-page-heading {
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(24px, 4vw, 48px) clamp(16px, 4vw, 32px) 8px;
	color: #172c46;
	font-size: clamp(2rem, 1.65rem + 1.7vw, 3.25rem);
	line-height: 1.2;
}

.t2i-primary-nav > a[aria-current="page"],
.t2i-site-menu-panel > a[aria-current="page"] {
	text-decoration: underline;
	text-underline-offset: .25em;
}

@media (max-width: 782px) {
	html {
		--t2i-scroll-bottom: calc(94px + env(safe-area-inset-bottom, 0px));
	}
}

@media (forced-colors: active) {
	.wp-site-blocks :is(main, [role="main"]) :is(a, button, summary):focus-visible {
		outline-color: Highlight;
	}
}