Recipe Page with a CUBE CSS twist

What are you most proud of, and what would you do differently next time?

I'm kind of proud of using these bad boy :D

.stack > * + * {
  margin-bottom: var(--s-32);
}

and I've made some progress with the way of selecting elements

.stack--sm > *:not(:last-child) {
  margin-bottom: 0.5rem;
}

I'm also happy with my attempt of using CUBE CSS approach.

What challenges did you encounter, and how did you overcome them?

Styling table was tricky

When border-collapse: collapse is being used, all padding of <tr> breaks down.

I had to add padding to single <td>s

Also changing color of '<br />' is tricky

What specific areas of your project would you like help with?

I'd like to know how I can make my code more in align with CUBE CSS methodology

And how to properly style <br />

Is this going to work on Safari?

ul li::marker {
  color: var(--brown-800);
}