/* Scout Accessibility: the statement and footer link on the live site.
   Fonts and colors come from the theme. Set these custom properties in the
   theme to restyle it:
     --scout-a11y-gap      space between blocks (default 1em)
     --scout-a11y-radius   button corners (default 980px, a pill)
     --scout-a11y-border   button border color (default currentColor)
     --scout-a11y-muted    the "last reviewed" line color (default inherits) */

.scout-a11y { font: inherit; color: inherit; }
.scout-a11y > * + * { margin-top: var(--scout-a11y-gap, 1em); }
.scout-a11y h2 { margin-top: calc(var(--scout-a11y-gap, 1em) * 1.75); }
.scout-a11y h2:first-child { margin-top: 0; }
.scout-a11y p { text-wrap: pretty; }
.scout-a11y-contact { list-style: none; margin-left: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .75em; }
.scout-a11y-contact li { margin: 0; }
.scout-a11y-button {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 44px; padding: .55em 1.4em;
	border: 2px solid var(--scout-a11y-border, currentColor);
	border-radius: var(--scout-a11y-radius, 980px);
	color: inherit; font-weight: 600; text-decoration: none;
	overflow-wrap: anywhere; text-align: center;
	transition: background-color .15s ease;
}
.scout-a11y-button:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
.scout-a11y-button:focus-visible, .scout-a11y-link:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.scout-a11y-reviewed { color: var(--scout-a11y-muted, inherit); font-size: .9em; }
.scout-a11y-footer { text-align: center; margin: 0; padding: 12px 16px; font-size: .9em; }
.scout-a11y-footer .scout-a11y-link { display: inline-flex; align-items: center; min-height: 44px; color: inherit; }

@media (prefers-reduced-motion: reduce) {
	.scout-a11y-button { transition: none; }
}