#licence-reading { list-style: none; padding: 0; counter-reset: lookup; max-width: 70ch; }
#licence-reading > li { padding: 24px 24px 24px 76px; border-top: 1px solid var(--rule); position: relative; margin: 0; counter-increment: lookup; }
#licence-reading > li::before { content: counter(lookup, lower-roman); position: absolute; left: 0; top: 22px; border-radius: 50%; width: 50px; height: 50px; display: grid; place-content: center; background: var(--soft); color: var(--petrol); font-size: 1.2rem; }
article > section:nth-of-type(2) figure { margin-top: 28px; max-width: 820px; }
article > section:nth-of-type(2) img { aspect-ratio: 8 / 5; }
@media (max-width: 680px) { #licence-reading > li { padding: 24px 0 24px 62px; } #licence-reading > li::before { width: 44px; height: 44px; } }