FAQ index

A numbered ledger FAQ structured as full-width ruled rows. An introductory header leads into five sequential inquiry rows. Each row distributes the entry across three columns: a bold display numeral on the left, the question set clearly at reading scale in the centre, and the complete answer open on the right at a bounded measure.

The section discards the interactive accordion click in favour of an open editorial ledger. Each row is bound by full-width currentColor hairlines and structured into three synchronized columns: a prominent two-digit index numeral (01 through 05) at display scale in the left rail, the question set in the middle 38% column, and the answer packed in the right 50% column at a comfortable 32rem measure.

The numeral anchors the row visually, allowing visitors to scan topics quickly without layout reflow or state toggles.

• Night index. Complete inversion of the base pattern: your theme's contrast ground with base type and hairlines following in currentColor.

1. The questions and answers. Five direct pairs covering your core commercial or technical policies.
2. The count. Duplicate or remove any core/columns row along with its preceding separator.
3. The header. Adjust the section title and lede paragraph to match your page context.

• Typeface. Inherits default theme typography for all headings and copy.
• Palette. Built strictly on base and contrast token fallback chains.
• Spacing presets. Uses standard core spacing presets (spacing|80, spacing|60, spacing|50, spacing|40, spacing|30) for responsive padding and gaps.

• The three-way column distribution. 12% numeral rail, 38% question column, 50% answer column.
• Typographic hierarchy. Display clamp for index numerals, large preset chain for questions, and medium preset chain for answers.
• Reading measure. 32rem right-padding clamp on answer text.

All text and numerals meet or exceed WCAG 2.1 AA standards (4.5:1 for body copy and 3:1 for large display numerals) across stock themes and inverted modes.

• Three-column asymmetric ledger. Uses core/columns with 12%, 38%, and 50% basis splits. At desktop and tablet, the numeral, question, and answer align horizontally across the row. On mobile viewports below 782px, WordPress stacks the columns naturally into a coherent vertical sequence.
• Hairlines in currentColor. The wide separators between rows use is-style-wide and inherit the active text ink, ensuring they adapt automatically across light and dark theme modes without custom CSS.
• Bounded reading measure. The answer paragraph applies padding-right: max(0rem, 100% - 32rem), maintaining optimal line length on wide screens while releasing fully on smaller displays.