/**
 * Page styles — accessibility. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.a11y-practice {
	background:var(--site-blue-98);
	border:1px solid var(--site-slate-91);
	border-radius:16px;
	padding:28px;
}

.a11y-practice__icon {
	font-size:22px;
	color:var(--site-teal);
}

.a11y-practice__icon-badge {
	width:48px;
	height:48px;
	border-radius:12px;
	background:var(--site-teal-bg);
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:16px;
}

.a11y-practice__desc {
	font-size:14px;
	color:var(--site-text-sec);
	line-height:1.7;
	margin:0;
}

.eyebrow--a11y-report {
	color:var(--site-sky-64);
	border-color:var(--site-teal-alpha-40);
	background:var(--site-teal-alpha-12);
	display:inline-flex;
	margin:0 auto 20px;
}

.a11y-report__enforcement {
	margin-top:32px;
	padding:20px 24px;
	background:var(--site-white-alpha-5);
	border:1px solid var(--site-white-alpha-10);
	border-radius:12px;
}

.a11y-report__enforcement-link {
	color:var(--site-sky-64);
}

.a11y-report__enforcement-label {
	color:var(--site-white-alpha-70);
}

.a11y-report__enforcement-text {
	font-size:13px;
	color:var(--site-white-alpha-50);
	margin:0;
	line-height:1.6;
}

.a11y-limits__icon {
	color:var(--site-teal);
	margin-top:2px;
	flex-shrink:0;
}

.a11y-limits__item {
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:14px 16px;
	background:var(--site-white);
	border:1px solid var(--site-slate-91);
	border-radius:10px;
}

.a11y-limits__intro {
	font-size:15px;
	color:var(--site-text-sec);
	line-height:1.8;
	margin:20px 0 20px;
}

/* Moved here from another stylesheet: this is where these classes are used. */
.hero--accessibility {
	min-height:320px;
}
.lr-av__icon--a11y {
	font-size:12px;
}
.a11y-report__actions {
	display:flex;
	gap:16px;
	justify-content:center;
	flex-wrap:wrap;
}
.a11y-report {
	text-align:center;
}
.a11y-limits__list {
	display:flex;
	flex-direction:column;
	gap:12px;
}
