Open book

A reading-room FAQ in which nothing is folded away. A centred masthead (tracked label, display title, short introduction) stands over a two-column grid of four questions, and a band inverted to your contrast closes the section with one line and a button.

Each question hangs from a full-width hairline: a tracked topic label, the question at heading size, the answer at reading size, then a short note set off by a vertical rule on its left. The two columns read like facing pages; the aside is the second voice, the thing a publisher would pencil in the margin.

• Open book (base): your base and contrast, hairlines in currentColor.
• Margin press: states its own colours, forest green on warm paper with sage hairlines and a green band. Like the Designed original, the body uses Arial and the title and questions use Georgia.

Text is contrast on base (4.5:1 in any theme honouring the pair), the band the inverse. Margin press is #294337 on #f3f0e7 and the reverse, above 9:1.

• The grid is core/group in grid layout, two columns with a 17rem minimum, so it holds two columns at tablet width and drops to one on a phone.
• The display title is off the ladder on purpose (a bare clamp()), because its size is the composition; the questions sit on x-large, the answers on medium.
• The closing band inverts to your contrast and its button inverts back to your base, so it reads in every theme.