improved gramatical handling and spelling result orders

styles/header.css

@@ -89,11 +89,30 @@ body {
     max-width: var(--content-max-width);
     margin: 0 auto;
     padding: var(--space-md);
-    margin-top: var(--header-height);
+    margin-top: calc(var(--header-height) + var(--space-md));
     color: var(--color-text-primary);
     white-space: pre-wrap;
 }
 
+/* Correction & Variant Notices */
+.correction-notice,
+.variant-notice {
+    font-family: var(--font-ui);
+    font-size: 0.95rem;
+    padding: var(--space-md) var(--space-lg);
+    margin-bottom: var(--space-lg);
+    background-color: var(--color-bg-tertiary);
+    border-left: 4px solid var(--color-accent-primary);
+    border-radius: var(--border-radius-sm);
+    color: var(--color-text-secondary);
+}
+
+.correction-notice strong,
+.variant-notice strong {
+    color: var(--color-accent-primary);
+    font-weight: 600;
+}
+
 /* Results Count */
 .results-count {
     font-family: var(--font-ui);