fix: homepage CTAs, rules page improvements, dark mode fixes

- Remove 'Read articles' CTA from homepage hero
- Remove all CTAs from 'Pull up a chair' section
- Add Arabic translation for 'Short version' label (باختصار)
- Increase short version box font size and adjust backgrounds
- Fix job postings bullet list inheriting proper font in dark mode
- Fix hamburger menu icon visibility in dark mode

Author: aalhour

_data/strings_ar.yml

@@ -193,6 +193,7 @@ rules_page:
   title: "كيف نحافظ على صحة البازار"
   dek: "هذه الإرشادات موجودة حتى يبقى البازار الرقمي مفيداً ودافئاً وآمناً – وليس للإفراط في مراقبة المحادثات. إذا كنت في شك، اتجه نحو الكرم والوضوح والاحترام."
   meta_note: "هذه وثيقة حية. قد نحسنها مع نمو المجتمع وظهور مواقف جديدة."
+  short_version_label: "باختصار:"
   short_version: "كن لطيفاً. شارك بسخاء. حافظ على البناءية والصلة. لا تزعج أو تتحرش بالناس. للمشرفين الحق في إزالة أي شخص يجعل البازار أسوأ باستمرار."
   rules:
     - number: "٠١"

_data/strings_en.yml

@@ -163,6 +163,7 @@ rules_page:
   title: "How we keep the bazaar healthy"
   dek: "These guidelines exist so that Digital Bazaar stays useful, warm and safe – not to over-police conversation. If in doubt, lean towards generosity, clarity and respect."
   meta_note: "This is a living document. We may refine it as the community grows and new situations appear."
+  short_version_label: "Short version:"
   short_version: "Be kind. Share generously. Keep things constructive and relevant. Don't spam or harass people. Moderators can remove anyone who repeatedly makes the bazaar worse."
   rules:
     - number: "01"

_layouts/home.html

@@ -36,10 +36,6 @@ <h1 class="hero-home-title" id="hero-heading">{{ strings.hero.headline }}</h1>
           <span>{{ strings.buttons.visit_github_org }}</span>
           <span aria-hidden="true">💻</span>
         </a>
-        <a class="btn btn-saffron" href="/{{ lang }}/articles/">
-          <span>{{ strings.buttons.read_articles }}</span>
-          <span aria-hidden="true">✍️</span>
-        </a>
       </div>
     </div>
   </div>
@@ -131,16 +127,6 @@ <h2 class="section-title">{{ strings.cta.title }}</h2>
     <p class="section-sub">{{ strings.cta.subtitle }}</p>
   </div>
 
-  <div class="chip-row">
-    <a class="btn btn-primary" href="{{ site.social.whatsapp }}" target="_blank" rel="noopener">
-      <span>{{ strings.buttons.join_whatsapp_community }}</span>
-      <span aria-hidden="true">↗</span>
-    </a>
-    <a class="btn btn-saffron" href="/{{ lang }}/articles/">
-      <span>{{ strings.buttons.browse_articles }}</span>
-      <span aria-hidden="true">✍️</span>
-    </a>
-  </div>
 </section>
 
 {{ content }}

assets/css/styles.scss

@@ -490,7 +490,7 @@ a:hover {
   position: relative;
   width: 24px;
   height: 2px;
-  background: var(--ink);
+  background: var(--text-muted);
   border-radius: 2px;
   transition: all var(--transition-normal);
 }
@@ -501,7 +501,7 @@ a:hover {
   position: absolute;
   width: 24px;
   height: 2px;
-  background: var(--ink);
+  background: var(--text-muted);
   border-radius: 2px;
   transition: all var(--transition-normal);
   inset-inline-start: 0;
@@ -1739,13 +1739,17 @@ ul.clean li::before {
 .highlight-box {
   border-radius: var(--radius-md);
   border: 1px solid var(--border);
-  background: var(--surface-elevated);
+  background: rgba(21, 32, 41, 0.06);
   padding: 12px 14px;
-  font-size: 13px;
+  font-size: 15px;
   color: var(--text);
   margin-bottom: 24px;
 }
 
+[data-theme="dark"] .highlight-box {
+  background: rgba(255, 255, 255, 0.08);
+}
+
 .highlight-box strong {
   color: var(--text-heading);
 }
@@ -1811,8 +1815,8 @@ ul.clean li::before {
 
 .rule-list-inner li {
   margin-bottom: 4px;
-  font-size: 14px;
-  color: #3a4a55;
+  font-size: inherit;
+  color: inherit;
 }
 
 /* CTA Box */