diff --git a/public/css/style.css b/public/css/style.css
index 24b2ffd..c9cf170 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -460,6 +460,9 @@ form { margin-top: 2rem; }
 .qr-title { font-family: "Space Grotesk", sans-serif; font-weight: 600; color: var(--text); margin-bottom: 0.3rem; }
 .qr-copy p { font-size: 0.9rem; color: var(--muted); }
 
+/* Focused programmatically so screen readers land on it. It is a region, not a
+   control, so it should not paint a focus ring. */
+.rsvp-done:focus, .rsvp-done:focus-visible { outline: none; }
 .rsvp-done h3 { font-size: 1.4rem; font-weight: 700; }
 .rsvp-done p { margin: 0.8rem 0 1.2rem; color: var(--muted); }