/* Artists widget (widgets/artists/artists.js): a numbered list in columns, each entry under a copper rule. */
.wk.ar { gap: 0; }
.ar__sub { margin: 4px 0 20px; font-family: var(--wk-serif); font-size: 18px; font-style: italic; color: var(--ink-2); }
.ar__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 18px 24px; counter-reset: ar; }
.ar__item { position: relative; display: flex; flex-direction: column; gap: 3px; padding-top: 10px; border-top: 1px solid var(--wk-copper); counter-increment: ar; }
.ar__item::before { content: counter(ar, upper-roman); font-family: var(--wk-serif); font-size: 13px; font-weight: 600; color: var(--wk-copper); }
.ar__name { font-size: 21px; line-height: 1.15; font-weight: 600; }
.ar__place { font-family: var(--wk-display); font-size: 10.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.ar__link { align-self: flex-start; margin-top: 4px; font-size: 12.5px; font-weight: 500; text-decoration: underline; text-underline-offset: .2em; text-decoration-color: var(--wk-copper); }
.ar__link:hover, .ar__link:focus-visible { color: var(--wk-copper); }