.jj-team { padding-block: 2rem 4rem; }
.jj-team h1 { margin-block: 1rem 2rem; font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1; }
.jj-team-list { list-style: none; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.jj-team-list a { display: flex; align-items: center; gap: 1rem; height: 100%; padding: 1rem; border: 1px solid currentColor; border-radius: .7rem; color: inherit; text-decoration: none; }
.jj-team-list a:hover strong, .jj-team-list a:focus-visible strong { text-decoration: underline; text-underline-offset: .2em; }
.jj-team-list .author-avatar { flex: 0 0 3.5rem; height: 3.5rem; width: 3.5rem; }
.jj-team-list strong, .jj-team-list small { display: block; }
.jj-team-list small { margin-top: .25rem; }
.jj-team-list .icon { margin-left: auto; flex: 0 0 1.1rem; }