Resources 8 block design & features
The block opens with an oversized "Resources" heading, a short description and an underlined link to browse all resources.
The featured resource sits in a soft muted panel. On the left is a full document page, laid out like a printed report: a monospace masthead with the category and read time, the date, a large title, a screenshot with a figure caption, three ruled columns for findings, method and contents, and the authors in the footer. On the right are the category and date, the title in large type, the summary and a link to read it.
The remaining resources appear below as page thumbnails on muted panels, each with its masthead, summary, optional screenshot and ruled lists, followed by the title, category and date under the page. The pages scale with container query units, so the typesetting stays proportional at any width.
On tablet the thumbnails sit two to a row, and on mobile everything stacks into a single column.