ul.pill-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: calc(var(--spacing) * 4); list-style: none; padding: 0; }
ul.pill-list li { font-size: var(--text-pill); font-weight: 700; color: var(--color-morph-terminal); border: var(--color-current) solid 1px; border-radius: calc(infinity * 1px); width: max-content; padding: var(--spacing) calc(var(--spacing) * 2); }

ul.tag-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: calc(var(--spacing) * 4) calc(var(--spacing) * 6); list-style: none; padding: 0; margin-top: calc(var(--spacing) * 6.5); }
ul.tag-list li { font-size: var(--text-sm); color: var(--color-blue-500); border: var(--color-current) solid 1px; border-radius: calc(var(--spacing) * 2); width: max-content; padding: calc(var(--spacing) * 2) calc(var(--spacing) * 6); }