/* Publication list.
 *
 * Works by subtraction. No font, no font size, no colour, no border, no
 * theme: everything inherits the page, and the form controls keep their
 * native appearance so the browser inverts them in dark mode by itself.
 *
 * What is left is the three things HTML cannot do on its own: stop the list
 * rendering as bullets, stop the search box being full-page wide, and put a
 * space before the markers that the renderer appends with no text node
 * between them, which otherwise read as "2026Invited".
 */

.pubs__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pubs__item {
    margin: 1em 0;
}

.pubs__title,
.pubs__authors,
.pubs__meta {
    display: block;
}

/* A width, deliberately not a flex basis. These controls used to sit in a
   flex row where the search box was `flex: 1 1 16rem`, and a narrow-screen
   rule flipped the container to `flex-direction: column`. That flip turns the
   main axis from horizontal to vertical, so the 16rem basis stopped meaning
   width and started meaning height: the search box grew to 256px tall on a
   phone, and flex-grow stretched it further. Plain widths cannot do that. */
.pubs__search {
    width: 100%;
    max-width: 24em;
}

.pubs__tag,
.pubs__pdf {
    margin-left: 0.4em;
}