Simplify Post dialog copy; show errors in a red alert box

Author: HumbleBee14

src/write/WritePortal.tsx

@@ -626,13 +626,16 @@ export default function WritePortal({ authors, topics, repoUrl, contactEmail }:
               </>
             ) : (
               <>
-                <h3>Post to GitHub</h3>
+                <h3>Ready to post?</h3>
                 <p>
-                  We’ll open a pull request with your post — images and all. After it’s created,
-                  comment your author details (name, short bio, links) so a maintainer can review
-                  and publish.
+                  We’ll submit your article via GitHub. Once it’s created, just add your name on the
+                  request to claim it — a maintainer takes it from there.
                 </p>
-                {publishError && <p className="write-modal-error">{publishError}</p>}
+                {publishError && (
+                  <p className="write-modal-error" role="alert">
+                    {publishError}
+                  </p>
+                )}
                 <div className="write-modal-actions">
                   <button
                     type="button"

src/write/editor/editor-theme.css

@@ -193,9 +193,14 @@
   border-color: var(--accent);
 }
 .write-modal-error {
-  color: var(--accent);
+  margin: 14px 0 0 !important;
+  padding: 10px 12px;
   font-size: 13px;
-  margin: 12px 0 0 !important;
+  color: #e5484d;
+  background: color-mix(in srgb, #e5484d 12%, transparent);
+  border: 1px solid color-mix(in srgb, #e5484d 40%, transparent);
+  border-left: 3px solid #e5484d;
+  border-radius: 8px;
 }
 .write-modal-actions {
   display: flex;