/* downloads block (Phase 3 Stage 4).
   File-download cards. The .sortable-links-* search / filter / list vocabulary
   moved to pagebuilder/links/links.css, which is the block that emits it.
   No literal colour, every value a token. */

.file-cards { display: flex; flex-direction: column; gap: .7rem; }
.file-cards .icon { flex: 0 0 auto; color: var(--dblue); display: flex; }

/* The `4grid` display_style had no rule, so it inherited the flex column above
   and rendered as a single stacked list, identical to `list-plain`. It has to
   re-declare `display` because the base is flex, not grid. */
.file-cards-4grid { display: grid; grid-template-columns: repeat(4, 1fr); }
@media (max-width: 64em) { .file-cards-4grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 40em) { .file-cards-4grid { grid-template-columns: 1fr; } }