# Centered box

A narrow centered box (laptop: 6 columns) with heading, optional postHeading, links, body, and additional copy. Uses background and text colour from the palette. Use for callouts or short CTAs.

## What it looks like

- **Default:** Centered box with padding (p-8 laptop:p-12), heading (h1/h2), postHeading (h3), links, body (p1), and optional additional copy with top border. Colours from mock/default (e.g. Primary Blue, White).
- **No links:** Same layout without link row.
- **Light/Dark background:** Box uses Light or Dark from palette with contrasting text (Dark or White).
- **Minimal:** Heading and body only; no links.

## Typography

- **Main heading:** Typography class from sizing (first block → h1, else h2). Semantic: first block → `<h1>`, otherwise `<h2>`.
- **Post-heading:** `h3`.
- **Body:** `p1` with class `rtf-standard`.
- **Additional copy:** `p2` with top border and margin.

## Colours

**How colours are applied:** Section uses `noBackground`. Colours are applied to the inner box only via `lookupColourClassNames(backgroundColour, textColour)` on the box div (not the section wrapper).

**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. textColour: Bright Blue, Dark, Orange, Primary Blue, Purple, Secondary Blue, White.

## Used fields

| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|-----------------|---------------------------|
| `heading` | Symbol | Main title (h1/h2) | No heading |
| `postHeading` | Symbol | Subtitle (h3) | No postHeading |
| `body` | RichText | Body copy (p1) | No body block |
| `additionalCopy` | RichText | Extra copy below body (p2, bordered) | No additional copy |
| `links` | Array | Row of links below postHeading | No links block |
| `anchor` | Symbol | HTML `id` for in-page linking | No anchor |
| `cmsLabel` | Symbol | Internal/analytics label | No visible effect |
| `backgroundColour` | Symbol | Box background colour | Default/inherited |
| `textColour` | Symbol | Box text colour | Inherited |

## Behaviour

- **Position (index):** First block → heading `<h1>`/h1; otherwise `<h2>`/h2. Same for embedded (h2/h3).
- **Section layout:** `noBackground`; inner box is `mx-auto laptop:w-cols-6` with flex column and gap-6.

## Impact of content changes

| Change | Result |
|--------|--------|
| Add/remove heading | Heading appears or disappears |
| Add/remove postHeading | Subtitle appears or disappears |
| Add/remove links | Link row appears or disappears |
| Add/remove body | Body block appears or disappears |
| Add/remove additionalCopy | Bordered extra copy appears or disappears |
| Set backgroundColour/textColour | Box background and text use palette colours |

## Screenshots to capture

Recommended variants: default, no-links, light-bg, minimal, dark-bg.