article > section:first-of-type > ul { list-style: none; padding: 0; max-width: 66ch; }
article > section:first-of-type > ul > li { margin: 0; padding: 18px 24px; border-top: 1px solid var(--rule); }
article > section:first-of-type > ul > li:last-child { border-bottom: 1px solid var(--rule); }
article > section:nth-of-type(2) { padding-left: clamp(24px, 4vw, 48px); border-left: 1px solid var(--rule); }
article > section:last-of-type { margin-top: 28px; border-radius: 24px; padding: 32px; background: var(--soft); border-bottom: 0; }
@media (max-width: 680px) { article > section:first-of-type > ul > li { padding-inline: 10px; } article > section:nth-of-type(2) { padding-left: 20px; } article > section:last-of-type { padding: 24px 20px; } }