style(ui): sentence case headings, settings page restructure (#117)

* refactor(settings): move reports into community section, add sidebar nav

Reports are scoped to the current AppView, not global across forums.
Moved the reports link into the community-scoped section where it belongs.
Added a sticky sidebar with anchor links between community and global
settings sections, visible on desktop only (hidden below 768px).

* style(ui): apply sentence case to all headings, buttons, and labels

Codified as writing principle #12 in brand voice guide: capitalize only
the first word and proper nouns. Applied across 25 files including page
headings, admin panel, legal pages, legends, breadcrumbs, and buttons.

src/app/accessibility/page.tsx

···
       <div className="mx-auto max-w-2xl space-y-8">
         <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Accessibility' }]} />
 
-        <h1 className="text-2xl font-bold text-foreground">Accessibility Statement</h1>
+        <h1 className="text-2xl font-bold text-foreground">Accessibility statement</h1>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Our Commitment</h2>
+          <h2 className="text-lg font-semibold text-foreground">Our commitment</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Barazo is committed to ensuring digital accessibility for people with disabilities. We
             continually improve the user experience for everyone and apply the relevant
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Conformance Status</h2>
+          <h2 className="text-lg font-semibold text-foreground">Conformance status</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             We aim to conform to the{' '}
             <strong>Web Content Accessibility Guidelines (WCAG) 2.2 Level AA</strong>. These
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Testing Methods</h2>
+          <h2 className="text-lg font-semibold text-foreground">Testing methods</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             We test accessibility through a combination of methods:
           </p>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Accessibility Features</h2>
+          <h2 className="text-lg font-semibold text-foreground">Accessibility features</h2>
           <ul className="list-inside list-disc space-y-2 text-sm text-muted-foreground">
             <li>Semantic HTML with proper heading hierarchy and landmark regions.</li>
             <li>Skip links for jumping to main content and the reply editor.</li>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Known Limitations</h2>
+          <h2 className="text-lg font-semibold text-foreground">Known limitations</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             While we strive for full accessibility, some areas may have limitations:
           </p>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Contact Us</h2>
+          <h2 className="text-lg font-semibold text-foreground">Contact us</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             If you encounter accessibility barriers on Barazo, please contact us. We take
             accessibility feedback seriously and will work to address issues promptly.

src/app/admin/content-ratings/page.tsx

···
   return (
     <AdminLayout>
       <div className="space-y-6">
-        <h1 className="text-2xl font-bold text-foreground">Content Ratings</h1>
+        <h1 className="text-2xl font-bold text-foreground">Content ratings</h1>
 
         {/* Rating level explanation */}
         <div className="rounded-lg border border-border bg-card p-4">
-          <h2 className="mb-3 text-lg font-semibold text-foreground">Maturity Levels</h2>
+          <h2 className="mb-3 text-lg font-semibold text-foreground">Maturity levels</h2>
           <dl className="space-y-2">
             {(Object.entries(MATURITY_DESCRIPTIONS) as [MaturityRating, string][]).map(
               ([rating, description]) => (
···
         {/* Community rating */}
         {communitySettings && (
           <div className="rounded-lg border border-border bg-card p-4">
-            <h2 className="mb-2 text-lg font-semibold text-foreground">Community Rating</h2>
+            <h2 className="mb-2 text-lg font-semibold text-foreground">Community rating</h2>
             <p className="text-sm text-muted-foreground">
               Current community maturity rating:{' '}
               <span
···
         {/* Category ratings table */}
         {!loading && categories.length > 0 && (
           <div className="rounded-lg border border-border bg-card p-4">
-            <h2 className="mb-3 text-lg font-semibold text-foreground">Category Ratings</h2>
+            <h2 className="mb-3 text-lg font-semibold text-foreground">Category ratings</h2>
             <table className="w-full">
               <thead>
                 <tr className="border-b border-border text-left">

src/app/admin/onboarding/page.tsx

···
       <div className="space-y-6">
         <div className="flex items-center justify-between">
           <div>
-            <h1 className="text-2xl font-bold text-foreground">Onboarding Fields</h1>
+            <h1 className="text-2xl font-bold text-foreground">Onboarding fields</h1>
             <p className="mt-1 text-sm text-muted-foreground">
               Configure fields that users must complete before they can post in this community.
             </p>
···
             className="flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
           >
             <Plus size={16} aria-hidden="true" />
-            Add Field
+            Add field
           </button>
         </div>
 

src/app/admin/plugins/page.test.tsx

···
 
     // Should show dependency warning dialog
     await waitFor(() => {
-      expect(screen.getByText('Dependency Warning')).toBeInTheDocument()
+      expect(screen.getByText('Dependency warning')).toBeInTheDocument()
     })
-    expect(screen.getByText('Disable Anyway')).toBeInTheDocument()
+    expect(screen.getByText('Disable anyway')).toBeInTheDocument()
   })
 
   it('opens settings modal when settings button is clicked', async () => {

src/app/admin/settings/page.tsx

···
   return (
     <AdminLayout>
       <div className="space-y-6">
-        <h1 className="text-2xl font-bold text-foreground">Community Settings</h1>
+        <h1 className="text-2xl font-bold text-foreground">Community settings</h1>
 
         {loading && <p className="text-sm text-muted-foreground">Loading settings...</p>}
 

src/app/admin/sybil-detection/page.tsx

···
     <AdminLayout>
       <div className="space-y-6">
         <div>
-          <h1 className="text-2xl font-bold text-foreground">Sybil Detection</h1>
+          <h1 className="text-2xl font-bold text-foreground">Sybil detection</h1>
           <p className="mt-1 text-sm text-muted-foreground">
             Monitor the trust graph for suspicious account clusters. The system uses EigenTrust
             scores and behavioral heuristics to detect coordinated inauthentic activity.

src/app/admin/trust-seeds/page.tsx

···
     <AdminLayout>
       <div className="space-y-6">
         <div>
-          <h1 className="text-2xl font-bold text-foreground">Trust Seeds</h1>
+          <h1 className="text-2xl font-bold text-foreground">Trust seeds</h1>
           <p className="mt-1 text-sm text-muted-foreground">
             Trusted accounts that anchor the EigenTrust computation. Manual seeds are explicitly
             added by admins. Automatic seeds are derived from moderators and admins.
···
                 aria-label="Add trust seed"
                 className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
               >
-                Add Trust Seed
+                Add trust seed
               </button>
             </div>
 

src/app/admin/users/page.tsx

···
   return (
     <AdminLayout>
       <div className="space-y-6">
-        <h1 className="text-2xl font-bold text-foreground">User Management</h1>
+        <h1 className="text-2xl font-bold text-foreground">User management</h1>
 
         {loadError && (
           <ErrorAlert message={loadError} variant="page" onRetry={() => void fetchUsers()} />

src/app/legal/cookies/page.tsx

···
   return (
     <ForumLayout communityName={communityName}>
       <div className="mx-auto max-w-2xl space-y-8">
-        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Cookie Policy' }]} />
+        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Cookie policy' }]} />
 
-        <h1 className="text-2xl font-bold text-foreground">Cookie Policy</h1>
+        <h1 className="text-2xl font-bold text-foreground">Cookie policy</h1>
 
         <section className="space-y-3">
           <h2 className="text-lg font-semibold text-foreground">Overview</h2>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Cookies We Use</h2>
+          <h2 className="text-lg font-semibold text-foreground">Cookies we use</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Barazo uses a single essential cookie:
           </p>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Technical Details</h2>
+          <h2 className="text-lg font-semibold text-foreground">Technical details</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             The refresh token cookie has the following security properties:
           </p>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">What We Do Not Use</h2>
+          <h2 className="text-lg font-semibold text-foreground">What we do not use</h2>
           <ul className="list-inside list-disc space-y-2 text-sm text-muted-foreground">
             <li>No tracking or advertising cookies.</li>
             <li>No third-party analytics (Google Analytics, etc.).</li>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Cookie Consent</h2>
+          <h2 className="text-lg font-semibold text-foreground">Cookie consent</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Because we only use a single essential cookie required for the service to function, a
             cookie consent banner is not required under the ePrivacy Directive (EU Directive
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Theme Preference</h2>
+          <h2 className="text-lg font-semibold text-foreground">Theme preference</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Your light/dark mode preference is stored in localStorage (not a cookie). This is a
             client-side preference that is never sent to our servers.

src/app/legal/privacy/page.tsx

···
   return (
     <ForumLayout communityName={communityName}>
       <div className="mx-auto max-w-2xl space-y-8">
-        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Privacy Policy' }]} />
+        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Privacy policy' }]} />
 
-        <h1 className="text-2xl font-bold text-foreground">Privacy Policy</h1>
+        <h1 className="text-2xl font-bold text-foreground">Privacy policy</h1>
 
         <section className="space-y-3">
           <h2 className="text-lg font-semibold text-foreground">Overview</h2>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">What We Collect</h2>
+          <h2 className="text-lg font-semibold text-foreground">What we collect</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             When you use Barazo, we process the following data:
           </p>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">What We Do Not Collect</h2>
+          <h2 className="text-lg font-semibold text-foreground">What we do not collect</h2>
           <ul className="list-inside list-disc space-y-2 text-sm text-muted-foreground">
             <li>
               We do not collect or store your password (authentication is handled via AT Protocol
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Legal Basis</h2>
+          <h2 className="text-lg font-semibold text-foreground">Legal basis</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             We process your data under the following legal bases (GDPR Art. 6):
           </p>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Data Storage and Transfers</h2>
+          <h2 className="text-lg font-semibold text-foreground">Data storage and transfers</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Our servers are hosted in the European Union (Hetzner, Germany). We use the following
             sub-processors:
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Data Retention and Deletion</h2>
+          <h2 className="text-lg font-semibold text-foreground">Data retention and deletion</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Your indexed data is retained while the source exists on your AT Protocol PDS. When you
             delete content or your account via the AT Protocol, we process the deletion event
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">AI Features</h2>
+          <h2 className="text-lg font-semibold text-foreground">AI features</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Barazo offers optional AI features including thread summaries, semantic search, and
             content moderation assistance. Here is how they work:
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Content Labels</h2>
+          <h2 className="text-lg font-semibold text-foreground">Content labels</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             We subscribe to content labeling services (such as Bluesky&apos;s Ozone) for spam
             detection and content moderation. Labels applied to your account may affect posting
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Your Rights</h2>
+          <h2 className="text-lg font-semibold text-foreground">Your rights</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Under the GDPR, you have the right to:
           </p>
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Data Breach Notification</h2>
+          <h2 className="text-lg font-semibold text-foreground">Data breach notification</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             In the event of a data breach, we will notify the Dutch Data Protection Authority within
             72 hours (GDPR Art. 33). For high-risk breaches, we will notify affected users without

src/app/legal/terms/page.tsx

···
   return (
     <ForumLayout communityName={communityName}>
       <div className="mx-auto max-w-2xl space-y-8">
-        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Terms of Service' }]} />
+        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Terms of service' }]} />
 
-        <h1 className="text-2xl font-bold text-foreground">Terms of Service</h1>
+        <h1 className="text-2xl font-bold text-foreground">Terms of service</h1>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Acceptance of Terms</h2>
+          <h2 className="text-lg font-semibold text-foreground">Acceptance of terms</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             By accessing or using Barazo, you agree to be bound by these Terms of Service. If you do
             not agree to these terms, you may not use the service. Barazo reserves the right to
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Account and Authentication</h2>
+          <h2 className="text-lg font-semibold text-foreground">Account and authentication</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Barazo uses the AT Protocol for authentication. You log in using your existing AT
             Protocol identity (e.g., a Bluesky account). You are responsible for maintaining the
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Content and Conduct</h2>
+          <h2 className="text-lg font-semibold text-foreground">Content and conduct</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             You retain ownership of content you post on Barazo. By posting, you grant Barazo a
             license to display, index, and distribute your content as part of the forum service and
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Content Maturity Ratings</h2>
+          <h2 className="text-lg font-semibold text-foreground">Content maturity ratings</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Communities and categories may be rated for content maturity (Safe for Work, Mature, or
             Adult). You are responsible for accurately labeling your content. Communities may
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Cross-Posting</h2>
+          <h2 className="text-lg font-semibold text-foreground">Cross-posting</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Barazo may cross-post your content to connected platforms (such as Bluesky or Frontpage)
             when you enable this feature. Cross-posting is optional and can be controlled in your
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Moderation and Labels</h2>
+          <h2 className="text-lg font-semibold text-foreground">Moderation and labels</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Your account may be labeled by independent moderation services (such as Bluesky&apos;s
             Ozone). Labels affect posting limits and content visibility. You cannot delete labels
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">AI-Generated Summaries</h2>
+          <h2 className="text-lg font-semibold text-foreground">AI-generated summaries</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Barazo may generate AI-powered summaries of discussion threads. These summaries are
             anonymized derivative works that do not contain personal data (no usernames or verbatim
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">AT Protocol and Federation</h2>
+          <h2 className="text-lg font-semibold text-foreground">AT Protocol and federation</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Barazo is built on the AT Protocol, which is a federated, open network. Content you post
             may be indexed by other services on the AT Protocol network. Barazo cannot control how
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Limitation of Liability</h2>
+          <h2 className="text-lg font-semibold text-foreground">Limitation of liability</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             Barazo is provided &quot;as is&quot; without warranties of any kind. We are not liable
             for any damages arising from your use of the service, including but not limited to loss
···
         </section>
 
         <section className="space-y-3">
-          <h2 className="text-lg font-semibold text-foreground">Governing Law</h2>
+          <h2 className="text-lg font-semibold text-foreground">Governing law</h2>
           <p className="text-sm leading-relaxed text-muted-foreground">
             These terms are governed by the laws of the Netherlands. Any disputes arising from these
             terms will be subject to the exclusive jurisdiction of the courts of the Netherlands.

src/app/new/page.test.tsx

···
 describe('NewTopicPage', () => {
   it('renders create topic heading', () => {
     render(<NewTopicPage />)
-    expect(screen.getByRole('heading', { name: 'Create New Topic' })).toBeInTheDocument()
+    expect(screen.getByRole('heading', { name: 'Create new topic' })).toBeInTheDocument()
   })
 
   it('renders topic form', () => {
···
   it('renders breadcrumbs', () => {
     render(<NewTopicPage />)
     expect(screen.getByText('Home')).toBeInTheDocument()
-    expect(screen.getByText('New Topic')).toBeInTheDocument()
+    expect(screen.getByText('New topic')).toBeInTheDocument()
   })
 })

src/app/new/page.tsx

···
   return (
     <ForumLayout communityName={communityName}>
       <div className="space-y-6">
-        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'New Topic' }]} />
+        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'New topic' }]} />
 
-        <h1 className="text-2xl font-bold text-foreground">Create New Topic</h1>
+        <h1 className="text-2xl font-bold text-foreground">Create new topic</h1>
 
         {error && (
           <div

src/app/settings/page.test.tsx

···
     await waitFor(() => {
       expect(screen.getByText('Blocked users')).toBeInTheDocument()
     })
-    const safetyFieldset = screen.getByText('Content Safety').closest('fieldset')!
+    const safetyFieldset = screen.getByText('Content safety').closest('fieldset')!
     expect(within(safetyFieldset).getByLabelText('Handle to block')).toBeInTheDocument()
     expect(within(safetyFieldset).getByText('No users blocked.')).toBeInTheDocument()
   })
···
   it('renders cross-posting section', async () => {
     render(<SettingsPage />)
     await waitFor(() => {
-      expect(screen.getByText('Cross-Posting')).toBeInTheDocument()
+      expect(screen.getByText('Cross-posting')).toBeInTheDocument()
     })
     expect(screen.getByLabelText(/bluesky/i)).toBeInTheDocument()
     expect(screen.getByLabelText(/frontpage/i)).toBeInTheDocument()
···
       ).toBeTruthy()
     })
 
-    it('renders reports link below both sections', async () => {
+    it('renders reports link inside the community section', async () => {
       render(<SettingsPage />)
       await waitFor(() => {
         expect(screen.getByRole('link', { name: /view my reports/i })).toBeInTheDocument()
       })
 
       const reportsLink = screen.getByRole('link', { name: /view my reports/i })
-      const globalSection = screen
-        .getByRole('heading', { name: /your settings across all barazo forums/i, level: 2 })
+      const communitySection = screen
+        .getByRole('heading', { name: /your .+ settings/i, level: 2 })
         .closest('section')!
 
-      // Reports link comes after the global section
-      expect(
-        globalSection.compareDocumentPosition(reportsLink) & Node.DOCUMENT_POSITION_FOLLOWING
-      ).toBeTruthy()
+      // Reports link is inside the community section (scoped to this AppView)
+      expect(communitySection.contains(reportsLink)).toBe(true)
     })
 
     it('does not render community overrides content', async () => {

src/app/settings/page.tsx

···
  * User settings page.
  * URL: /settings
  * Two scope-grouped sections: community-specific and global.
+ * Desktop sidebar with sticky anchor-link navigation.
  * Client component (form state).
  * @see specs/prd-web.md Section M8 (Settings page)
  */
···
 import { ContentSafetySection } from '@/components/settings/content-safety-section'
 import { CrossPostingSection } from '@/components/settings/cross-posting-section'
 import { NotificationsSection } from '@/components/settings/notifications-section'
+import { SettingsSidebar } from '@/components/settings/settings-sidebar'
 import { AGE_OPTIONS } from '@/lib/constants'
 import { cn } from '@/lib/utils'
 import { useSettingsForm } from '@/hooks/use-settings-form'
···
   return (
     <ForumLayout communityName={communityName}>
       <div className="space-y-6">
-        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Account Settings' }]} />
+        <Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Account settings' }]} />
 
-        <h1 className="text-2xl font-bold text-foreground">Account Settings</h1>
+        <h1 className="text-2xl font-bold text-foreground">Account settings</h1>
 
         {loading ? (
           <div className="max-w-2xl animate-pulse space-y-4">
···
             <div className="h-24 rounded-lg bg-muted" />
           </div>
         ) : (
-          <div className="max-w-2xl space-y-12">
-            {/* Section 1: Community-scoped settings */}
-            <section aria-labelledby="community-settings-heading">
-              <h2 id="community-settings-heading" className="text-lg font-semibold text-foreground">
-                Your {displayName} Settings
-              </h2>
-              <p className="mt-1 text-sm text-muted-foreground">
-                These settings only affect this community.
-              </p>
+          <div className="flex gap-8">
+            {/* Sticky sidebar navigation (desktop only) */}
+            <SettingsSidebar communityName={displayName} />
 
-              {communityError && (
-                <p
-                  className="mt-4 rounded-md bg-destructive/10 px-4 py-2 text-sm text-destructive"
-                  role="alert"
+            <div className="max-w-2xl flex-1 space-y-12">
+              {/* Section 1: Community-scoped settings */}
+              <section id="community-settings" aria-labelledby="community-settings-heading">
+                <h2
+                  id="community-settings-heading"
+                  className="text-lg font-semibold text-foreground"
                 >
-                  {communityError}
+                  Your {displayName} settings
+                </h2>
+                <p className="mt-1 text-sm text-muted-foreground">
+                  These settings only affect this community.
                 </p>
-              )}
+
+                {communityError && (
+                  <p
+                    className="mt-4 rounded-md bg-destructive/10 px-4 py-2 text-sm text-destructive"
+                    role="alert"
+                  >
+                    {communityError}
+                  </p>
+                )}
+
+                {communitySuccess && (
+                  <p
+                    className="mt-4 rounded-md bg-green-500/10 px-4 py-2 text-sm text-green-700 dark:text-green-400"
+                    role="status"
+                  >
+                    Community settings saved successfully.
+                  </p>
+                )}
+
+                <div className="mt-6">
+                  <CommunityProfileSettings />
+                </div>
+
+                <form onSubmit={handleSaveCommunitySettings} className="mt-8 space-y-8" noValidate>
+                  <fieldset className="space-y-4 rounded-lg border border-border p-4">
+                    <legend className="px-2 text-sm font-semibold text-foreground">
+                      Age declaration
+                    </legend>
 
-              {communitySuccess && (
-                <p
-                  className="mt-4 rounded-md bg-green-500/10 px-4 py-2 text-sm text-green-700 dark:text-green-400"
-                  role="status"
-                >
-                  Community settings saved successfully.
-                </p>
-              )}
+                    <div className="space-y-1">
+                      <label
+                        htmlFor="age-bracket"
+                        className="block text-sm font-medium text-foreground"
+                      >
+                        Age bracket
+                      </label>
+                      <select
+                        id="age-bracket"
+                        value={declaredAge ?? ''}
+                        onChange={(e) => handleAgeChange(Number(e.target.value))}
+                        className={cn(
+                          'block w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground',
+                          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'
+                        )}
+                      >
+                        <option value="" disabled>
+                          Select your age bracket
+                        </option>
+                        {AGE_OPTIONS.map((opt) => (
+                          <option key={opt.value} value={opt.value}>
+                            {opt.label}
+                          </option>
+                        ))}
+                      </select>
+                      <p className="text-xs text-muted-foreground">
+                        Your age bracket determines which content is available. Selecting
+                        &quot;Rather not say&quot; restricts you to safe content only.
+                      </p>
+                    </div>
+                  </fieldset>
 
-              <div className="mt-6">
-                <CommunityProfileSettings />
-              </div>
+                  <CrossPostingSection
+                    authorized={crossPostScopesGranted}
+                    crossPostBluesky={values.crossPostBluesky}
+                    crossPostFrontpage={values.crossPostFrontpage}
+                    onBlueskyChange={(v) => setValues({ ...values, crossPostBluesky: v })}
+                    onFrontpageChange={(v) => setValues({ ...values, crossPostFrontpage: v })}
+                    onAuthorize={() => setShowCrossPostAuthDialog(true)}
+                  />
 
-              <form onSubmit={handleSaveCommunitySettings} className="mt-8 space-y-8" noValidate>
-                <fieldset className="space-y-4 rounded-lg border border-border p-4">
-                  <legend className="px-2 text-sm font-semibold text-foreground">
-                    Age Declaration
-                  </legend>
+                  <NotificationsSection
+                    notifyReplies={values.notifyReplies}
+                    notifyMentions={values.notifyMentions}
+                    notifyReactions={values.notifyReactions}
+                    onRepliesChange={(v) => setValues({ ...values, notifyReplies: v })}
+                    onMentionsChange={(v) => setValues({ ...values, notifyMentions: v })}
+                    onReactionsChange={(v) => setValues({ ...values, notifyReactions: v })}
+                  />
 
-                  <div className="space-y-1">
-                    <label
-                      htmlFor="age-bracket"
-                      className="block text-sm font-medium text-foreground"
-                    >
-                      Age bracket
-                    </label>
-                    <select
-                      id="age-bracket"
-                      value={declaredAge ?? ''}
-                      onChange={(e) => handleAgeChange(Number(e.target.value))}
+                  {/* Reports link -- scoped to this community's AppView */}
+                  <div className="rounded-lg border border-border p-4">
+                    <Link
+                      href="/settings/reports"
                       className={cn(
-                        'block w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground',
+                        'text-sm font-medium text-primary transition-colors',
+                        'hover:text-primary-hover underline underline-offset-4',
                         'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'
                       )}
                     >
-                      <option value="" disabled>
-                        Select your age bracket
-                      </option>
-                      {AGE_OPTIONS.map((opt) => (
-                        <option key={opt.value} value={opt.value}>
-                          {opt.label}
-                        </option>
-                      ))}
-                    </select>
-                    <p className="text-xs text-muted-foreground">
-                      Your age bracket determines which content is available. Selecting &quot;Rather
-                      not say&quot; restricts you to safe content only.
+                      View my reports and appeals
+                    </Link>
+                    <p className="mt-1 text-xs text-muted-foreground">
+                      Track the status of reports you have submitted to this community and appeal
+                      dismissed reports.
                     </p>
                   </div>
-                </fieldset>
 
-                <CrossPostingSection
-                  authorized={crossPostScopesGranted}
-                  crossPostBluesky={values.crossPostBluesky}
-                  crossPostFrontpage={values.crossPostFrontpage}
-                  onBlueskyChange={(v) => setValues({ ...values, crossPostBluesky: v })}
-                  onFrontpageChange={(v) => setValues({ ...values, crossPostFrontpage: v })}
-                  onAuthorize={() => setShowCrossPostAuthDialog(true)}
-                />
+                  <div className="flex justify-end">
+                    <button
+                      type="submit"
+                      disabled={savingCommunity}
+                      className={cn(
+                        'rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors',
+                        'hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+                        'disabled:cursor-not-allowed disabled:opacity-50'
+                      )}
+                    >
+                      {savingCommunity ? 'Saving...' : 'Save community settings'}
+                    </button>
+                  </div>
+                </form>
+              </section>
 
-                <NotificationsSection
-                  notifyReplies={values.notifyReplies}
-                  notifyMentions={values.notifyMentions}
-                  notifyReactions={values.notifyReactions}
-                  onRepliesChange={(v) => setValues({ ...values, notifyReplies: v })}
-                  onMentionsChange={(v) => setValues({ ...values, notifyMentions: v })}
-                  onReactionsChange={(v) => setValues({ ...values, notifyReactions: v })}
-                />
+              {/* Visual separator */}
+              <div className="border-t border-border" />
 
-                <div className="flex justify-end">
-                  <button
-                    type="submit"
-                    disabled={savingCommunity}
-                    className={cn(
-                      'rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors',
-                      'hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
-                      'disabled:cursor-not-allowed disabled:opacity-50'
-                    )}
+              {/* Section 2: Global settings */}
+              <section id="global-settings" aria-labelledby="global-settings-heading">
+                <h2 id="global-settings-heading" className="text-lg font-semibold text-foreground">
+                  Your settings across all Barazo forums
+                </h2>
+                <p className="mt-1 text-sm text-muted-foreground">
+                  {displayName} is built with{' '}
+                  <a
+                    href="https://barazo.forum"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-primary underline underline-offset-2 hover:text-primary-hover"
                   >
-                    {savingCommunity ? 'Saving...' : 'Save Community Settings'}
-                  </button>
-                </div>
-              </form>
-            </section>
-
-            {/* Visual separator */}
-            <div className="border-t border-border" />
-
-            {/* Section 2: Global settings */}
-            <section aria-labelledby="global-settings-heading">
-              <h2 id="global-settings-heading" className="text-lg font-semibold text-foreground">
-                Your Settings Across All Barazo Forums
-              </h2>
-              <p className="mt-1 text-sm text-muted-foreground">
-                {displayName} is built with{' '}
-                <a
-                  href="https://barazo.forum"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-primary underline underline-offset-2 hover:text-primary-hover"
-                >
-                  Barazo
-                </a>
-                , forum software built on the{' '}
-                <a
-                  href="https://atproto.com/"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-primary underline underline-offset-2 hover:text-primary-hover"
-                >
-                  AT Protocol
-                </a>
-                , allowing you to use the same identity and login across all Barazo forums. The
-                settings below apply everywhere.
-              </p>
-
-              {globalError && (
-                <p
-                  className="mt-4 rounded-md bg-destructive/10 px-4 py-2 text-sm text-destructive"
-                  role="alert"
-                >
-                  {globalError}
-                </p>
-              )}
-
-              {globalSuccess && (
-                <p
-                  className="mt-4 rounded-md bg-green-500/10 px-4 py-2 text-sm text-green-700 dark:text-green-400"
-                  role="status"
-                >
-                  Global settings saved successfully.
+                    Barazo
+                  </a>
+                  , forum software built on the{' '}
+                  <a
+                    href="https://atproto.com/"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-primary underline underline-offset-2 hover:text-primary-hover"
+                  >
+                    AT Protocol
+                  </a>
+                  , allowing you to use the same identity and login across all Barazo forums. The
+                  settings below apply everywhere.
                 </p>
-              )}
 
-              <form onSubmit={handleSaveGlobalSettings} className="mt-6 space-y-8" noValidate>
-                <ContentSafetySection
-                  maturityLevel={values.maturityLevel}
-                  mutedWords={values.mutedWords}
-                  blockedUsers={values.blockedUsers}
-                  onMaturityChange={(level) => setValues({ ...values, maturityLevel: level })}
-                  onMutedWordsChange={(words) => setValues({ ...values, mutedWords: words })}
-                  onBlockUser={handleBlockUser}
-                  onUnblockUser={handleUnblockUser}
-                />
-
-                <div className="flex justify-end">
-                  <button
-                    type="submit"
-                    disabled={savingGlobal}
-                    className={cn(
-                      'rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors',
-                      'hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
-                      'disabled:cursor-not-allowed disabled:opacity-50'
-                    )}
+                {globalError && (
+                  <p
+                    className="mt-4 rounded-md bg-destructive/10 px-4 py-2 text-sm text-destructive"
+                    role="alert"
                   >
-                    {savingGlobal ? 'Saving...' : 'Save Global Settings'}
-                  </button>
-                </div>
-              </form>
-            </section>
+                    {globalError}
+                  </p>
+                )}
 
-            {/* Reports link below both sections */}
-            <div className="rounded-lg border border-border p-4">
-              <Link
-                href="/settings/reports"
-                className={cn(
-                  'text-sm font-medium text-primary transition-colors',
-                  'hover:text-primary-hover underline underline-offset-4',
-                  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'
+                {globalSuccess && (
+                  <p
+                    className="mt-4 rounded-md bg-green-500/10 px-4 py-2 text-sm text-green-700 dark:text-green-400"
+                    role="status"
+                  >
+                    Global settings saved successfully.
+                  </p>
                 )}
-              >
-                View my reports and appeals
-              </Link>
-              <p className="mt-1 text-xs text-muted-foreground">
-                Track the status of reports you have submitted and appeal dismissed reports.
-              </p>
+
+                <form onSubmit={handleSaveGlobalSettings} className="mt-6 space-y-8" noValidate>
+                  <ContentSafetySection
+                    maturityLevel={values.maturityLevel}
+                    mutedWords={values.mutedWords}
+                    blockedUsers={values.blockedUsers}
+                    onMaturityChange={(level) => setValues({ ...values, maturityLevel: level })}
+                    onMutedWordsChange={(words) => setValues({ ...values, mutedWords: words })}
+                    onBlockUser={handleBlockUser}
+                    onUnblockUser={handleUnblockUser}
+                  />
+
+                  <div className="flex justify-end">
+                    <button
+                      type="submit"
+                      disabled={savingGlobal}
+                      className={cn(
+                        'rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors',
+                        'hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+                        'disabled:cursor-not-allowed disabled:opacity-50'
+                      )}
+                    >
+                      {savingGlobal ? 'Saving...' : 'Save global settings'}
+                    </button>
+                  </div>
+                </form>
+              </section>
             </div>
           </div>
         )}

src/app/settings/reports/page.test.tsx

···
 
   it('renders breadcrumbs with link to settings', async () => {
     render(<MyReportsPage />)
-    expect(screen.getByText('Account Settings')).toBeInTheDocument()
+    expect(screen.getByText('Account settings')).toBeInTheDocument()
   })
 
   it('loads and displays user reports from API', async () => {

src/app/settings/reports/page.tsx

···
         <Breadcrumbs
           items={[
             { label: 'Home', href: '/' },
-            { label: 'Account Settings', href: '/settings' },
-            { label: 'My Reports' },
+            { label: 'Account settings', href: '/settings' },
+            { label: 'My reports' },
           ]}
         />
 
-        <h1 className="text-2xl font-bold text-foreground">My Reports</h1>
+        <h1 className="text-2xl font-bold text-foreground">My reports</h1>
 
         {loading ? (
           <div className="max-w-2xl animate-pulse space-y-4">

src/app/setup/page.tsx

···
     return (
       <div className="flex min-h-screen items-center justify-center p-6">
         <div className="w-full max-w-md space-y-4 text-center">
-          <h1 className="text-2xl font-bold">Community Setup</h1>
+          <h1 className="text-2xl font-bold">Community setup</h1>
           <p className="text-muted-foreground">
             This community hasn&apos;t been set up yet. Log in to initialize it.
           </p>
···
     <div className="flex min-h-screen items-center justify-center p-6">
       <form onSubmit={handleSubmit} className="w-full max-w-md space-y-6">
         <div className="space-y-2 text-center">
-          <h1 className="text-2xl font-bold">Set Up Your Community</h1>
+          <h1 className="text-2xl font-bold">Set up your community</h1>
           <p className="text-muted-foreground">You&apos;ll become the admin of this community.</p>
         </div>
 
         <div className="space-y-2">
           <label htmlFor="community-name" className="text-sm font-medium">
-            Community Name
+            Community name
           </label>
           <input
             id="community-name"
···
           disabled={submitting}
           className="w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
         >
-          {submitting ? 'Initializing...' : 'Initialize Community'}
+          {submitting ? 'Initializing...' : 'Initialize community'}
         </button>
       </form>
     </div>

src/app/t/[slug]/[rkey]/edit/page.test.tsx

···
 describe('EditTopicPage', () => {
   it('renders edit topic heading', async () => {
     render(<EditTopicPage params={{ slug: 'welcome-to-barazo-forums', rkey: '3kf1abc' }} />)
-    expect(await screen.findByRole('heading', { name: 'Edit Topic' })).toBeInTheDocument()
+    expect(await screen.findByRole('heading', { name: 'Edit topic' })).toBeInTheDocument()
   })
 
   it('pre-populates form with topic data', async () => {

src/app/t/[slug]/[rkey]/edit/page.tsx

···
           ]}
         />
 
-        <h1 className="text-2xl font-bold text-foreground">Edit Topic</h1>
+        <h1 className="text-2xl font-bold text-foreground">Edit topic</h1>
 
         {error && (
           <div

src/app/u/[handle]/page.tsx

···
 
         {/* Recent activity */}
         <section>
-          <h2 className="text-lg font-semibold text-foreground">Recent Activity</h2>
+          <h2 className="text-lg font-semibold text-foreground">Recent activity</h2>
           <p className="mt-2 text-sm text-muted-foreground">
             Recent posts and replies will appear here once the activity feed is implemented.
           </p>

src/components/admin/plugins/dependency-warning-dialog.tsx

···
       <div className="w-full max-w-sm rounded-lg border border-border bg-card p-6 shadow-lg">
         <div className="mb-3 flex items-center gap-2 text-destructive">
           <WarningCircle size={20} aria-hidden="true" />
-          <h2 className="font-semibold">Dependency Warning</h2>
+          <h2 className="font-semibold">Dependency warning</h2>
         </div>
         <p className="text-sm text-muted-foreground">
           Disabling <strong>{pluginName}</strong> will affect the following plugins that depend on
···
             onClick={onConfirm}
             className="rounded-md bg-destructive px-3 py-1.5 text-sm font-medium text-destructive-foreground transition-colors hover:bg-destructive/90"
           >
-            Disable Anyway
+            Disable anyway
           </button>
         </div>
       </div>

src/components/admin/settings/pds-trust-section.tsx

···
     <div className="space-y-4">
       <div className="flex items-center justify-between">
         <div>
-          <h2 className="text-lg font-semibold text-foreground">PDS Provider Trust</h2>
+          <h2 className="text-lg font-semibold text-foreground">PDS provider trust</h2>
           <p className="mt-0.5 text-sm text-muted-foreground">
             Accounts from providers with higher trust factors earn reputation faster. Override the
             default if you trust a specific self-hosted PDS provider.
···
           aria-label="Add override"
           className="shrink-0 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
         >
-          Add Override
+          Add override
         </button>
       </div>
 

src/components/admin/sybil/behavioral-flags-section.tsx

···
 export function BehavioralFlagsSection({ flags, onDismiss }: BehavioralFlagsSectionProps) {
   return (
     <div className="space-y-3">
-      <h2 className="text-lg font-semibold text-foreground">Behavioral Flags</h2>
+      <h2 className="text-lg font-semibold text-foreground">Behavioral flags</h2>
       {flags.length === 0 && (
         <p className="py-4 text-center text-muted-foreground">No behavioral flags.</p>
       )}

src/components/admin/sybil/cluster-detail-view.tsx

···
               <th className="pb-2 pr-4 font-medium text-muted-foreground">Role</th>
               <th className="pb-2 pr-4 font-medium text-muted-foreground">Trust</th>
               <th className="pb-2 pr-4 font-medium text-muted-foreground">Reputation</th>
-              <th className="pb-2 pr-4 font-medium text-muted-foreground">Account Age</th>
+              <th className="pb-2 pr-4 font-medium text-muted-foreground">Account age</th>
               <th className="pb-2 font-medium text-muted-foreground">Communities</th>
             </tr>
           </thead>

src/components/admin/trust-seeds/add-seed-dialog.tsx

···
       aria-label="Add trust seed"
     >
       <div className="mx-4 w-full max-w-md rounded-lg border border-border bg-card p-6 shadow-lg">
-        <h3 className="text-lg font-semibold text-foreground">Add Trust Seed</h3>
+        <h3 className="text-lg font-semibold text-foreground">Add trust seed</h3>
         <form onSubmit={handleSubmit} className="mt-4 space-y-4">
           <div>
             <label htmlFor="seed-handle" className="block text-sm font-medium text-foreground">

src/components/community-profile-settings.tsx

···
   if (loading || !communityDid) {
     return (
       <fieldset className="space-y-4 rounded-lg border border-border p-4">
-        <legend className="px-2 text-sm font-semibold text-foreground">Community Profile</legend>
+        <legend className="px-2 text-sm font-semibold text-foreground">Community profile</legend>
         {loading ? (
           <div className="animate-pulse space-y-3">
             <div className="h-24 w-24 rounded-full bg-muted" />
···
   return (
     <>
       <fieldset className="space-y-6 rounded-lg border border-border p-4">
-        <legend className="px-2 text-sm font-semibold text-foreground">Community Profile</legend>
+        <legend className="px-2 text-sm font-semibold text-foreground">Community profile</legend>
 
         <p className="text-sm text-muted-foreground">
           Customize how you appear in this community. Leave fields empty to use your AT Protocol
···
             )}
           >
             <ArrowCounterClockwise size={16} weight="bold" aria-hidden="true" />
-            Reset to AT Protocol Profile
+            Reset to AT Protocol profile
           </button>
 
           <button
···
               'disabled:cursor-not-allowed disabled:opacity-50'
             )}
           >
-            {saving ? 'Saving...' : 'Save Profile'}
+            {saving ? 'Saving...' : 'Save profile'}
           </button>
         </div>
       </fieldset>
 
       <ConfirmDialog
         open={showResetConfirm}
-        title="Reset Community Profile"
+        title="Reset community profile"
         description="This will remove all community-specific overrides (display name, bio, avatar, banner) and revert to your AT Protocol profile. This action cannot be undone."
-        confirmLabel="Reset Profile"
-        cancelLabel="Keep Overrides"
+        confirmLabel="Reset profile"
+        cancelLabel="Keep overrides"
         variant="destructive"
         onConfirm={handleReset}
         onCancel={() => setShowResetConfirm(false)}

src/components/settings/content-safety-section.tsx

···
 }: ContentSafetySectionProps) {
   return (
     <fieldset className="space-y-4 rounded-lg border border-border p-4">
-      <legend className="px-2 text-sm font-semibold text-foreground">Content Safety</legend>
+      <legend className="px-2 text-sm font-semibold text-foreground">Content safety</legend>
 
       <div className="space-y-1">
         <label htmlFor="maturity-level" className="block text-sm font-medium text-foreground">

src/components/settings/cross-posting-section.tsx

···
 }: CrossPostingSectionProps) {
   return (
     <fieldset className="space-y-4 rounded-lg border border-border p-4">
-      <legend className="px-2 text-sm font-semibold text-foreground">Cross-Posting</legend>
+      <legend className="px-2 text-sm font-semibold text-foreground">Cross-posting</legend>
       {authorized ? (
         <div className="space-y-3">
           <p className="text-xs text-muted-foreground">

src/components/settings/settings-sidebar.tsx

···
+/**
+ * Sticky sidebar navigation for the settings page.
+ * Anchor links to community-scoped and global settings sections.
+ * Hidden below max-w-2xl breakpoint (768px).
+ */
+
+'use client'
+
+import { useState, useEffect } from 'react'
+import { cn } from '@/lib/utils'
+
+interface SettingsSidebarProps {
+  communityName: string
+}
+
+export function SettingsSidebar({ communityName }: SettingsSidebarProps) {
+  const [activeSection, setActiveSection] = useState<string>('community-settings')
+
+  useEffect(() => {
+    if (typeof IntersectionObserver === 'undefined') return
+
+    const sections = ['community-settings', 'global-settings']
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            setActiveSection(entry.target.id)
+          }
+        }
+      },
+      { rootMargin: '-80px 0px -60% 0px', threshold: 0 }
+    )
+
+    for (const id of sections) {
+      const el = document.getElementById(id)
+      if (el) observer.observe(el)
+    }
+
+    return () => observer.disconnect()
+  }, [])
+
+  const links = [
+    { id: 'community-settings', label: `${communityName} settings` },
+    { id: 'global-settings', label: 'Global settings' },
+  ]
+
+  return (
+    <nav
+      aria-label="Settings sections"
+      className="sticky top-20 hidden h-fit w-48 shrink-0 self-start min-[768px]:block"
+    >
+      <ul className="space-y-1">
+        {links.map((link) => (
+          <li key={link.id}>
+            <a
+              href={`#${link.id}`}
+              className={cn(
+                'block rounded-md px-3 py-2 text-sm transition-colors',
+                'hover:bg-card-hover hover:text-foreground',
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+                activeSection === link.id
+                  ? 'bg-card-hover font-medium text-foreground'
+                  : 'text-muted-foreground'
+              )}
+            >
+              {link.label}
+            </a>
+          </li>
+        ))}
+      </ul>
+    </nav>
+  )
+}