#header_authors_link {
    color: var(--gold) !important;
}

.alphabet_carousel_elem.two_letter {
    background-color: var(--gray2);
    font-weight: initial;
    border: none;
    font-size: small;
    width: auto;
    white-space: nowrap;
}
/* Two strips (letters, then two-letter prefixes): the first drops the shared
   bottom padding so the rows keep their 10px chip spacing. */
div.letters_carousel {
    padding-bottom: 0;
}

.author_list li {
    border-bottom: 1px solid var(--gray4);
    padding: 12px 7px;
}
.author_list li:first-child {
    border-top: 1px solid var(--gray4);
}
.author_list > li > a {
    color: var(--black1);
    text-decoration: none;
}

/* Hover colours only where a pointer can hover (see style.css). */
@media (hover: hover) {
    .author_list > li > a:hover {
        color: var(--beige4);
    }
}

/* Compact layout: the whole row is the tap target: the link fills the li
   instead of the text line alone. */
@media (max-width: 960px) {
    .author_list li {
        padding: 0 7px;
    }
    .author_list > li > a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 8px 0;
    }
}

/* Phone portrait: the two strips sit 8px apart; two-letter chips keep their
   small type readable inside the 44px box. */
@media (max-width: 640px) {
    div.letters_carousel {
        padding-bottom: 8px;
    }
    .alphabet_carousel_elem.two_letter {
        padding: 7px 12px;
    }
}