Migration complete

resources/css/layout/submit.css

@@ -289,9 +289,60 @@
     .submit-rule:last-child { border-bottom: none; }
 }
 
+@media (max-width: 768px) {
+    .submit-hero {
+        flex-direction: column;
+        gap: 20px;
+        padding: 25px 20px;
+    }
+
+    .submit-grid {
+        grid-template-columns: 1fr;
+        gap: 15px;
+    }
+
+    .submit-body {
+        padding: 25px 20px;
+    }
+
+    .submit-rules {
+        gap: 0;
+    }
+
+    .submit-rule {
+        padding: 15px;
+    }
+}
+
 @media (max-width: 600px) {
-    .submit-hero, .submit-body { padding-left: 20px; padding-right: 20px; }
+    .submit-hero, .submit-body {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+
     .submit-grid        { grid-template-columns: 1fr; }
     .submit-news-row    { grid-template-columns: 1fr; }
     .submit-review-note { max-width: 100%; }
+
+    .submit-hero {
+        gap: 15px;
+        padding: 15px;
+    }
+
+    .submit-body {
+        padding: 15px;
+    }
+
+    .submit-rule {
+        padding: 12px;
+        font-size: 0.9rem;
+    }
+
+    .submit-hero-title {
+        font-size: 1.3rem;
+    }
+
+    .submit-grid > * {
+        margin-bottom: 10px;
+    }
 }