.a11ymate-ed__panel { padding: 16px; }
.a11ymate-ed__top { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.a11ymate-ed__sub { margin: 4px 0 0; color: #50575e; font-size: 12.5px; }
.a11ymate-ed__score { flex: none; width: 64px; height: 64px; border-radius: 50%; display: grid; place-content: center; text-align: center; background: #0B1E30; color: #fff; }
.a11ymate-ed__score strong { font-size: 22px; line-height: 1; }
.a11ymate-ed__score span { font-size: 10px; opacity: 0.85; }
.a11ymate-ed__score--good { box-shadow: 0 0 0 4px #3DBE6E; }
.a11ymate-ed__score--ok { box-shadow: 0 0 0 4px #F2C25B; }
.a11ymate-ed__score--bad { box-shadow: 0 0 0 4px #FF7A8C; }
.a11ymate-ed__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.a11ymate-ed__issue { border: 1px solid #dcdcde; border-left-width: 4px; border-radius: 6px; padding: 10px 12px; background: #fff; }
.a11ymate-ed__issue--critical { border-left-color: #C21F3A; }
.a11ymate-ed__issue--serious { border-left-color: #C2410C; }
.a11ymate-ed__issue--moderate { border-left-color: #8A5A00; }
.a11ymate-ed__issue--minor { border-left-color: #475569; }
.a11ymate-ed__issue-head { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.a11ymate-ed__sev { font-size: 11px; font-weight: 700; text-transform: capitalize; padding: 2px 7px; border-radius: 999px; background: #f0f0f1; }
.a11ymate-ed__issue--critical .a11ymate-ed__sev { color: #C21F3A; background: #FDECEF; }
.a11ymate-ed__issue--serious .a11ymate-ed__sev { color: #C2410C; background: #FFEFE6; }
.a11ymate-ed__issue--moderate .a11ymate-ed__sev { color: #8A5A00; background: #FFF4D9; }
.a11ymate-ed__issue--minor .a11ymate-ed__sev { color: #475569; background: #EDF0F4; }
.a11ymate-ed__block { margin: 6px 0 8px; font-size: 12.5px; color: #3c434a; }
.a11ymate-ed__actions { display: flex; gap: 4px; flex-wrap: wrap; }
/* WordPress 6.5's tertiary buttons turn #007cba on hover, 4.3:1 on the pale hover tint. Keep them readable. */
.a11ymate-ed__actions .components-button.is-tertiary,
.a11ymate-ed__actions .components-button.is-tertiary:hover:not(:disabled),
.a11ymate-ed__actions .components-button.is-tertiary:active:not(:disabled) { color: #0A4B8A; }
.a11ymate-ed__advice { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #dcdcde; font-size: 12.5px; }
.a11ymate-ed__advice p { margin: 0 0 6px; }
.a11ymate-ed__ok { color: #0B7A4B; font-weight: 600; }
.a11ymate-ed__foot { margin-top: 16px; font-size: 12.5px; }
.a11ymate-ed__mini { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 6px 0; border-top: 1px solid #f0f0f1; font-size: 12.5px; }
.a11ymate-ed__ack { display: block; margin-top: 12px; font-weight: 600; }