/* Resources page (all four languages): library filter chips and download links. */

/* The board shows the tick inside a filter chip only while the chip is pressed. */
#library .chip > svg { flex: none; }
#library .chip[aria-pressed="false"] > svg { display: none; }

/* Filter fields sit in a grid row as tall as the format chips: keep each label, select and hint
   at the top instead of stretching the select (Topic has no hint, so it grew taller than Language). */
#library .field { align-content: start; }

/* One download link per uploaded file: icon with language and format, then file type and size
   (which moves under the label when the line is too narrow). */
.res-dl { display: grid; gap: 8px; list-style: none; }
.res-dl__a { justify-content: flex-start; flex-wrap: wrap; gap: 4px 10px; padding-inline: 14px; text-align: start; }
.res-dl__what { display: flex; align-items: flex-start; gap: 10px; flex: 1 1 auto; min-width: 0; }
.res-dl__what > .ico { margin-block-start: .05em; }
.res-dl__meta { flex: none; margin-inline-start: auto; font-family: var(--f-mono); font-weight: 500; font-size: .8125rem; color: var(--fg-2); white-space: nowrap; }