.aae .aae-lede {
	max-width: 70ch;
	font-size: 14px;
	line-height: 1.6;
	color: #50575e;
}

.aae-scan-form {
	margin: 20px 0 24px;
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.aae-limit {
	color: #646970;
	font-size: 13px;
}

.aae-empty {
	margin-top: 24px;
	padding: 28px;
	background: #fff;
	border: 1px dashed #c3c4c7;
	border-radius: 4px;
	color: #646970;
}

/* Severity cards */
.aae-cards {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 20px 0;
}

.aae-card {
	flex: 1 1 140px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-left-width: 4px;
	border-radius: 3px;
	padding: 16px 18px;
}

.aae-card .aae-n {
	display: block;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.1;
}

.aae-card .aae-label {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #646970;
}

.aae-card.aae-critical { border-left-color: #b32d2e; }
.aae-card.aae-serious  { border-left-color: #d63638; }
.aae-card.aae-moderate { border-left-color: #dba617; }
.aae-card.aae-advisory { border-left-color: #72aee6; }

/* Severity pills */
.aae-pill {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #fff;
	vertical-align: middle;
}

.aae-pill.aae-critical { background: #b32d2e; }
.aae-pill.aae-serious  { background: #d63638; }
.aae-pill.aae-moderate { background: #996800; }
.aae-pill.aae-advisory { background: #2271b1; }

.aae-meta {
	color: #646970;
	font-size: 13px;
}

/* Issue groups */
.aae-rule {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	padding: 18px 20px;
	margin: 0 0 22px;
}

.aae-rule h2 {
	margin: 0 0 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 17px;
}

.aae-rule .aae-count {
	margin-left: auto;
	color: #646970;
	font-weight: 400;
	font-size: 13px;
}

.aae-why,
.aae-fix,
.aae-note {
	max-width: 80ch;
	line-height: 1.6;
	margin: 8px 0;
}

.aae-note {
	padding: 10px 12px;
	background: #fcf9e8;
	border-left: 3px solid #dba617;
	font-size: 13px;
}

.aae-refs {
	color: #646970;
	font-size: 12px;
	margin: 10px 0 14px;
}

.aae-selector,
.aae-snippet {
	font-size: 12px;
	display: inline-block;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.aae-snippet {
	background: #f6f7f7;
	color: #3c434a;
}

.aae-statement-preview {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	padding: 8px 24px 20px;
	max-width: 80ch;
}

.aae-statement-code {
	font-size: 12px;
	max-width: 100%;
}