1. What is this?

   This is an ordered list whose items have headings. It demonstrates a use-case for the ::marker pseudo-element.

2. What use-case?

   The ::marker pseudo-element is used to style the list markers (1., 2., etc.) so that they match the text size and weight of the headings.

3. How was this done before?

   Before ::marker, a workaround was needed to achieve this effect. For example, hiding the native markers and creating custom markers via ::before, or styling the list items themselves and then reverting those styles on the item’s descendants.