# Legal rich text

Legal rich text is a full-width section that displays a heading and rich text body with legal-specific styling (smaller type, numbered lists). Use for terms, privacy policy, or other long-form legal content.

## What it looks like

(Visual description estimated from code; no screenshots available.)

A single column with optional heading (h5 typography) and body rich text. Body uses the `rtf-legal` class for legal-appropriate typography. Section can have backgroundColour and textColour applied to the full section. Content is constrained to container-row-1-8 and 6-8 with overflow-hidden. Section uses no section-wide background by default; colours come from the Section wrapper when set.

## Typography

- **Heading:** Typography class `h5` from sizingInformation. Semantic level: first block on page → `<h1>`, otherwise `<h2>`.
- **Body:** Rich text with class `rtf-legal` (legal-specific styling).

## Colours

**How colours are applied:** `backgroundColour` and `textColour` are applied to the **entire section** via the Section wrapper.

**Valid `backgroundColour` values:** Bright Blue, Dark, Gray 1, Gray 2, Green, Inactive Gray, Light Blue, Light Orange, Light Purple, Light, Orange, Primary Blue, Purple, Secondary Blue, White, Yellow.

**Valid `textColour` values:** Bright Blue, Dark, Orange, Primary Blue, Purple, Secondary Blue, White.

## Used fields

| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|-----------------|---------------------------|
| `heading` | Symbol | Section heading above body | No heading |
| `body` | RichText | Main legal copy (rtf-legal) | No body |
| `anchor` | Symbol | HTML `id` for in-page linking | No anchor |
| `cmsLabel` | Symbol | Internal label | No visible effect |
| `backgroundColour` | Symbol | Section background | Default background |
| `textColour` | Symbol | Section text colour | Inherited |

## Behaviour

- **Position (index):** Heading semantic level follows index (first block → h1, else h2). Typography class is always h5.
- **Section:** Section uses noBackground; grid container-row-1-8 and 6-8. Same renderer as Article rich text; only the RTF class differs (rtf-legal).

## Impact of content changes

| Change | Result |
|--------|--------|
| Add/remove heading | Heading line appears or disappears |
| Add/remove body | Body block appears or disappears |
| Set backgroundColour / textColour | Section background and text colour update |

## Screenshots to capture

Recommended variants: default, no-heading, dark-background.
