Make compact view visually distinct; v1.0.9

Add qa-cards--compact class to container when active. Compact mode now
tightens padding, reduces font sizes, hides related questions, and
reduces card gaps — making the density difference obvious.

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

src/components/QASection.tsx

@@ -861,7 +861,7 @@ export default function QASection() {
                     ))}
                   </aside>
 
-                  <div className="qa-cards">
+                  <div className={`qa-cards${compactMode ? ' qa-cards--compact' : ''}`}>
                     <div ref={resultsTopRef} aria-hidden="true" />
                     {pagedQuestions.map(question => {
                       const relatedQuestions = getRelatedQuestions(question)