# Quote

A centered quote block: white rounded card with body (quote styling) and optional postHeading (attribution). Optional section-level background colour; embedded mode can show a full-width background behind the card.

## What it looks like

- **Default:** Centered block with vertical padding (py-16 laptop:py-24). Inner white card (rounded-card, px-8 py-8 laptop:px-cols-gap-1). Body uses `rtf-core quote text-dark`; postHeading uses `h6 text-dark`. Section may have background colour from Section.
- **Body only:** Same card with only the quote body.
- **With background:** Section or embedded full-width background uses `backgroundColour`; card remains white with dark text.

## Typography

- **Body (quote):** Class `rtf-core quote text-dark`.
- **Post-heading (attribution):** `h6 text-dark`.

## Colours

**How colours are applied:** Section receives `backgroundColour` and can apply it section-wide. In embedded mode, a full-width background div uses `lookupColourString(backgroundColour, 'bg')` behind the card. The card itself is white with dark text.

**Valid values (from palette):** backgroundColour: Bright Blue, Dark, Gray 1, Gray 2, Green, Light Blue, Light Orange, Light Purple, Light, Orange, Primary Blue, Purple, Secondary Blue, White, Yellow.

## Used fields

| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|-----------------|---------------------------|
| `body` | RichText | Quote content (quote styling) | No quote text |
| `postHeading` | Symbol | Attribution (h6) | No attribution |
| `anchor` | Symbol | HTML `id` for in-page linking | No anchor |
| `cmsLabel` | Symbol | Internal/analytics label | No visible effect |
| `backgroundColour` | Symbol | Section or embedded background | No background fill |

## Behaviour

- **Section:** Section wrapper can apply backgroundColour; inner content is full width (`col-span-full`).
- **Embedded:** When embedded, an absolute full-width background div (behind the card) uses backgroundColour; card stays centered with white bg.

## Impact of content changes

| Change | Result |
|--------|--------|
| Add/remove body | Quote text appears or disappears |
| Add/remove postHeading | Attribution appears or disappears |
| Set backgroundColour | Section or embedded background uses that colour |

## Screenshots to capture

Recommended variants: default, body-only, with-bg (backgroundColour: Light).