Add focus ring style for input elements

Apply 8px solid blue (rgb(14,99,200)) outline with 4px offset on
input:focus for improved keyboard navigation visibility in both the
application and public form stylesheets.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/javascript/application.scss

@@ -4,6 +4,13 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
+input:focus {
+  outline-color: rgb(14, 99, 200);
+  outline-style: solid;
+  outline-width: 8px;
+  outline-offset: 4px;
+}
+
 a[href],
 input[type='checkbox'],
 input[type='submit'],

app/javascript/form.scss

@@ -4,6 +4,13 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
+input:focus {
+  outline-color: rgb(14, 99, 200);
+  outline-style: solid;
+  outline-width: 8px;
+  outline-offset: 4px;
+}
+
 a[href],
 input[type='checkbox'],
 input[type='submit'],