fix: button color, replace native validation with custom inline errors

themes/intotheeast/css/style.css

@@ -546,11 +546,8 @@ body {
 
 .post-form-wrap textarea { resize: vertical; min-height: 160px; line-height: var(--leading-normal); }
 
-/* Submit button — target by class directly so it works regardless of Grav's wrapper markup */
-.btn-post,
-.post-form-wrap .form-actions input[type="submit"],
-.post-form-wrap .form-actions .btn,
-.post-form-wrap .form-actions button[type="submit"] {
+/* Submit button */
+.post-form-wrap .btn-post {
     display: block;
     width: 100%;
     box-sizing: border-box;
@@ -568,11 +565,23 @@ body {
     margin-top: var(--space-6);
     text-align: center;
     -webkit-appearance: none;
+    appearance: none;
 }
 
-.btn-post:hover,
-.post-form-wrap .form-actions input[type="submit"]:hover,
-.post-form-wrap .form-actions button[type="submit"]:hover { background: var(--color-accent-hover); }
+.post-form-wrap .btn-post:hover { background: var(--color-accent-hover); }
+
+/* Inline field validation */
+.post-form-wrap .field-invalid {
+    border-color: #c0392b !important;
+    outline-color: #c0392b !important;
+}
+
+.post-form-wrap .field-error {
+    display: block;
+    color: #c0392b;
+    font-size: var(--text-sm);
+    margin-top: var(--space-1);
+}
 
 /* Location / weather action buttons */
 .form-action-row {