Notes

A resources section for a beekeeping association: a brand-flooded guide cover on the left with page count, file size and a download button, and a ruled list of downloads on the right in two groups, each row with a file-type badge, a one-line description, the size and a text link. The rings in the cover corner are a radial gradient on the Div background with the brand colour as the last layer, so they follow the theme. Each row is a small grid that moves the size and link under the title on phones. Update the badge, size and link together when you swap a file.